Quick Start > Step 2 of 4: Adding a SeriesList to the Candlestick Chart |
In this step, you will date time values to the X CandlestickChartSeries and double values to the other CandlestickChartSeries. You will also modify the series symbols and label.
- 60, 90, 45, 50, 22, 19, 40, 33
- 105, 98, 45, 50, 85, 40, 66, 92
- 8, 5, 7, 16, 20, 19, 3, 9
- 100, 90, 32, 16, 20, 8, 17, 40
Markup Copy Code <cc1:C1CandlestickChart ID="C1CandlestickChart1" runat="server"> <SeriesList> <cc1:CandlestickChartSeries Label="8 Days" LegendEntry="True"> <Data> <High DoubleValues="105, 98, 45, 50, 85, 40, 66, 92"></High> <Low DoubleValues="8, 5, 7, 16, 20, 19, 3, 9"></Low> <Open DoubleValues="100, 90, 32, 16, 20, 8, 17, 40"></Open> <Close DoubleValues="60, 90, 45, 50, 22, 19, 40, 33"></Close> <X> <Values> <cc1:ChartXData DateTimeValue="2014-03-15"></cc1ChartXData> <cc1:ChartXData DateTimeValue="2014-03-16"></cc1ChartXData> <cc1:ChartXData DateTimeValue="2014-03-17"></cc1ChartXData> <cc1:ChartXData DateTimeValue="2014-03-18"></cc1ChartXData> <cc1:ChartXData DateTimeValue="2014-03-19"></cc1ChartXData> <cc1:ChartXData DateTimeValue="2014-03-20"></cc1ChartXData> <cc1:ChartXData DateTimeValue="2014-03-21"></cc1ChartXData> <cc1:ChartXData DateTimeValue="2014-03-22"></cc1ChartXData> </Values> </X> </Data> </cc1CandlestickChartSeries> </SeriesList> </cc1C1CandlestickChart>
In this step, you added SeriesList data to your C1CandlestickChart control. In the next step, you'll customize the chart's appearance.