javascript - Angular nvd3 : Zooming on a line chart

标签 javascript angularjs nvd3.js

我目前正在执行一个使用 Angular nvD3 绘制 lineChart 的指令.我正在尝试直接在图形上实现缩放,而不是使用可以在 lineWithFocusChart 中找到的 slider 。
相反,我打算在图表上单击并拖动以缩放,就像 fusion charts 一样。做。有办法吗?

此外,有没有一种方法可以在单击图表时检索鼠标的位置?

提前谢谢你:)

最佳答案

如果有人还在寻找,请尝试将其添加到您的图表选项中:

zoom: {
    enabled: true,
    scaleExtent: [1, 10],
    useFixedDomain: false,
    useNiceScale: false,
    horizontalOff: false,
    verticalOff: true,
    unzoomEventType: "dblclick.zoom"
}

关于javascript - Angular nvd3 : Zooming on a line chart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31031705/

相关文章:

javascript - 您可以在事件处理程序上创建 JavaScript 函数吗?

javascript - 如何知道哪个用户在线?

javascript - 无法从 codenvy 预览/运行 angular.js 项目

javascript - 使用 window.confirm 进行 Angular 指令 Controller 单元测试

javascript - 在 MVC View 中检索 json 值的可能方法有哪些?

javascript - jQuery $(this) 在 nodejs 模块上是 "undefined"(使用 Browserify)

javascript - 显示具有事件目标的对象的属性

angularjs - Angular Node 路由

d3.js - crossfilter,d3.brush和nvd3集成

javascript - 面积图上的 nvd3 方向轴