Chart3D for WPF and Silverlight Overview / Getting Started / Quick Start: Chart3D for WPF and Silverlight / Step 3: Changing the Chart Appearance
In This Topic
Step 3: Changing the Chart Appearance
In This Topic

In this step you will change the chart type to SurfaceZone, set the appearance for the chart floor, rotate the chart, and change its elevation angle.

  1. Select the C1Chart3D control in your window and click View | Properties Window.
  2. Change the chart type by clicking the drop-down arrow next to the ChartType property and selecting SurfaceZone.
  3. Click the drop-down arrow next to the FloorAppearance property and select ZoneContour.
  4. Enter 170 next to the Elevation property.
  5. Set the Azimuth property to 20.

The XAML markup will now look similar to the following:

XAML - WPF
Copy Code
<Window x:Class="WFPChart3DQuickstart.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525" xmlns:c1chart3d="http://schemas.componentone.com/xaml/c1chart">
    <Grid>
        <c1chart3d:C1Chart3D Height="150" HorizontalAlignment="Left" Margin="10,10,0,0" Name="c1Chart3D1" VerticalAlignment="Top" Width="200" ChartType="SurfaceZone" CeilAppearance="None" FloorAppearance="ZoneContour" Elevation="170" Azimuth="20">
            <c1chart3d:GridDataSeries ZDataString="1 1 1,2 2 2,3 3 3" />
        </c1chart3d:C1Chart3D>
    </Grid>
</Window>

 

XAML - Silverlight
Copy Code
<UserControl xmlns:c1chart3d="clr-namespace:C1.Silverlight.Chart3D;assembly=C1.Silverlight.Chart3D"  x:Class="SilverlightApplication12.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    <Grid x:Name="LayoutRoot" Background="White">
<c1chart3d:C1Chart3D ChartType="SurfaceZone" FloorAppearance="ZoneContour" Azimuth="20" Elevation="170">
            <c1chart3d:C1Chart3D />
    </Grid>
</UserControl>

In the next step you will add a legend for the chart.

 

See Also