3

我正在尝试从累积折线图http://nvd3.org/ghpages/cumulativeLine.html开始制作自定义图表

我想显示原点在左上角的数据，所以我交换了 y 范围，现在 x 轴在顶部，我需要将其转换到底部。

我正在尝试使用常见的 d3js 转换属性

.attr('transform', 'translate(0,' + height+ ')');

正如这里所建议的，但它似乎不起作用！

我将此部分放在累积线图模型中（大约第 350 行）

g.select('.nv-x.nv-axis')
   // .attr('transform', 'translate(0,' + y.range()[0] + ')');
      .attr('transform', 'translate(0,' + 300 + ')');   // my testing alteration

d3.transition(g.select('.nv-x.nv-axis'))
      .call(xAxis);

Y轴也不能平移。我认为它与 indexLine 和范围可以调整的方式有关，但我可能完全不同意。事实上，我想完全摆脱交互式 indexLine 功能......

我什至修改了 NVD3 代码的正确部分？！

任何帮助将不胜感激。我花了好几个小时试图让整个事情正常工作（偶尔在 nvd3 和 d3 之间来回运行），但我被卡住了。谢谢！

4

0 回答 0