[Solved] StackedBarSeriesDefinition doesn't change to CandleStickSeriesDefinition

[Hakki]

Hello,

I am presenting categorical and numerical data. Categorical with Stacked Bar, numerical with Candle Stick.

So if is categorical, show Stacked Bar chart:

MyRadChart.DefaultView.ChartLegend.Visibility = Visibility.Visible;
                                MyRadChart.DefaultView.ChartArea.AxisX.Title = "Visit";

                                MyRadChart.DefaultSeriesDefinition.LegendDisplayMode = LegendDisplayMode.SeriesLabel;

                                var seriesMappingCat = new SeriesMapping
                                    {SeriesDefinition = new StackedBarSeriesDefinition {ShowItemLabels = false}};

                                seriesMappingCat.ItemMappings.Add(new ItemMapping("ValidTextColumn",
                                                                               DataPointMember.YValue));
                                seriesMappingCat.ItemMappings.Add(new ItemMapping("VisitColumn", DataPointMember.XCategory));

                                MyRadChart.DefaultView.ChartArea.AxisY.AutoRange = false;
                                MyRadChart.DefaultView.ChartArea.AxisY.Step = 1;

                                MyRadChart.SeriesMappings.Add(seriesMappingCat);

If numerical, Candlestick chart:

MyRadChart.DefaultView.ChartLegend.Visibility = Visibility.Collapsed;
                           MyRadChart.DefaultView.ChartArea.AxisX.Title = "Visit";

                           var seriesMappingNum = new SeriesMapping
                               {SeriesDefinition = new CandleStickSeriesDefinition {ShowItemLabels = false}};

                           seriesMappingNum.ItemMappings.Add(new ItemMapping("VisitColumn", DataPointMember.XCategory));
                           seriesMappingNum.ItemMappings.Add(new ItemMapping("Q1Column", DataPointMember.Open));
                           seriesMappingNum.ItemMappings.Add(new ItemMapping("Q3Column", DataPointMember.Close));
                           seriesMappingNum.ItemMappings.Add(new ItemMapping("MinColumn", DataPointMember.Low));
                           seriesMappingNum.ItemMappings.Add(new ItemMapping("MaxColumn", DataPointMember.High));

                           MyRadChart.SeriesMappings.Add(seriesMappingNum);

If I select candle stick first then switch to stacked bar, it works but if I select stacked bar first, then switch to candle stick, the candle stick chart doesn't draw.

I have debugged to make sure the data is going through correctly and data is consistently correct, it just doesn't draw.

Thanks for any help.

[Hakki]

I was using the Metro theme. It worked with the default.

[Petar Marchev]

Hi Hakki,

Thank you for the attached code snippets. I created a new project based on it and did some testing. Indeed I can confirm the presence of this faulty behavior when I used the code you have attached. However I spotted an incompatibility and after removing it the glitch is not present any more.

MyRadChart.DefaultView.ChartArea.AxisY.AutoRange = false;
MyRadChart.DefaultView.ChartArea.AxisY.Step = 1;

Remove these two lines and it should work just fine. The reason for this buggy behavior is that you set the axis into manual mode, but then you don't specify a min and max, only step. So the chart cannot get a min and max from your items source and it is puzzled with what to show - so it tries to show something, but doesn't work out very well. So the solution is to simply always use the axis in auto-range mode.

Let us know if you can update your project to always use the axis in its auto mode. I have attached the app I tested with.

Kind regards,
Petar Marchev
the Telerik team

[Hakki]

double post, see below

[Hakki]

That makes sense but it was odd how the exact code I pasted in the first post worked with the default theme and not with Metro. That's what had me so puzzled.

I am now using the Summer theme and am defining axisy.maxvalue and axisy.step and can switch between two charts with no problem. It works with all other themes by the way, I picked summer simply because I liked it most.

And for clarity here is the code for Stack:

//set up X-axis of chart as visit
MyRadChart.DefaultView.ChartLegend.Visibility = Visibility.Visible;
MyRadChart.DefaultView.ChartArea.AxisX.Title = "Visit";

//for each column, set up series
for (var sm = 0; sm < Phpdata.ColumnCount; sm++)
{
    var seriesMappingCat = new SeriesMapping
        {
            SeriesDefinition = new StackedBarSeriesDefinition {ShowItemLabels = false},
            LegendLabel = RadGrid.Columns["PercentColumn" + sm].Header.ToString()
        };

    seriesMappingCat.ItemMappings.Add(new ItemMapping("PercentageColumn",
                                                      DataPointMember.YValue));
    seriesMappingCat.ItemMappings.Add(new ItemMapping("VisitColumn",
                                                      DataPointMember.XCategory));

    //set display options
    MyRadChart.DefaultView.ChartArea.AxisY.AutoRange = false;
    MyRadChart.DefaultView.ChartArea.AxisY.MaxValue = 100;
    MyRadChart.DefaultView.ChartArea.AxisY.Step = 10;

    //complete
    MyRadChart.SeriesMappings.Add(seriesMappingCat);

}

   

And candle stick:

MyRadChart.DefaultView.ChartLegend.Visibility = Visibility.Collapsed;
                        MyRadChart.DefaultView.ChartArea.AxisX.Title = "Visit";

                        var seriesMappingNum = new SeriesMapping
                            {
                                SeriesDefinition = new CandleStickSeriesDefinition { ShowItemLabels = false, }
                            };

                        seriesMappingNum.ItemMappings.Add(new ItemMapping("VisitColumn", DataPointMember.XCategory));
                        seriesMappingNum.ItemMappings.Add(new ItemMapping("Q1Column", DataPointMember.Open));
                        seriesMappingNum.ItemMappings.Add(new ItemMapping("Q3Column", DataPointMember.Close));
                        seriesMappingNum.ItemMappings.Add(new ItemMapping("MinColumn", DataPointMember.Low));
                        seriesMappingNum.ItemMappings.Add(new ItemMapping("MaxColumn", DataPointMember.High));

                        seriesMappingNum.SeriesDefinition.Appearance.Fill = new SolidColorBrush(Colors.Red) {Opacity = 5};
                        seriesMappingNum.SeriesDefinition.Appearance.Stroke = new SolidColorBrush(Colors.Red);

                        MyRadChart.SeriesMappings.Add(seriesMappingNum);

[Petar Kirov]

Hello Hakki,

It is rather strange that you have observed different behaviour with our series, by changing the theme. We couldn't reproduce the unwanted behaviour on our side.  We tested this in the attached project from the previous post by uncommenting the troublesome code segment and changing the theme by using the StyleManager.

If you still experience issues caused by changing the theme, we would appreciate if you report those problems (together with your runnable sample project which reproduces them) to us so we can investigate them locally.
 
All the best,
Petar Kirov
the Telerik team