none
wpf toolkit Chart Legendの位置変更方法について RRS feed

  • 質問

  • お世話になります。

    wpf toolkitのChartControlを使い、グラフ作成を試しているのですが、凡例の位置がデフォルトではグラフの右位置になりますが、
    この位置を変更することは出来るのでしょうか?
    例えば上位置にしたいのですが。

    LegendStyleを触るのかと調べているのですが、どう設定したら良いのかで悩んでいます。
    もしご存じの方がおられましたら、お教え願えますようよろしくお願いします。

    <chartingToolkit:Chart.LegendStyle >
        <Style TargetType="{x:Type visualizationToolkit:Legend}">
            <Setter Property="Margin" Value="15"/>
            <Setter Property="VerticalAlignment" Value="Top"/>
            <Setter Property="HorizontalContentAlignment" Value="left"/>
            <Setter Property="BorderBrush" Value="#FFDBDBDB"/>
            <Setter Property="Background">
                <Setter.Value>
                    <LinearGradientBrush EndPoint="0.442,0.005" StartPoint="0.558,0.995">
                        <GradientStop Color="#FFDBDBDB"/>
                        <GradientStop Color="White" Offset="1"/>
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
        </Style>
    </chartingToolkit:Chart.LegendStyle>

    以上、よろしくお願い致します。
    2009年11月16日 11:09

