ComponentOne Chart for WPF and Silverlight
Chart for WPF and Silverlight / Getting Started / XAML Quick Reference / Setting Basic Line Graph
In This Topic
    Setting Basic Line Graph
    In This Topic

    The following XAML shows how to declare the C1Chart control, set the ChartType, Theme, and Palette properties to define the basic chart appearance. The XAML can be added inside the … tags.

    The following chart is produced using the following XAML code:

    XAML
    Copy Code
    <Window x:Class="WpfApplication1.Window1"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:c1="http://schemas.componentone.com/xaml/c1chart"
      Title="Window1" Height="300" Width="348" >
      <Grid>
       
        <!--Declare the C1Chart control
          Set the ChartType, Theme, and Palette properties to define the basic Chart appearance-->
        <c1:C1Chart
          Name="C1Chart1"
          ChartType="Line"
          Foreground="#a0000000"
          Background="#e0ffffff"
          Theme ="Vista"
          Palette ="Aspect" >
         
          <!--Define the chart View, which contains the chart axes.-->
          <c1:C1Chart.View>
            <c1:ChartView>
             
              <!-- Define the X axis (title, grid) -->
              <c1:ChartView.AxisX>
                <c1:Axis
                  Title="Year"
                  MajorGridStroke="Transparent"/>
              </c1:ChartView.AxisX>
    
              <!-- Define the Y axis (title, grid, annotation format) -->
              <c1:ChartView.AxisY>
                <c1:Axis
                  Title="Quarterly Sales (in $1,000)"
                  MajorGridStroke="#40000000"
                  AnnoFormat="n0" />
              </c1:ChartView.AxisY>
            </c1:ChartView>
          </c1:C1Chart.View>
         
          <!--Define the chart Data, which contains the data series.-->
          <c1:C1Chart.Data>
            <c1:ChartData>
             
              <!-- ItemNames define the labels along the X axis -->
              <c1:ChartData.ItemNames>P1 P2 P3 P4 P5</c1:ChartData.ItemNames>
             
              <!--Each DataSeries specifies a label (shown in the legend) and the series data-->
              <c1:DataSeries Label="Series 1" RenderMode="Default" Values="20 22 19 24 25" />
              <c1:DataSeries Label="Series 2" RenderMode="Default" Values="8 12 10 12 15" />
            </c1:ChartData>
          </c1:C1Chart.Data>
    
          <!--Add a ChartLegend, docked to the right of the chart, to display
            a legend containing the series and their styles.-->
          <c1:C1ChartLegend DockPanel.Dock="Right" />
        </c1:C1Chart>
      </Grid>
    </Window>
    
    See Also