Is this type of chart possible?

Thread is closed for posting
4 posts, 0 answers
  1. Jake
    Jake avatar
    27 posts
    Member since:
    Feb 2009

    Posted 30 Mar 2009 Link to this post

    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!!!
  2. Giuseppe
    Admin
    Giuseppe avatar
    2363 posts

    Posted 01 Apr 2009 Link to this post

    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.
  3. Jake
    Jake avatar
    27 posts
    Member since:
    Feb 2009

    Posted 06 Apr 2009 Link to this post

    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.
  4. Giuseppe
    Admin
    Giuseppe avatar
    2363 posts

    Posted 09 Apr 2009 Link to this post

    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.
Back to Top