Home › forums › Using CanvasJS › Label Interval Not Working
This topic contains 2 replies, has 2 voices, and was last updated by oneworld 1 year, 3 months ago.
https://canvasjs.com/docs/charts/chart-options/axisx/intervaltype/ provides excellent examples of how to use the Interval and IntervalType properties. However those examples are limited to a static graph. When I try to apply the same approach on a dynamic scrolling graph (see JSFiddle at https://jsfiddle.net/oneworld/7s4vo1Lx/10/), those properties are completely ignored. At first I thought the reason the chart was not using my Interval settings (e.g. 3 seconds) was because of the varying number of data points that are being fed before the dynamic chart reaches the cut-off point (60 seconds in this JSFiddle example) at which I start dropping data points off the chart (for scrolling effect), but even when get past the 60 seconds mark ( past 04:25:15) my Interval settings are not being respected by the chart. After the cut-off point of 60 seconds, the number of data points in the chart is constant. Why is the XAxis labels interval different to what I supplied even after the cut-off mark? How can I use the CanvasJS Interval and IntervalType settings on a dynamic scrolling chart to control the time label intervals on an XAxis?
interval and intervalType properties will work irrespective of the chart type – static or dynamic.
inteval: 4, // interval
There is a typo in your code. Please change inteval to interval and it should work fine.
You are absolutely right. My mistake. Thank you.
You must be logged in to reply to this topic.