Is this type of chart possible?

[Jake]

Is the charted shown here: Chart Example possible?

It's kind of an area chart and a line chart.  The upper and lower bounds of the shaded area are actually 2 different series, the area in between them is shaded.  Then there is another series which displayes the middle line.

Thanks for any assistance!!!

[Giuseppe]

Hi Jake,

This seems like a combination of a range chart and a line chart. Generally RadChart does not support the Range series type but you can achieve the desired appearance with two StackedAreas (you will need to set the color for the first one to transparent) and a Line series like this:

<telerik:RadChart ID="RadChart1" runat="Server" AutoLayout="True">
    <Series>
        <telerik:ChartSeries Name="Series 1" Type="StackedArea">
            <Appearance Border-Color="Transparent" FillStyle-FillType="Solid" FillStyle-MainColor="Transparent" ShowLabels="false" />
            <Items>
                <telerik:ChartSeriesItem YValue="20" />
                <telerik:ChartSeriesItem YValue="30" />
                <telerik:ChartSeriesItem YValue="50" />
                <telerik:ChartSeriesItem YValue="40" />
            </Items>
        </telerik:ChartSeries>
        <telerik:ChartSeries Name="Series 2" Type="StackedArea">
            <Appearance FillStyle-FillType="Solid" FillStyle-MainColor="LightBlue" ShowLabels="false" />
            <Items>
                <telerik:ChartSeriesItem YValue="50" />
                <telerik:ChartSeriesItem YValue="60" />
                <telerik:ChartSeriesItem YValue="70" />
                <telerik:ChartSeriesItem YValue="60" />
            </Items>
        </telerik:ChartSeries>
        <telerik:ChartSeries Name="Series 3" Type="Line">
            <Appearance FillStyle-FillType="Solid" FillStyle-MainColor="DarkBlue" ShowLabels="false">
                <PointMark Visible="True" FillStyle-FillType="Solid" FillStyle-MainColor="White"
                    Dimensions-AutoSize="false" Dimensions-Height="5" Dimensions-Width="5" />
            </Appearance>
            <Items>
                <telerik:ChartSeriesItem YValue="40" />
                <telerik:ChartSeriesItem YValue="50" />
                <telerik:ChartSeriesItem YValue="60" />
                <telerik:ChartSeriesItem YValue="50" />
            </Items>
        </telerik:ChartSeries>
    </Series>
    <Legend Visible="false" />
</telerik:RadChart>

Hope this helps.


Sincerely yours,
Manuel
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Jake]

Thanks for the response.  That is essentially what I ended up doing.  The one problem I've noticed is that unless I use the default skin, the charts I am overlapping over the 1st chart do not have their background & border invisible no matter what I set.

[Giuseppe]

Hi Jake,

Could you elaborate with which specific skins are you experiencing problems? We tried randomly with several skins (Inox, Vista, Office2007) and the scenario worked as expected.



Greetings,
Manuel
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.