回答

  • どうぞ。以下のようにコメントになっている部分が元の位置です。
    <!-- visualizationToolkit:Legend

    Expression Blend を使えばこの辺は簡単です。
    じゃなきゃ以下のサイトに出てくるのを待つくらいですかね。
    http://msdn.microsoft.com/ja-jp/library/aa970773.aspx
    http://msdn.microsoft.com/ja-jp/library/cc278075(VS.95).aspx

    <Window
    	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    	xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit" xmlns:visualizationToolkit="clr-namespace:System.Windows.Controls.DataVisualization;assembly=System.Windows.Controls.DataVisualization.Toolkit" xmlns:System_Windows_Controls_DataVisualization_Charting_Primitives="clr-namespace:System.Windows.Controls.DataVisualization.Charting.Primitives;assembly=System.Windows.Controls.DataVisualization.Toolkit"
    	x:Class="WpfChartLegend.MainWindow"
    	x:Name="Window"
    	Title="MainWindow"
    	Width="640" Height="480">
    
    	<Window.Resources>
    		<Style x:Key="ChartStyle1" TargetType="{x:Type chartingToolkit:Chart}">
    			<Setter Property="BorderBrush" Value="Black"/>
    			<Setter Property="BorderThickness" Value="1"/>
    			<Setter Property="IsTabStop" Value="False"/>
    			<Setter Property="SnapsToDevicePixels" Value="True"/>
    			<Setter Property="StylePalette">
    				<Setter.Value>
    					<visualizationToolkit:StylePalette>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFB9D6F7"/>
    										<GradientStop Color="#FF284B70" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFFBB7B5"/>
    										<GradientStop Color="#FF702828" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFB8C0AC"/>
    										<GradientStop Color="#FF5F7143" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFFDE79C"/>
    										<GradientStop Color="#FFF6BC0C" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFA9A3BD"/>
    										<GradientStop Color="#FF382C6C" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFB1A1B1"/>
    										<GradientStop Color="#FF50224F" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FF9DC2B3"/>
    										<GradientStop Color="#FF1D7554" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFB5B5B5"/>
    										<GradientStop Color="#FF4C4C4C" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FF98C1DC"/>
    										<GradientStop Color="#FF0271AE" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFC1C0AE"/>
    										<GradientStop Color="#FF706E41" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFADBDC0"/>
    										<GradientStop Color="#FF446A73" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FF2F8CE2"/>
    										<GradientStop Color="#FF0C3E69" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="Gainsboro"/>
    										<GradientStop Color="#FF757575" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFF4F4F4"/>
    										<GradientStop Color="#FFB7B7B7" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFF4F4F4"/>
    										<GradientStop Color="#FFA3A3A3" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    					</visualizationToolkit:StylePalette>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="TitleStyle">
    				<Setter.Value>
    					<Style TargetType="{x:Type visualizationToolkit:Title}">
    						<Setter Property="FontSize" Value="16"/>
    						<Setter Property="HorizontalAlignment" Value="Center"/>
    						<Setter Property="Margin" Value="0,10"/>
    					</Style>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="LegendStyle">
    				<Setter.Value>
    					<Style TargetType="{x:Type visualizationToolkit:Legend}">
    						<Setter Property="Margin" Value="15,0"/>
    						<Setter Property="VerticalAlignment" Value="Center"/>
    						<Setter Property="BorderBrush" Value="#FFDBDBDB"/>
    						<Setter Property="Background">
    							<Setter.Value>
    								<LinearGradientBrush EndPoint="0.442,0.005" StartPoint="0.558,0.995">
    									<GradientStop Color="#FFDBDBDB"/>
    									<GradientStop Color="White" Offset="1"/>
    								</LinearGradientBrush>
    							</Setter.Value>
    						</Setter>
    					</Style>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="ChartAreaStyle">
    				<Setter.Value>
    					<Style TargetType="{x:Type Panel}">
    						<Setter Property="MinWidth" Value="100"/>
    						<Setter Property="MinHeight" Value="75"/>
    					</Style>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="PlotAreaStyle">
    				<Setter.Value>
    					<Style TargetType="{x:Type Grid}">
    						<Setter Property="Background">
    							<Setter.Value>
    								<LinearGradientBrush EndPoint="0.457,0.296" StartPoint="0.459,1.296">
    									<GradientStop Color="#FFCBCBCB"/>
    									<GradientStop Color="White" Offset="1"/>
    								</LinearGradientBrush>
    							</Setter.Value>
    						</Setter>
    					</Style>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="Template">
    				<Setter.Value>
    					<ControlTemplate TargetType="{x:Type chartingToolkit:Chart}">
    						<Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="10">
    							<Grid>
    								<Grid.RowDefinitions>
    									<RowDefinition Height="Auto"/>
    									<RowDefinition Height="*"/>
    								</Grid.RowDefinitions>
    								<StackPanel Orientation="Horizontal">
    									<visualizationToolkit:Title Style="{TemplateBinding TitleStyle}" Content="{TemplateBinding Title}"/>
    									<visualizationToolkit:Legend x:Name="Legend" Style="{TemplateBinding LegendStyle}" Title="{TemplateBinding LegendTitle}"/>
    								</StackPanel>
    								<Grid Margin="0,15" Grid.Row="1">
    									<Grid.ColumnDefinitions>
    										<ColumnDefinition Width="*"/>
    										<ColumnDefinition Width="Auto"/>
    									</Grid.ColumnDefinitions>
    									<!-- visualizationToolkit:Legend x:Name="Legend" Style="{TemplateBinding LegendStyle}" Grid.Column="1" Title="{TemplateBinding LegendTitle}"/ -->
    									<System_Windows_Controls_DataVisualization_Charting_Primitives:EdgePanel x:Name="ChartArea" Style="{TemplateBinding ChartAreaStyle}">
    										<Grid Style="{TemplateBinding PlotAreaStyle}" Panel.ZIndex="-1"/>
    										<Border Panel.ZIndex="10" BorderBrush="#FF919191" BorderThickness="1"/>
    									</System_Windows_Controls_DataVisualization_Charting_Primitives:EdgePanel>
    								</Grid>
    							</Grid>
    						</Border>
    					</ControlTemplate>
    				</Setter.Value>
    			</Setter>
    		</Style>
    	</Window.Resources>
    
    	<Grid x:Name="LayoutRoot">
    		<chartingToolkit:Chart Style="{DynamicResource ChartStyle1}" Title="Chart Title">
    			<chartingToolkit:Chart.DataContext>
    				<PointCollection>1,10 2,20 3,30 4,40</PointCollection>
    			</chartingToolkit:Chart.DataContext>
    			<chartingToolkit:ColumnSeries DependentValuePath="X" IndependentValuePath="Y" ItemsSource="{Binding}"/>
    		</chartingToolkit:Chart>
    	</Grid>
    </Window>

    えムナウ@わんくま同盟 Microsoft MVP Visual Studio C# Since 2005/01-2009/12
    • 回答としてマーク kmo3 2009年11月20日 6:19
    2009年11月16日 12:03

