Draw a line over canvas chart

[Prem@123]

Is there any way to draw a line over canvas chart on mouse events?

[Vishwas R]

@prem123,
Are you looking for something like this.

Also take a look at gallery example on draggable column chart.

—
Vishwas R
Team CanvasJS

[Prem@123]

No i don’t want to move Datapoints, i just want to draw a simple line over chart

[Prem@123]

I just to want to draw a line _______________________________________________ like this

[Vishwas R]

@prem123,

You can attach mouse events to chart-container and draw line on top of chart-canvas based on mouse events. Please take a look at this JSFiddle where line will be drawn from the coordinates of mousedown and mouseup events.

—
Vishwas R
Team CanvasJS

[Prem@123]

Is there any way to draw lines using tools supported by Canvas js

[Vishwas R]

@prem123,

Sorry, drawing on chart is not available as an inbuilt feature in CanvasJS as of now. However with few lines of code, you can achieve it as shown in the JSFiddle shared.

—
Vishwas R
Team CanvasJS

[Author]

Posts