Fast Bitmap Series in WinUI Chart
24 May 20225 minutes to read
A fast bitmap series is a special kind of series that can render a collection with a huge number of data points using WriteableBitmap.
FastLineBitmap Chart
FastLineBitmapSeries displays a series of line segments rendered using WriteableBitmap. The advantage of FastLineBitmapSeries is that it can render a million data points in a fraction of seconds.
The following code example shows how to use the fast line bitmap series.
<chart:FastLineBitmapSeries ItemsSource="{Binding Data}"
XBindingPath="XValue" YBindingPath="YValue"/>FastLineBitmapSeries series = new FastLineBitmapSeries()
{
ItemsSource = new ViewModel().Data,
XBindingPath = "XValue",
YBindingPath = "YValue"
};
chart.Series.Add(series);
NOTE
As it was rendered using bitmap, there may be some jagged lines at the edges. This can be reduced using the
EnableAntiAliasingproperty.
<chart:FastLineBitmapSeries EnableAntiAliasing="True" ItemsSource="{Binding Data}"
XBindingPath="XValue" YBindingPath="YValue"/>FastLineBitmapSeries series = new FastLineBitmapSeries()
{
ItemsSource = new ViewModel().Data,
XBindingPath = "XValue",
YBindingPath = "YValue",
EnableAntiAliasing = true
};
chart.Series.Add(series);
FastColumnBitmap Chart
FastColumnBitmapSeries is used to improve the performance of the column series.
<chart:FastColumnBitmapSeries ItemsSource="{Binding Data}"
XBindingPath="XValue" YBindingPath="YValue"/>FastColumnBitmapSeries series = new FastColumnBitmapSeries()
{
ItemsSource = new ViewModel().Data,
XBindingPath = "XValue",
YBindingPath = "YValue"
};
chart.Series.Add(series);
FastBarBitmap Chart
FastBarBitmapSeries is used to improve the performance of the bar series.
<chart:FastBarBitmapSeries ItemsSource="{Binding Data}"
XBindingPath="XValue" YBindingPath="YValue"/>FastBarBitmapSeries series = new FastBarBitmapSeries()
{
ItemsSource = new ViewModel().Data,
XBindingPath = "XValue",
YBindingPath = "YValue"
};
chart.Series.Add(series);
FastScatterBitmap Chart
FastScatterBitmapSeries is used to render a large number of scatter points. The ScatterHeight and ScatterWidth are also available as in ScatterSeries. ShapeType is used to change the rendering shape of a fast scatter bitmap series. The available shapes are Cross, Diamond, Ellipse, Hexagon, InvertedTriangle, Pentagon, Plus, Rectangle, and Triangle.
<chart:FastScatterBitmapSeries ItemsSource="{Binding Data}"
XBindingPath="XValue" YBindingPath="YValue"
ScatterHeight="7" ScatterWidth="7"/>FastScatterBitmapSeries series = new FastScatterBitmapSeries()
{
ItemsSource = new ViewModel().Data,
XBindingPath = "XValue",
YBindingPath = "YValue",
ScatterHeight = 7,
ScatterWidth = 7
};
chart.Series.Add(series);
FastStepLineBitmap Chart
FastStepLineBitmapSeries is the high-performance version of step line series.
<chart:FastStepLineBitmapSeries ItemsSource="{Binding Data}"
XBindingPath="XValue" YBindingPath="YValue" />FastStepLineBitmapSeries series = new FastStepLineBitmapSeries()
{
ItemsSource = new ViewModel().Data,
XBindingPath = "XValue",
YBindingPath = "YValue"
};
chart.Series.Add(series);
The anti-aliasing mode can be enabled using the EnableAntiAliasing property of FastStepLineBitmapSeries as shown in the following code sample.
<chart:FastStepLineBitmapSeries EnableAntiAliasing="True" ItemsSource="{Binding Data}"
XBindingPath="XValue" YBindingPath="YValue" />FastStepLineBitmapSeries series = new FastStepLineBitmapSeries()
{
ItemsSource = new ViewModel().Data,
XBindingPath = "XValue",
YBindingPath = "YValue",
EnableAntiAliasing = true
};
chart.Series.Add(series);