[Vishwas R]

@scottpendleton,

You can update interval & maximum by updating chart options or by using set method. Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@weihengtest1990,

How to sync tooltip multi charts in react? Any example?

You can sync tooltip across multiple chart using updated event & showAtX method. Please refer documentation for more info.

How to get the X,Y point or other info like which serial when mouse on Click?

You can use click event of dataSeries to get information related to dataPoint & dataSeries that’s clicked.

How to mark the specific point at one of the serials when ploting the charts?

You can set the markerSize to 10 / 12 to highlight a dataPoint. However can you kindly share a pictorial representation of your requirement so that we can understand it better and help you out?

Possible add the mark when mouse on click and get the x,y point or other info together?

You can use click event of dataSeries to get information related to dataPoint & dataSeries that’s clicked. Also you can change the markerType of dataPoint on click so that you can mark the dataPoint differently.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Jason,

Sorry, it’s not possible to bind click event to line as of now.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@jason-chen,

The 2nd line doesn’t show the markers.

Setting markerSize to 0 hides the marker. Setting it to value higher than 0 should work fine in this case. Please take a look at this updated JSFiddle.

Click the line will trigger the on/off event from the line itself and/or from events outside, is it possible? (need to support multiple lines showing the data)

Clicking on line is not possible as of now. However you can hide / unhide dataseries by setting visible property as shown in this JSFiddle.

Can we use an icon rather than the default markers? Can we provide as many custom icons as we want to?

It’s not possible to add image/icons instead of marker. However you can position image on top of chart as shown in this JSFiddle.

[Vishwas R]

@jason-chen,

Can you kindly create JSFiddle with your use-case and share it with us so that we can understand the scenario better and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@malvipanchal,

Sorry, it’s not possible to control first & last label shown in axis. However, you can add striplines to show labels at viewportMinimum & viewportMaximum as shown in this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@cadencevivaade,

Please take a look at this JSFiddle for an example on showing / hiding legend items of all the dataSeries using a button by setting showInLegend property.

The example also shows tooltip with full content on mouse hovering legend item with the help of itemmousemove of legend.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@danny32797,

You can hide a dataSeries by default using visible property. Please take a look at this Gallery Page for an example which shows dataSeries being hidden by default and show them on clicking legend. Also you can checkout JavaScript Gallery & React Gallery for more examples.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@danny32797,

You can use legend itemclick to perform both hiding / unhiding dataseries and to add your own functionality along with that.

If you are still facing issue, kindly create JSFiddle with your usecase and share it with us so that we can look into the code / chart-options being used, understand the scenario better and help you resolve.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@markyp82,

We have fixed bug related to range events being fired multiple times when slider or handle or range buttons clicked multiple times without changing the range. We will further improve it in our future versions to work properly irrespective of clicking any StockChart elements.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@markyp82,

We have just released StockChart v1.2 with a few bug fixes related to range events. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Robert Masse,

Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@markyp82,

Thanks for reporting the use-cases. We will fix it in future versions.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Doko,

Considering this as duplicate of “Animation” doesn’t work hence closing the same.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Doko,

As mentioned in previous reply, you should use animationEnabled property to enable or disable animation. In the sample that you have shared, you seem to be mentioning it as animationEnable (d missing). Changing it to animationEnabled should work fine in your case.

Note: As of now, animation happens only on the first render of the chart & not on every update.

—
Vishwas R
Team CanvasJS