Thursday 29 August 2013

HOW TO USE ASP.NET AJAX LINE CHART

HOW TO USE ASP.NET AJAX LINE CHART

1) Create Website
2) Add aspx page
3) Add toolkitScriptManager
4) If you don't have ajax control toolkit  download from codeplex
5) Add LineChart

asp:LineChart   Properties

1)   CategoriesAxis  -->  this is X-Axis values  Here I choose yrs data
2)    Series --> is a container for Line Chart. Line chart can contain 1 or more series.
3) LineChartSeries Data Properties;-> It should match number of values in Step1 (i.e 4 yrs-> here 4 values).




    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div>
    <asp:LineChart ID="LineChart1" runat="server" CategoriesAxis="2007,2008,2009,2010"
     ChartTitle="Industrial Growth" ChartType="Basic"
    >
    <Series>
    <asp:LineChartSeries LineColor="DarkBlue" Name="INDIA" Data="100, 200, 350, 480" />
    <asp:LineChartSeries LineColor="Maroon" Name="China" Data="200, 300, 450, 580" />
    </Series>
    </asp:LineChart>
    </div>


That's it.


Line Chart for above values.


1 comment:

  1. how to change layout of linegraph ie. means how to apply custom css ?

    ReplyDelete