在nvd3.js lineWithFocusChart中设置'focus'区域

时间:2013-06-19 17:17:43

标签: javascript d3.js nvd3.js

我正在使用此处显示的nvd3示例中显示的lineWithFocusChart.js模型:http://nvd3.org/ghpages/examples.html

我希望能够为负载时要关注的图形选择特定的x范围。我认为图表中会有一个变量,我可以设置完成此任务。

2 个答案:

答案 0 :(得分:12)

假设网页上只有一张由nvd3生成的图表:

chart = nv.graphs[0] // how to choose the graph by DOM id?
chart.brushExtent([10,20])
chart.update()

感谢@ elsherbini的评论。

答案 1 :(得分:0)

此处提供的解决方案不再适用于最新版本的NVD3。相反,您可以在创建图表时使用以下内容:

  chart = nv.models.lineWithFocusChart()
    .options({
      brushExtent: [10000,490000]
    });

或者在您创建它之后:

chart.brushExtent([10000,490000]);

请参阅此处的文档:http://nvd3-community.github.io/nvd3/examples/documentation.html#lineWithFocusChart