Quick Start > Step 3 of 4: Customizing the CandlestickChart |
In this topic you will customize the axis annotation.
Markup Copy Code <CandlestickChartSeriesStyles> <cc1:CandlestickChartStyle> <HighLow Width="6"> <Fill Color="#339933"></Fill> </HighLow> <Open Width="10"> <Fill Color="#99CCFF"></Fill> </Open> <Close Width="5"> <Fill Color="Blue"></Fill> </Close> <FallingClose Width="9"> <Fill Color="Fuchsia"></Fill> </FallingClose> <RaisingClose Width="8"> <Fill Color="#660066"></Fill> </RaisingClose> <UnchangeClose Width="4"> <Fill Color="#336600"></Fill> </UnchangeClose> </cc1CandlestickChartStyle> </CandlestickChartSeriesStyles>
If you're not already in Source View, switch to that view. Add the following markup just above your closing </cc1 C1CandlestickChart> tag. This markup will change the appearance of your chart's axes:
Markup Copy Code <Axis> <X> <GridMajor Visible="True"></GridMajor> <GridMinor Visible="True"></GridMinor> <TickMajor Position="Cross"> </TickMajor> </X> <Y Visible="False" Compass="West"> <Labels TextAlign="Center"></Labels> <GridMajor Visible="True"></GridMajor> <GridMinor Visible="False"></GridMinor> </Y> </Axis>
In this topic, you used both the Candlestick Chart Style Collection Editor and adding markup to customize your C1CandlestickChart control. In the next step, you'll run your project.