Home › forums › Using CanvasJS › Dynamic chart with fixed X Axis
Tagged: chart, dynamic, fixed, x-axis
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.
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.
i want to have this same graph but data should be in sync order in which x axis should be static
Can you please brief us further about your requirements along with some example or pictorial representation so that we can understand your scenario better and help you out?
step Line Chart with time series
please see this here is a graph in which i want to set label in y axis and time in y-secondary axis dynamically
Please take a look at this documentation page for information on rendering a dynamic chart.
Adding date and time to axis Y is not available as of now. However, you can take a look at this workaround to achieve the same.
Some how it tried to make it and i made this,still i want to label the time available in x-secondary axis want to replace it with some label like M And N
i want to have this graph
You can achieve the above requirement by formatting the labels of axisX2 using labelFormatter.
You must be logged in to reply to this topic.