NVD3.js:文档在哪里?需要帮助来配置一些功能

Wel*_*lli 11 nvd3.js

我开始使用NVD3.js,我对这个工具可能的配置有点迷茫.我想配置许多项目,如:

  • 显示每个条形的x轴标签,目前我只有偶数显示: 我目前的图表
  • 我想在条形图上配置一个点击功能,它会重定向到一个传递x轴作为参数的页面,这个链接可以显示在标签上,但在这种情况下我需要更改它,以便能够点击它.

这些是我的疑惑,有人可以帮我提供文档链接我的问题的答案吗?

- 编辑 -

找到了如何在x轴上显示每个条形的标签:

在nv.d3.js中编辑该函数nv.models.multiBarChart.在这一行:reduceXTicks = true,将值设置为false.

要么

只需将此行添加到您的 nv.addGraph函数中:

chart.reduceXTicks('false');
Run Code Online (Sandbox Code Playgroud)

fra*_*ous 11

NVD3的开发似乎已经转移到了nvd3-community fork,它有可用的文档.


Wel*_*lli 3

感谢大家的回复,但我自己完成了:

显示每个条形的 x 轴标签:

添加chart.reduceXTicks('false');到您的nv.addGraph()函数中,如下所示:

nv.addGraph(function () {
    var chart = nv.models.multiBarChart();

    chart.reduceXTicks(false);

    return chart;
});
Run Code Online (Sandbox Code Playgroud)

要添加单击条形的事件,请在图表函数中使用它:

d3.selectAll("rect.nv-bar").on("click", function (d) { // You can pass d to function to recover x ou y value of the bar
  // Whatever you want to do on click
});
Run Code Online (Sandbox Code Playgroud)

如果有人有更好的解决方案,请在这里评论。

  • 对于来自 rCharts 的任何人来说,相当于“plot$chart(reduceXTicks=FALSE)” (3认同)