CODEWITHSUNDEEP
javascriptangularjsnvd3.js
Seddiki Anass
Seddiki Anass

Reputation: 306

Angular nvd3 : Zooming on a line chart

I am currently implementing a directive that plots a lineChart using Angular nvD3. I am trying to implement a a zoom directly on the graph instead of using the slider that could be found with the lineWithFocusChart.
Instead I plan to click and drag on the graph to zoom just like fusion charts does. Is there a way to do so?

Also, is there a way to retrieve the position of the mouse upon a click on the graph?

Thank you in advance :)

Upvotes: 3

Views: 1788

Answers (1)

Stoic_Observer
Stoic_Observer

Reputation: 159

If anyone is still looking, try adding this to your chart options:

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

Upvotes: 4

Related Questions