Can you kindly create a JSFiddle reproducing the issue you are facing and share it with us so that we can look into the code, understand the 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 helps us in figuring out the issue and many a time we can just edit your code on JSFiddle to fix the issue right away.
—-
Manoj Mohan
Team CanvasJS
The labels are shown at every interval based on interval and intervalType. As you are setting the interval to 1 and intervalType to month, label is shown at ‘March 1, 2020’. And the x-value of the dataPoint / column that’s been shown is ‘March 2, 2020’. Alongside as you are hiding the date in axis label and just showing month, it may seem like not aligned. Showing date and month by setting valueFormatString to “DD MMMM” makes it clear that the position of labels is proper. Please take a look at this updated JSFiddle.
—-
Manoj Mohan
Team CanvasJS
Stacked Column Charts are plotted when multiple Column Charts with aligned x values are plotted over the same x-axis. Changing type property from “column” to “stackedColumn” should let you render stacked-column instead of column.
If this doesn’t help you fulfill your requirements, kindly share a pictorial representation of your requirements and brief us more so that we can understand it better to help you out.
—-
Manoj Mohan
Team CanvasJS
Can you kindly share JSFiddle with your use-case and brief us further so that we can understand the scenario better and help you out?
—-
Manoj Mohan
Team CanvasJS
@dk,
Can you kindly share a pictorial representation of your requirement so that we can understand your scenario better and help you out?
—-
Manoj Mohan
Team CanvasJS
The chart is animated only once when render() is called. Since you are using jQuery plugin of CanvasJS, it will call render() automatically once the chart is initialized. So, to animate the chart on scroll, you need to initialise chart on scrolling to the desired position as shown in this JSFiddle.
—-
Manoj Mohan
Team CanvasJS
Sravanthi B,
You can set the indexLabel to empty string(” “) for all the smaller dataPoint value.
—-
Manoj Mohan
Team CanvasJS
You can set margin property to add space between multiple x-axis.
—–
Manoj Mohan
Team CanvasJS
Index-labels overlap each other as there would be no space available when the datapoint values are small. It can be avoided to an extent by setting indexLabelFontSize to a smaller value.
—-
Manoj Mohan
Team CanvasJS
Thanks for bringing it to our notice :). We have updated the tutorial.
—-
Manoj Mohan
Team CanvasJS
Thanks for bringing it to our notice. We have updated the page and the example is working fine in JSFiddle now.
—-
Manoj Mohan
Team CanvasJS
Jim Ginn,
One of our team members will contact you over email with an appropriate solution.
—-
Manoj Mohan
Team CanvasJS
Can you kindly share a pictorial representation and brief us further about your requirements so that we can understand your scenario better and help you out?
—-
Manoj Mohan
Team CanvasJS