d3.js中的Zoomable时间序列

时间:2015-09-14 22:51:10

标签: javascript d3.js c3.js

Highcharts有一项功能,您可以选择时间序列图的一部分来放大该部分(http://www.highcharts.com/demo/line-time-series):

enter image description here

enter image description here

enter image description here

d3是否提供类似的功能,或者某个地方是否有插件模块提供此功能?

1 个答案:

答案 0 :(得分:3)

据我所知,这是你可以在D3中使用的:Zoom Behaviour 示例:Zoom Behaviour Example

你如何使用它取决于你。您还可以应用缩放过渡以提供适当的效果。或者,如果您可以在主图表下方绘制子图/取景器,则可以使用D3画笔:d3.svg.brush() Example

我希望这可以帮助您达到与您所展示的相似的效果。