SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, iOS Chart, Android Chart and JavaScript Chart Components


I’m putting together a fairly simply column chart but my columns aren’t appearing how I want them to.

Basically, I’m creating 20 columns for each chart (picture below) and I’m getting various widths (despite setting UseUniformWidth to true and using the same DataPointWidth) and the first column isn’t being shown. The top chart, for example, should be a repeating pattern of red, green, blue, and purple.

Column Charts

Here’s how I’m building the ColumnRenderableSeriesViewModel and adding it to the HighPressureRenderableSeries…

XyDataSeries<int, double> dataSeries = new XyDataSeries<int, double>() { SeriesName = $"{modbus.Name} - {channel.Name}" };

ColumnRenderableSeriesViewModel series = new ColumnRenderableSeriesViewModel()
    Stroke = channel.Color,
    DataPointWidth = .1,
    UseUniformWidth = true,
    XAxisId = "ChannelsId",
    YAxisId = "PressureId",
    Fill = channel.ColorBrush,
    DataSeries = dataSeries,
    ZeroLineY = 0.0

dataSeries.Append(x: channel.Index, y: channel.Value); // channel.Index goes from 0 - 19


And here’s the XAML for the High Pressure chart…

<sci:SciChartSurface ChartTitle="High Pressure" RenderableSeries="{sci:SeriesBinding HighPressureRenderableSeries}">
        <sci:NumericAxis AxisTitle="Channels" Id="ChannelsId" DrawMajorBands="False" />

        <sci:NumericAxis AxisTitle="Pressure" Id="PressureId" DrawMajorBands="False" VisibleRange="0,25" VisibleRangeLimit="0,25" />

            <sci:RubberBandXyZoomModifier />
            <sci:ZoomExtentsModifier />

Any tips or advice would be appreciated. I’m sure I’m just missing something simple.

  • You must to post comments

Hi Greg,

I am sorry for the misunderstanding.
Please take a look at our “Manipulate Series MVVM” example. We have an option to add a Column Series there:

This gives us the following:
Column Series

Which seems to work OK. The columns are correctly spaced, and the first item is shown.

Also for the colouring, you can consider PaletteProvider. Please take a look at the corresponding documentation:

And our “Using PaletteProvider” example:

Could you please modify the above example until the issue with spacing occurs? That way we can better understand your problem.

  • Greg Knox
    I’m mainly wondering why each column appears to be a different width despite DataPointWidth staying the same and UseUniformWidth set to true. What would cause the widths to continually grow with each column?
  • Greg Knox
    Oleksandr, do you know why each column is growing in width? I’m not setting the width and I’m setting UseUniformWidth to true.
  • Oleksandr Shvets
    Hi Greg, Thanks for your reply. Setting the UseUniformWidth property to True doesn’t cause the width growing in our examples. Unfortunately, I can’t be more helpful without being able to reproduce this issue on our side. Could you please send us a small sample project reproducing this issue for investigation? Thanks in advance, Oleksandr
  • You must to post comments

Hi Greg,

Thanks for your inquiry.
You can use PaletteProvider to set a custom colour scheme for the columns. Please take a look at the following documentation for more info:

And our “Using PaletteProvider” example:

If you continue experiencing this issue please send us a small sample project reproducing it for investigation.

Thanks in advance.

  • Andrew Burnett-Thompson
    I don’t think this answer addresses the problem. Oleksandr could take a second look?
  • You must to post comments
Showing 2 results
Your Answer

Please first to submit.