RealTimeUpdated StackColumn Chart with binding time(x-axis) and custom string(y-axis) in mvvm

Hi sir,

We would like to build a real time updated stackedcolumn chart in mvvm mode.
Is that possible? (x-axis on the left side)(y-axis on the bottom side which can keep update with only 10mins range)

I wonder can I use the StackedColumnRenderableSeriesForMvvm?
I found out this control but have no idea how to use it…

Version

Images

WPF MVVM SuspendUpdates StackedColumnRenderableSeries

Wade Yao asked 3 years ago
last edited 3 years ago

You must login to post comments

Answers (2)

I couldn’t post my image when I wrote the question…

so I upload it here.

We would like to build this kind of chart in mvvm and not sure how to build it or what kind of approach would be better.

Using StackedColumnRenderableSeries, StackedColumnRenderableSeriesForMvvm?
Or using CustomRenderableSeries?
Also I wanna binding the x-axis content,
I guess I need to use AnimatedVisibleRange(binding in viewmodel) for y-axis(time) and use VisibleRange for x-axis(binding in viewmodel).
Looking for the best way to build this chart, thank you very much!

Images

Wade Yao answered 3 years ago

You must login to post comments

Hi Wade,

Thanks for your inquiry.
In SciChart, StackedColumnSeries doesn’t allow having Columns of different Width (as on the image you sent).

If it isn’t crucial for you, then StackedColumnSeries should be fine. In this case, you should use a separate StackedColumnSeries with Transparent fill to render gaps to the vertical axis:
https://www.scichart.com/example/wpf-chart-example-stacked-bar-chart/

Otherwise creating a custom RenderableSeries using CustomRenderableSeries API is the option. Please take a look at the corresponding documentation for more info:
https://www.scichart.com/documentation/win/current/webframe.html#Custom%20Series%20(CustomRenderableSeries).html