You can achieve this by programmatically clicking the zoom button (which switches to pan mode) upon rendering the chart. Please take a look at this JSFiddle for the same.
—
Vishwas R
Team CanvasJS
Single legend to multiple charts is not available, as of now. However you can achieve the same by disabling legends for all the charts except the one at the bottom / last chart and handle hiding / unhiding of dataSeries of all charts from the shown legend. Please take a look at this JSFiddle for a demo. Same code works fine even in Angular, React and other frameworks.
If this doesn’t fulfill your requirement, kindly share JSFiddle with your use-case with us, so that we can look into code, understand the scenario better and help you out.
—
Vishwas R
Team CanvasJS
You seemed to be interchanging the x and y values which assigning it. Passing ‘DateTime’ to x and ‘Count’ to y should work fine in your case. Please take a look at this updated code.
—
Vishwas R
Team CanvasJS
I observe that you are performing AJAX request inside AJAX request within which you are creating chart (i.e. a new chart is created every 500ms). Instead, you can create chart once, update dataPoints every 500ms and re-render the chart. Please take a look at this updated code sample.

—
Vishwas R
Team CanvasJS
Sorry, highlighting the the filled area on selection is not possible as of now. However with the help of stripLines, you can highlight the entire section as shown in this sample project.
—
Vishwas R
Team CanvasJS
Thanks for reporting the use-case, we will improve this behavior in future releases. You can work-around this issue by assigning all series to primary x-axis and using contentFormatter as shown in this updated pen.
—
Vishwas R
Team CanvasJS
@wm,
It seems to be working fine. Please check this sample project in react-native, in which font-size of axisX labels is set to 25.
Can you kindly share sample project reproducing the issue you are facing along with the browser / steps that you used for the same, so that we can run it at our end, understand the issue better and help you out?
—
Vishwas R
Team CanvasJS
The sample shared demonstrates an approach to achieve draggable chart with single dataSeries. However changing the logic to make it work with multi-series chart should work fine in this case.
—
Vishwas R
Team CanvasJS
You can use stripLines to highlight the area according to your requirements.
—
Vishwas R
Team CanvasJS
You can update the chart option according to the drop-down value to achieve this. Please take a look at this JSFiddle which shows updating colorSet based on dropdown value.
If this doesn’t help you to fulfill your requirements, kindly share JSFiddle with sample data and brief us what do you mean by changing the content so that we can understand it better and help you out.
—
Vishwas R
Team CanvasJS
The solution seems to be working fine with all chart types including column, line, area charts.
—
Vishwas R
Team CanvasJS