Dynamic chart with fixed X Axis

[JyxxMember]

Hi,

I am trying to make a dynamic chart which has a fixed x-axis.

I am looking for the x-axis to be in seconds with the left being -60 secs, the center being 0 secs (now) and the right +60 secs. The graph is to be dynamic, so would like the x-axis to remain the same while the data moves left. As per the below screenshot.

Is this possible with canvasjs? I have had a few attempts but have been unsuccessful.

Thanks for any help.

[JyxxMember]

View post on imgur.com

[Suyash SinghModerator]

@jyxx,

You can achieve this by having one more axisX with stripLines, viewportMinimum and viewportMaximum set as per your requirements. Also, you will need to hide the default axisX. Please have a look at this jsfiddle.

___
Suyash Singh
Team CanvasJS

[Author]

Posts