ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / Chart Extenders / C1LineChartExtender / Adding Symbols to the LineChartSeries
In This Topic
    Adding Symbols to the LineChartSeries
    In This Topic

    To add symbols to two of the data points in the LineChartSeries, complete the following:

    1. Select View | Properties Window in the Visual Studio menu.
    2. Click the drop-down list at the top of the Properties window and select Panel1_C1LineChartExtender.
    3. Locate the SeriesList and click on the ellipsis button next to the SeriesList item. The LineChartSeries Collection Editor appears.
    4. Expand the Markers node and click on the ellipsis button next to Symbols. The LineChartMarkerSymbol Collection Editor appears.
    5. Click the Add button twic to add two symbols.
    6. Select the first member and set its Index property to 6 and Url property to "Images/wijmo.png".
    7. Select the second member and set its Index property to 2 and Url property to "Images/hatemo.png".
    8. Click OK to save and close the changes made in the LineChartMarkerSymbol Collection Editor.

     

    Adding Symbols to the Line Chart in Source View:

    To add symbols the LineChart, click the source tab and add the following code in your source file:

    <cc1:C1LineChartExtender ID="Panel1_C1LineChartExtender" runat="server"

                Height="300" TargetControlID="Panel1" Width="400">

                </Animation>

                <SeriesList>

                    <cc1:LineChartSeries Label="#Wijmo" LegendEntry="True">

                        <Markers>

                            <Symbol>

                                <cc1:LineChartMarkerSymbol Index="6" Url="Images/wijmo.png" />

                                <cc1:LineChartMarkerSymbol Index="2" Url="Images/hatemo.png" />

                            </Symbol>

                        </Markers>

                    </cc1:LineChartSeries>

                </SeriesList>

                <Footer Compass="South" Visible="False">

                </Footer>

                <Legend>

                    <Size Height="3" Width="30">

                    </Size>

                </Legend>

                <Axis>

                    <Y Compass="West" Visible="False">

                        <Labels TextAlign="Center">

                        </Labels>

                        <GridMajor Visible="True">

                        </GridMajor>

                    </Y>

                </Axis>

            </cc1:C1LineChartExtender>