d3.js 中的可缩放时间序列
Zoomable time series in d3.js
Highcharts 有一个功能,您可以 select 时间序列图的一部分来放大该部分 (http://www.highcharts.com/demo/line-time-series):
d3 是否提供类似的功能,或者是否有某个插件模块提供此功能?
据我所知,这是您可以在 D3 中使用的内容:Zoom Behaviour
示例:Zoom Behaviour Example
如何使用它取决于您。您还可以应用缩放过渡以赋予其适当的效果。或者,如果您可以在主图表下方绘制 subchart/viewfinder,则可以使用 D3 笔刷:d3.svg.brush() Example
我希望这可以帮助您实现与您展示的类似的效果。
Highcharts 有一个功能,您可以 select 时间序列图的一部分来放大该部分 (http://www.highcharts.com/demo/line-time-series):
d3 是否提供类似的功能,或者是否有某个插件模块提供此功能?
据我所知,这是您可以在 D3 中使用的内容:Zoom Behaviour 示例:Zoom Behaviour Example
如何使用它取决于您。您还可以应用缩放过渡以赋予其适当的效果。或者,如果您可以在主图表下方绘制 subchart/viewfinder,则可以使用 D3 笔刷:d3.svg.brush() Example
我希望这可以帮助您实现与您展示的类似的效果。