ComponentOne LineChart for ASP.NET Web Forms
Quick Start / Step 2 of 4: Adding a SeriesList to the Line Chart
In This Topic
    Step 2 of 4: Adding a SeriesList to the Line Chart
    In This Topic

    In this step, you will date time values to the X LineChartSeries and double values to the Y LineChartSeries. You will also modify the series symbols and label.

    1. Click the LineChart smart tag and select SeriesList from the C1LineChart Tasks menu.
      The LineChartSeries Collection Editor appears.
    2. In the LineChartSeries Collection Editor, click the Add button to add a new LineChartSeries to the LineChart.
    3. In the right Properties pane expand the Data node and then expand the "X" to enter the following in the DateTimeValues textbox: "2010-11-21, 2010-11-22, 2010-11-23, 2010-11-24, 2010-11-25, 2010-11-26, 2010-11-27, 2010-11-28, 2010-11-29".
    4. In the right Properties pane of the LineChartSeries Collection Editor expand the "Y" node to enter the following data next to the DoubleValues property: : 12, 30, 6, 22, 14, 25, 41, 14, 3.
    5. Set the Label property for the LineChartSeries to "#cc1" so it appears in the Chart Legend.
    6. Expand the Markers node and set the Type property to Box.
    7. Expand the MarkerStyle node and then expand the Fill node and click on the ellipsis button to select the color value "Hex={CC,33,00}". Click OK to close the More Colors dialog box.
    8. Click OK to close the LineChartSeries Collection Editor.
    See Also