Stacked Area - extending all the way to the left

[Dan]

Hello,

I am using Stacked Area to make a shaded background for certain Y-values. The issue I'm having is I want the Stacked Area to extend all the way to the left. Currently it starts at the same place the first chart value starts.

I have attached a screenshot where the stacked area is the green section but as you can see it extends all the way to the right but not the left. Note: the gray line does extend the full width of the graph but I also set an X value that is less than any of the displayed X values. I tried something similar with the Stacked Area but could not get it to work.

Thanks for any help.

[Evgenia]

Hello Dan,

You should set the AxisX.LayoutMode property to Normal to achieve this. You can find more information about it in our help topic. 

Regards,
Evgenia
the Telerik team

[Dan]

Thank you. That solved it.

[Dan]

This does solve the StackedArea but using the "Normal" layout on charts it sometimes causes the bars on bar graphs to be cut off.

Is there a way to use "Between" AxisMode for the bar graph and "Normal" AxisMode for the StackedArea? These both occupy the same RadChart.

[Evgenia]

Hi Dan,

You can set whatever value you want for the LayoutMode of the AxisX but note that all the series in the ChartArea will be drawn according to it. That means that both StackedArea and Bars will have one and the same starting point. What I suggest is that you extend the StackedArea's start date so that it starts earlier than the Bar.

Greetings,
Evgenia
the Telerik team

[Dan]

I think I have tried to do that unless you are suggesting doing it some other way. Using the code below it never starts before the first bar graph (for Between LayoutMode setting for XAxis) but does extend all the way past the last X-Value. Basically the screen shot in my first post.

I have:

double start = 3.0;
double increase = 1.0;

ChartSeriesItem chartSeriesItem = new ChartSeriesItem();
chartSeriesItem.YValue = start;
chartSeriesItem.XValue = (new DateTime(1900, 1, 1)).ToOADate();
chartSeriesItem.XValue2 = (new DateTime(2020, 1, 1)).ToOADate();
ctrlChart.Chart.Series[0].AddItem(chartSeriesItem);
chartSeriesItem = new ChartSeriesItem();
chartSeriesItem.YValue = increase;
chartSeriesItem.XValue = (new DateTime(1900, 1, 1)).ToOADate();
chartSeriesItem.XValue2 = (new DateTime(2020, 1, 1)).ToOADate();
ctrlChart.Chart.Series[1].AddItem(chartSeriesItem);

[Evgenia]

Hi Dan,

To be able to set manual range for the Axis you should turn off the AutoScale property and provide your own MinValue, MaxVAlue and Step.

Best wishes,
Evgenia
the Telerik team