Yes, you can achieve the above requirement by combining rangeArea with line chart along with setting the lineThickness of the rangeArea to 0. Please take a look at this JSFiddle.
___________
Indranil Deo
Team CanvasJS
You can position chart title in the center of doughnut by setting verticalAlign property to center. Please take a look at this JSFiddle for the same.
___________
Indranil Deo
Team CanvasJS
Thanks for reporting the use-case. We will fix the issue in our upcoming versions.
___________
Indranil Deo
Team CanvasJS
Axis labels are shown at every interval, which is auto-calculated such that the labels don’t overlap and make chart look better. Labels are not shown for dataPoint but at every interval of axis. You can customize it to show labels at every dataPoint value by setting label property in dataPoint instead of x-value.
___________
Indranil Deo
Team CanvasJS
Since the cell width of the given column is varying in your JSFiddle, adding a colspan should work fine in your case. Please take a look at this tutorial for more information on colspan. Also, please take a look at this updated JSFiddle.
___________
Indranil Deo
Team CanvasJS
As of now, aligning axisY of multiple charts on zooming is not available as an inbuilt feature. However, you can achieve it with the help of rangeChanged event and axis set method. Please take a look at this updated JSFiddle which gives an idea on the same.
___________
Indranil Deo
Team CanvasJS
As of now, bevelEnabled option is only available for Column and Bar Charts. Please take a look at this documentation page for more information.
____________
Indranil Deo
Team CanvasJS
It seems to be working fine, please refer the screenshot below.
Kindly brief us further about the issue you are facing along with screenshot so that we can understand your scenario better and help you out.
____________
Indranil Deo
Team CanvasJS
Syncing tooltip and crosshair is not available as an inbuilt feature as of now. The JSFiddle provided shows a work-around by simulating mouse events on second chart based on mouse movement on first chart. However, you can sync zooming/panning across n-number of charts with the help of rangeChanged event as briefed in this tutorial.
If you are still facing issue in synchronizing zooming/panning across multiple charts, kindly create JSFiddle reproducing the issue and share it with us so that we can look into your code, understand the scenario better and help you resolve.
___________
Indranil Deo
Team CanvasJS
Since the chart height is set to 100%, it will take the height relative to the parent container whose height has also not been set to a pixel value. Setting the height of the parent container in pixel should work fine in this case. Please take a look at this updated JSFiddle.
___________
Indranil Deo
Team CanvasJS
Updating the dataPoints on zooming with help of rangeChanging event should work fine in this scenario. Please take a look at this JSFiddle for an example on same.
___________
Indranil Deo
Team CanvasJS
You can achieve the above requirement by rendering multiple charts one top of the other. Please take a look at this JSFiddle.
___________
Indranil Deo
Team CanvasJS
In case of mobile devices, crosshair will be shown when you touch or leave the chart. But when touched and dragged the crosshair would disappear so as to avoid confusion with zooming/panning.
Hence, on drag, it is not possible to show crosshair as of now.
___________
Indranil Deo
Team CanvasJS