Angular nvd3 : 放大折线图
Angular nvd3 : Zooming on a line chart
我目前正在执行一个使用 Angular nvD3 绘制 lineChart
的指令。我正在尝试直接在图形上实现缩放,而不是使用可以在 lineWithFocusChart
.
中找到的滑块
相反,我打算像 fusion charts 一样在图表上单击并拖动以进行缩放。有办法吗?
另外,有没有办法在单击图表时检索鼠标的位置?
提前谢谢你:)
如果有人还在寻找,请尝试将其添加到您的图表选项中:
zoom: {
enabled: true,
scaleExtent: [1, 10],
useFixedDomain: false,
useNiceScale: false,
horizontalOff: false,
verticalOff: true,
unzoomEventType: "dblclick.zoom"
}
我目前正在执行一个使用 Angular nvD3 绘制 lineChart
的指令。我正在尝试直接在图形上实现缩放,而不是使用可以在 lineWithFocusChart
.
中找到的滑块
相反,我打算像 fusion charts 一样在图表上单击并拖动以进行缩放。有办法吗?
另外,有没有办法在单击图表时检索鼠标的位置?
提前谢谢你:)
如果有人还在寻找,请尝试将其添加到您的图表选项中:
zoom: {
enabled: true,
scaleExtent: [1, 10],
useFixedDomain: false,
useNiceScale: false,
horizontalOff: false,
verticalOff: true,
unzoomEventType: "dblclick.zoom"
}