Chart3D for WPF/Silverlight
手順 3:グラフの外観の変更
クイックスタート > 手順 3:グラフの外観の変更

この手順では、SurfaceZone へのグラフタイプの変更、グラフ床面の外観の設定、グラフの回転、およびグラフの仰角の変更を行います。

  1. ウィンドウでC1Chart3D コントロールを選択し、[表示]→[プロパティ]ウィンドウをクリックします。

  2. ChartType プロパティの横にあるドロップダウン矢印をクリックし、SurfaceZone を選択して、グラフタイプを変更します。

  3. FloorAppearance プロパティの横にあるドロップダウン矢印をクリックし、[ZoneContour]を選択します。

  4. Elevation プロパティの隣に「170」と入力します。

  5. Azimuth プロパティを 20 に設定します。

    XAML マークアップは次のようになります。

    XAML
    コードのコピー
    <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
    コードのコピー
    <UserControl xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"  
    
    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">
    
    <c1:C1Chart3D ChartType="SurfaceZone" FloorAppearance="ZoneContour" Azimuth="20" Elevation="170">
    
        <c1:C1Chart3D />
    
      </Grid>
    
    </UserControl>
    
次の手順では、グラフに凡例を追加します。
関連トピック