Series | ComponentOne LineChart for ASP.NET Web Forms

Series

In This Topic

The LineChartSeries object represents the data being plotted for the Line chart. You can have one or more LineChartSeries on the C1LineChart. Each LineChartSeries is represented in a different color. The LineChartSeries can be added in design view through the LineChartSeries Collection Editor, in source view through the LineChartSeries element, or programmatically through the LineChartSeries object.

Adding a LineChartSeries in Design View:

Select the C1LineChart control and click on its smart tag.
In the C1LineChart tasks menu, select the SeriesList item and this will open the LineChartSeries Collection Editor dialog box.
Click Add to add a LineChartSeries member to the SeriesList collection.

Adding a LineChartSeries in Source View:

<SeriesList>
       <cc1:LineChartSeries Label="#Wijmo" LegendEntry="true">
       <Markers Visible="true" Type="Circle">
              <Symbol>
                     <cc1:LineChartMarkerSymbol Index="6" Url="Images/wijmo.png" Width="30" Height="30" />
                     <cc1:LineChartMarkerSymbol Index="2" Url="Images/hatemo.png" Width="30" Height="30" />
              </Symbol>
       </Markers>
       <Data>
              <X>
                     <Values>
                           <cc1:ChartXData DateTimeValue="2010-11-21" />
                           <cc1:ChartXData DateTimeValue="2010-11-22" />
                           <cc1:ChartXData DateTimeValue="2010-11-23" />
                           <cc1:ChartXData DateTimeValue="2010-11-24" />
                           <cc1:ChartXData DateTimeValue="2010-11-25" />
                           <cc1:ChartXData DateTimeValue="2010-11-26" />
                           <cc1:ChartXData DateTimeValue="2010-11-27" />
                           <cc1:ChartXData DateTimeValue="2010-11-28" />
                           <cc1:ChartXData DateTimeValue="2010-11-29" />
                     </Values>
                     </X>
              <Y>
                     <Values>
                           <cc1:ChartYData DoubleValue="12" />
                           <cc1:ChartYData DoubleValue="30" />
                           <cc1:ChartYData DoubleValue="6" />
                           <cc1:ChartYData DoubleValue="22" />
                           <cc1:ChartYData DoubleValue="14" />
                           <cc1:ChartYData DoubleValue="25" />
                           <cc1:ChartYData DoubleValue="41" />
                           <cc1:ChartYData DoubleValue="14" />
                           <cc1:ChartYData DoubleValue="3" />
                     </Values>
              </Y>
       </Data>
       </cc1:LineChartSeries>
</SeriesList>