How to Make Two Series Chart First Series in Line and Second Series as Bar Chart

Thread is closed for posting
2 posts, 0 answers
  1. ketan patel
    ketan patel avatar
    5 posts
    Member since:
    Jan 2010

    Posted 26 Mar 2010 Link to this post

    Hello Sir,

    I m trying two Plot Two Series Chart

    Please see Attached Image. I want one series as a Bar chart and another series as a Line Chart.


    Please Provide me Information i tried my best to achieve it.

    I have done Blow Setting but it Not working .

    <telerik:RadChart ID="RadChart2" runat="server" DataSourceID="LinqDataSource2"
                DefaultType="Line">
                <Series>
    <telerik:ChartSeries Name="Series 1" Type="Line" >
                    </telerik:ChartSeries>
                    
                    <telerik:ChartSeries Name="Series 2"  YAxisType="Secondary"   Type="Pie">
                    </telerik:ChartSeries>
    </Series>


  2. Schlurk
    Schlurk avatar
    812 posts
    Member since:
    May 2009

    Posted 29 Mar 2010 Link to this post

    Looking at your code it seems as if you have set the type of one series to be "Pie" which would not grant you a normal X/Y axis graph. If you want to combine both a Pie chart and a "normal" chart I suggest using two separate charts for this. In order to have two separate series of different types (like a Line chart and a Bar chart) you can do something like this:

    ASPX:
        <telerik:RadChart ID="RadChart1" runat="server"
            <Series> 
                <telerik:ChartSeries Name="LineSeries" Type="Line"
                    <Items> 
                        <telerik:ChartSeriesItem XValue="2" YValue="2"></telerik:ChartSeriesItem> 
                        <telerik:ChartSeriesItem XValue="3" YValue="3"></telerik:ChartSeriesItem> 
                        <telerik:ChartSeriesItem XValue="4" YValue="4"></telerik:ChartSeriesItem> 
                    </Items> 
                </telerik:ChartSeries> 
                <telerik:ChartSeries Name="BarSeries" Type="Bar"
                    <Items> 
                        <telerik:ChartSeriesItem XValue="1" YValue="3"></telerik:ChartSeriesItem> 
                    </Items> 
                </telerik:ChartSeries> 
            </Series> 
        </telerik:RadChart> 

    There is also a documentation article, found here, which goes over this :)
Back to Top