すべての返信

  • どうぞ。以下のようにコメントになっている部分が元の位置です。
    <!-- visualizationToolkit:Legend

    Expression Blend を使えばこの辺は簡単です。
    じゃなきゃ以下のサイトに出てくるのを待つくらいですかね。
    http://msdn.microsoft.com/ja-jp/library/aa970773.aspx
    http://msdn.microsoft.com/ja-jp/library/cc278075(VS.95).aspx

    <Window
    	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    	xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit" xmlns:visualizationToolkit="clr-namespace:System.Windows.Controls.DataVisualization;assembly=System.Windows.Controls.DataVisualization.Toolkit" xmlns:System_Windows_Controls_DataVisualization_Charting_Primitives="clr-namespace:System.Windows.Controls.DataVisualization.Charting.Primitives;assembly=System.Windows.Controls.DataVisualization.Toolkit"
    	x:Class="WpfChartLegend.MainWindow"
    	x:Name="Window"
    	Title="MainWindow"
    	Width="640" Height="480">
    
    	<Window.Resources>
    		<Style x:Key="ChartStyle1" TargetType="{x:Type chartingToolkit:Chart}">
    			<Setter Property="BorderBrush" Value="Black"/>
    			<Setter Property="BorderThickness" Value="1"/>
    			<Setter Property="IsTabStop" Value="False"/>
    			<Setter Property="SnapsToDevicePixels" Value="True"/>
    			<Setter Property="StylePalette">
    				<Setter.Value>
    					<visualizationToolkit:StylePalette>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFB9D6F7"/>
    										<GradientStop Color="#FF284B70" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFFBB7B5"/>
    										<GradientStop Color="#FF702828" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFB8C0AC"/>
    										<GradientStop Color="#FF5F7143" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFFDE79C"/>
    										<GradientStop Color="#FFF6BC0C" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFA9A3BD"/>
    										<GradientStop Color="#FF382C6C" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFB1A1B1"/>
    										<GradientStop Color="#FF50224F" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FF9DC2B3"/>
    										<GradientStop Color="#FF1D7554" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFB5B5B5"/>
    										<GradientStop Color="#FF4C4C4C" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FF98C1DC"/>
    										<GradientStop Color="#FF0271AE" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFC1C0AE"/>
    										<GradientStop Color="#FF706E41" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFADBDC0"/>
    										<GradientStop Color="#FF446A73" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FF2F8CE2"/>
    										<GradientStop Color="#FF0C3E69" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="Gainsboro"/>
    										<GradientStop Color="#FF757575" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFF4F4F4"/>
    										<GradientStop Color="#FFB7B7B7" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    						<Style TargetType="{x:Type Control}">
    							<Setter Property="Background">
    								<Setter.Value>
    									<RadialGradientBrush>
    										<RadialGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.09" ScaleY="1.819"/>
    												<TranslateTransform X="-0.425" Y="-0.486"/>
    											</TransformGroup>
    										</RadialGradientBrush.RelativeTransform>
    										<GradientStop Color="#FFF4F4F4"/>
    										<GradientStop Color="#FFA3A3A3" Offset="1"/>
    									</RadialGradientBrush>
    								</Setter.Value>
    							</Setter>
    						</Style>
    					</visualizationToolkit:StylePalette>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="TitleStyle">
    				<Setter.Value>
    					<Style TargetType="{x:Type visualizationToolkit:Title}">
    						<Setter Property="FontSize" Value="16"/>
    						<Setter Property="HorizontalAlignment" Value="Center"/>
    						<Setter Property="Margin" Value="0,10"/>
    					</Style>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="LegendStyle">
    				<Setter.Value>
    					<Style TargetType="{x:Type visualizationToolkit:Legend}">
    						<Setter Property="Margin" Value="15,0"/>
    						<Setter Property="VerticalAlignment" Value="Center"/>
    						<Setter Property="BorderBrush" Value="#FFDBDBDB"/>
    						<Setter Property="Background">
    							<Setter.Value>
    								<LinearGradientBrush EndPoint="0.442,0.005" StartPoint="0.558,0.995">
    									<GradientStop Color="#FFDBDBDB"/>
    									<GradientStop Color="White" Offset="1"/>
    								</LinearGradientBrush>
    							</Setter.Value>
    						</Setter>
    					</Style>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="ChartAreaStyle">
    				<Setter.Value>
    					<Style TargetType="{x:Type Panel}">
    						<Setter Property="MinWidth" Value="100"/>
    						<Setter Property="MinHeight" Value="75"/>
    					</Style>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="PlotAreaStyle">
    				<Setter.Value>
    					<Style TargetType="{x:Type Grid}">
    						<Setter Property="Background">
    							<Setter.Value>
    								<LinearGradientBrush EndPoint="0.457,0.296" StartPoint="0.459,1.296">
    									<GradientStop Color="#FFCBCBCB"/>
    									<GradientStop Color="White" Offset="1"/>
    								</LinearGradientBrush>
    							</Setter.Value>
    						</Setter>
    					</Style>
    				</Setter.Value>
    			</Setter>
    			<Setter Property="Template">
    				<Setter.Value>
    					<ControlTemplate TargetType="{x:Type chartingToolkit:Chart}">
    						<Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="10">
    							<Grid>
    								<Grid.RowDefinitions>
    									<RowDefinition Height="Auto"/>
    									<RowDefinition Height="*"/>
    								</Grid.RowDefinitions>
    								<StackPanel Orientation="Horizontal">
    									<visualizationToolkit:Title Style="{TemplateBinding TitleStyle}" Content="{TemplateBinding Title}"/>
    									<visualizationToolkit:Legend x:Name="Legend" Style="{TemplateBinding LegendStyle}" Title="{TemplateBinding LegendTitle}"/>
    								</StackPanel>
    								<Grid Margin="0,15" Grid.Row="1">
    									<Grid.ColumnDefinitions>
    										<ColumnDefinition Width="*"/>
    										<ColumnDefinition Width="Auto"/>
    									</Grid.ColumnDefinitions>
    									<!-- visualizationToolkit:Legend x:Name="Legend" Style="{TemplateBinding LegendStyle}" Grid.Column="1" Title="{TemplateBinding LegendTitle}"/ -->
    									<System_Windows_Controls_DataVisualization_Charting_Primitives:EdgePanel x:Name="ChartArea" Style="{TemplateBinding ChartAreaStyle}">
    										<Grid Style="{TemplateBinding PlotAreaStyle}" Panel.ZIndex="-1"/>
    										<Border Panel.ZIndex="10" BorderBrush="#FF919191" BorderThickness="1"/>
    									</System_Windows_Controls_DataVisualization_Charting_Primitives:EdgePanel>
    								</Grid>
    							</Grid>
    						</Border>
    					</ControlTemplate>
    				</Setter.Value>
    			</Setter>
    		</Style>
    	</Window.Resources>
    
    	<Grid x:Name="LayoutRoot">
    		<chartingToolkit:Chart Style="{DynamicResource ChartStyle1}" Title="Chart Title">
    			<chartingToolkit:Chart.DataContext>
    				<PointCollection>1,10 2,20 3,30 4,40</PointCollection>
    			</chartingToolkit:Chart.DataContext>
    			<chartingToolkit:ColumnSeries DependentValuePath="X" IndependentValuePath="Y" ItemsSource="{Binding}"/>
    		</chartingToolkit:Chart>
    	</Grid>
    </Window>

    えムナウ@わんくま同盟 Microsoft MVP Visual Studio C# Since 2005/01-2009/12
    • 回答としてマーク kmo3 2009年11月20日 6:19
    2009年11月16日 12:03
  • えムナウ様

    お世話になります。
    いつも、ありがとうございます。

    参考にさせて頂きます。

    Blend3考えた方がよいのかもですね・・・

    ちなみに、
    ■Series1 □Series2
    のような感じで横に並べることは可能でしょうか?

    2009年11月16日 12:14
  • >■Series1 □Series2
    >のような感じで横に並べることは可能でしょうか?

    VisualStudioのオブジェクトブラウザで調べましたが、

    Legend や LegendItem にそのようなプロパティはありません。
    Legend は Control の継承ですし LegendItem は ContentControl の継承です。
    Legend が たとえば StackPanel の継承とかなら可能なんでしょうが。

    えムナウ@わんくま同盟 Microsoft MVP Visual Studio C# Since 2005/01-2009/12
    2009年11月16日 12:41
  • お世話になります。

    大変参考になりました。
    また、参考サイトの紹介ありがとうございました。
    2009年11月20日 6:19