Can you kindly create a sample project reproducing the issue you are facing and share it with us over Google-Drive or Onedrive along with the sample data so that we can look into the code, understand the scenario better and help you out?
Yes, setting axisX minimum and maximum should work fine in your case.
ToolTip is shown for every dataPoint. When toolTip shared property is set to true, all the y-values from each series for the corresponding x-value in the chart (if any dataPoint present) are shown. If the y-value is not present in one of the series, the toolTip content will show the y-values for the rest of the series. It’s not possible to show the previous y-value when it’s not present in one of the series as it’s for corresponding x-value and not previous.
Rendering multiple charts in a page seems to be working fine at our end (without any overlapping of charts). You can also refer to this documentation page for a step to step tutorial on rendering multiple charts in a page.
But the each column two charts were overlapped each other.
Can you kindly create a JSFiddle reproducing the issue you are facing and share it with us along with the sample data so that we can look into the code, understand the scenario better and help you resolve?
You can achieve the above requirements by attaching mousedown and mouseup events to the chart container as shown in this JSFiddle.
Please take a look at this documentation page for step to step tutorial on integrating CanvasJS in React Application.
In the JSFiddle shared above, chart is being updated / re-rendered every 30 milliseconds. You may observe a slight increase in the resource usage as entire chart gets re-rendered.
The sample project shared seems to have missing dependencies.
Can you kindly create a working sample project (with PHP and text files) and share it with us over Google-Drive or Onedrive so that we can run the code locally at our end to understand the scenario better and help you resolve?
You can combine histogram chart and spline chart as shown in this JSFiddle. However, creating a combination of column and spline chart with a horizontally placed box & whisker (box plot) is not available as of now.
Labels are rendered at a fixed interval on the axis and not to every dataPoint. However, if you like to show labels to dataPoint you can use label property instead of x-value. Please take a look at this updated JSFiddle for the same.
The sample project shared above doesn’t contain the sample data. Can you kindly create a working sample project reproducing the issue and share it with us over Google-Drive or Onedrive along with the sample data/database so that we can look into the code, run it locally to understand the scenario better and help you resolve?
The charts seem to be re-rendering every few milliseconds. Can you kindly brief us more about your exact requirement so that we can help you out with an appropriate approach?
You can set the logarithmic property to true for changing the axis scale to a logarithmic. Please refer documentation page for more customization options available.
To move a line on axis based on mouse-movement you can use crosshairs. However, to update stripLines dynamically you can use the set method.
If you can create a JSFiddle with your use case and share it with us along with an example we can understand your scenario better and help you out?
From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements or the solution that we provide may not work properly due to the variation in chart-options being used by you and us.
Having a JSFiddle or an example helps us in figuring out the scenario better and help you out accordingly.
Please refer to this gallery page for an example on creating a multi-series chart in ASP.Net MVC.