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