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.

Select the C1Chart3D control in your window and click View | Properties Window.
Change the chart type by clicking the drop-down arrow next to the ChartType property and selecting SurfaceZone.
Click the drop-down arrow next to the FloorAppearance property and select ZoneContour.
Enter 170 next to the Elevation property.
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 - 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>

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.