Customized chart to display the state of item(s) over time with each state having an associated color.

[sysmith1]

I'm trying to create a chart that is similar to the following image. Do you have any suggestions on the type of chart that I could use or modify to produce something similar? The control state of 5 HVAC units are logged in a database. I need to chart the state of each unit over time. The HVAC units can be in one of five states: ByPassOff, ByPassOn, FanOn, Stage1On, Stage2On. Each state is represented by a different color. Nothing is displayed when in ByPassOff state.
The states of each of the 5 HVAC units are all the same in the example image.

[preintel]

You can use CartesianCharts and use a LineSeries but if I were coding this I would prefer using CartesianCharts and just adding Sections for each of the 5 HVACs and use different colors and x widths (Date/Time ticks elapsed) to represent the different states. Are you building it with Winforms or WPF or on another architecture?

There is example code on how to build a line series and sections in the sample code section you can check out here: https://github.com/beto-rodriguez/LiveCharts2/tree/master/samples (the ViewModel is a class that builds the backbone of the chart type which the cartesianchart series/properties can be assigned from. Let us know if it is Winforms/WPF/etc so we can help you out better.

[sysmith1]

Is there a LineSeries data point with a fill color somewhat like the HeatPoint that has a weight that can map to a color for each state?

[preintel]

I am not sure, since you are using datetime on the x-axis probably need to use DateTimePoint for the LineSeries then use a mapper to change the colors of the line depending on the x-axis ranges, this way you draw the lineseries for a HVAC unit using DateTimePoint then have the mapper change the colors for parts of the series. This can work for display purposes but if you want the user to interact with the chart that will be more complicated. I program in Winforms so not too sure about WPF solutions, maybe another user can be of more help.

[sysmith1]

I am using WPF.

…

On Thu, Oct 28, 2021 at 12:54 AM preintel ***@***.***> wrote: You can use CartesianCharts and use a LineSeries but if I were coding this I would prefer using CartesianCharts and just adding Sections for each of the 5 HVACs and use different colors and x widths (Date/Time ticks elapsed) to represent the different states. Are you building it with Winforms or WPF or on another architecture? There is example code on how to build a line series and sections in the sample code section you can check out here: https://github.com/beto-rodriguez/LiveCharts2/tree/master/samples (the ViewModel is a class that builds the backbone of the chart type which the cartesianchart series/properties can be assigned from. Let us know if it is Winforms/WPF/etc so we can help you out better. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#262 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMJAQT273ZWGPBX6I2WZLD3UJD6VDANCNFSM5G246SWA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[sysmith1]

I started with using LiveCharts and not LiveCharts2. Do you recommend upgrading to LiveChart2 and if so, do you have any migration instructions?

[waffle-lord]

Like, in general? Or specifically for your question?

Generally, it depends how much you want to fight with lv2. A lot of features are in development. So you may not be able to, or might have a hard time, getting certain things to work the way you want. That said, a lot of things already work pretty well.

I personally made the jump, because I really like how its turning out and couldn't wait.

I'm basically just putting certain things on the backburning until they are implemented.

For your question, you'll probably have an easier time in lv1, but I can't be certain. I've never tried to make a graph control like that.