Draw an arrow.

[kinokatsu]

Hi.
I want to draw an arrow to end of data in a scatter plot.

The number of data is two, and I want to draw an arrow to end of data.
How can I do this?

[Thangaraj Raman]

@kinokatsu,

You can show an arrow over the last datapoint, by drawing out an arrow over the chart canvas with id .canvasjs-chart-canvas.

Please check this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS

[kinokatsu]

Hi Thangaraj.
Thanks for your reply.

I’m sorry. My explanation was wrong.
I want to draw an arrow from the start point to the end point on a line graph, like this JSFiddle(This draws an arrow in the data for confirmation).

Please check this JSFiddle

[Adithya Menon]

@kinokatsu,

To achieve your requirement, you can use the same line chart type and disable the markers and toolTip by setting the markerType property to none and the toolTipContent property to null.

Kindly take a look at this JSFiddle for an example on the same.

—
Adithya Menon
Team CanvasJS

[kinokatsu]

Hi dithya Menon
Thanks for your reply.

I wanted to convey the image I had in mind for drawing the arrows by plotting the data.
I would prefer to choose a different method if possible.

I would like to eliminate the calculation of plotting data for the arrows because of the large number of data.

[kinokatsu]

Sorry.
I misspelled your name.

[Adithya Menon]

@kinokatsu,

To eliminate the calculation of plotting data, you can get the canvas context of the chart and draw a line directly on the canvas. Kindly take a look at this JSFiddle for an example on the same.

—
Adithya Menon
Team CanvasJS

[kinokatsu]

Hi Adithya Menon.
Thanks for your reply.

Thanks for your suggestion.
We will consider the two methods you suggested.