d3.js - 如何使用 nvd3 绘制对数折线图

标签 d3.js nvd3.js

有没有办法用 nvd3 绘制对数折线图

最佳答案

我不是 nvd3/d3 专家,但我为 nv.models.lineChart 做了一些看起来像这样的东西:

chart.yScale(d3.scale.log());
chart.yAxis.tickValues([1,10,100,1000,10000,1000000]);
chart.forceY([1,1000000]);

笔记:
  • yScale模型之间的功能可能略有不同(例如 chart.lines.yScalecart.lines2.yScale on nv.models.lineWithFocusChart)
  • 这似乎不适用于所有型号
  • D3 only supports base10 currently
    从版本 3.1.0 D3.js 支持 arbitrary logarithm base , 用法示例 http://bl.ocks.org/mbostock/7621155
  • 关于d3.js - 如何使用 nvd3 绘制对数折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14648096/

    相关文章:

    javascript - D3.js - 以编程方式在 Jasmine 中生成拖动事件

    javascript - D3.js如何防止点击事件上的拖动启动

    svg - 有没有办法减少跟随鼠标指针的指南的滞后?

    javascript - NVD3 Angular 指令回调触发得太早

    javascript - c3.js如何在x/y轴上设置json数据

    javascript - 使用函数索引数组

    javascript - 如何给NVD3图添加标签换行功能?

    javascript - 在 svg 元素上 Hook 鼠标事件时,NVD3 图表控件不起作用

    jquery - NVD3 - 使用最新版本的 Safari 上的折线图 NaN

    javascript - 如何将字符串值添加到 nvd3 折线图 x 轴值?