Step 1: Adding Chart3D to your Project

In This Topic

In this step you'll either begin in Visual Studio to create a chart application using Chart3D for WPF and Silverlight.

Create a new WPF or Silverlight application in Visual Studio.
Double-click the C1Chart3D control in the Toolbox to add it to your window. The XAML markup will 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" xmlns:c1chart3d="http://schemas.componentone.com/xaml/c1chart" Title="MainWindow" Height="350" Width="525" > <Grid> <c1chart3d:C1Chart3D Height="150" HorizontalAlignment="Left" Margin="10,10,0,0" Name="c1Chart3D1" VerticalAlignment="Top" Width="200"> <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"
    xmlns:c1chart3d="http://schemas.componentone.com/xaml/c1chart"
        Title="MainWindow" Height="350" Width="525" >
    <Grid>
        <c1chart3d:C1Chart3D Height="150" HorizontalAlignment="Left" Margin="10,10,0,0" Name="c1Chart3D1" VerticalAlignment="Top" Width="200">
            <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="MySilverlightApplication.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 /> </Grid> </UserControl>

XAML - Silverlight

Copy Code

<UserControl xmlns:c1chart3d="clr-namespace:C1.Silverlight.Chart3D;assembly=C1.Silverlight.Chart3D"  x:Class="MySilverlightApplication.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 />
    </Grid>
</UserControl>

In the next step you will add your own data to the chart.