How should I create this bar chart? [pic]

[plasma2002]

How can I make a bar chart that has multiple, separated legend references?
Ok, I’m not sure about the terminology, so I made a pic. How would you go about making something like this?

[Direct link here]

If that type of thing is not possible, does anybody have a recommendation on accomplishing what I’m trying to do using a different method?

[Vishwas R]

@plasma2002,

Are you looking to move/slide legends (On Phone, Off Phone, Break in the image you have attached) or the entire dataSeries within the chart?

[plasma2002]

The entire dataSeries will slide. Much like the “Live Random Data” chart on the charts gallery example ( https://canvasjs.com/editor/?id=https://canvasjs.com/example/gallery/dynamic/realtime_line/ )

The sliding and updating is not the issue. I am having problems trying to figure out how get multiple sets of data in different places on a bar chart

[Vishwas R]

@plasma2002,

We don’t have date-time support for axisY, as of now. But with the help of labelFormatter and dynamic data you can achieve your requirement. Please check this JSFiddle.