チャートを「デザイン」しているときに、まだ解決できていないいくつかの問題に直面しました。現在のチャート: http://imgbin.org/index.php?page=image&id=10595
1) 「AreaSeries」の線を「LineSeries」と同じスタイルにしたい。画像でわかるように、スタイルはまったくありません:|。ほとんどの場合、次のことと関係があります。
<ControlTemplate TargetType="toolkit:AreaDataPoint">
私はそれを行う正しい方法を見つけることができませんが、間違っています...「AreaSerie」のラインとデータポイントに別のレイアウトを与えることはまったく可能ですか、それとも同じで別のラインシリーズを作成することによってそうする唯一の方法ですデータポイントを AreaSeries として?
2) スクリプトを使用して、Y 軸の最小値を設定すると、次のようになります。
(this.chart1.Axes[0] as LinearAxis).Minimum = UsersMin;
(this.chart1.Axes[1] as LinearAxis).Minimum = CumulativeMin;
行がまったく表示されなくなります:| (「1」に設定しても、行は1より上にあります)。最小値を設定してグラフィックを保持するにはどうすればよいですか?
3) ContentControl で動的な値の前にテキストを配置することは可能ですか?
<ContentControl Content="Users: {TemplateBinding DependentValue}" />
上記のコードは機能しません。{TemplateBinding DependentValue} は単なるテキストであり、データに置き換えられるコードではないと考えているためです...データバインディングの前にテキストを配置することは可能ですか? もしそうなら、どのように?
XAML コードを以下に添付します。
ありがとうございました!
JB
<toolkit:Chart.LegendStyle>
<Style TargetType="FrameworkElement">
<Setter Property="Width" Value="0" />
</Style>
</toolkit:Chart.LegendStyle>
<toolkit:Chart.TitleStyle>
<Style TargetType="ContentControl">
<Setter Property="Foreground" Value="White" />
<Setter Property="HorizontalAlignment" Value="Center" />
<Setter Property="FontSize" Value="18" />
<Setter Property="Margin" Value="0,0,0,0" />
<Setter Property="Padding" Value="0,0,0,0"/>
</Style>
</toolkit:Chart.TitleStyle>
<toolkit:Chart.PlotAreaStyle>
<Style TargetType="Grid">
<Setter Property="Background" Value="#AAFFFFFF" />
<Setter Property="Margin" Value="0,0,0,0"/>
</Style>
</toolkit:Chart.PlotAreaStyle>
<toolkit:Chart.Axes>
<!-- Y-Axis custom range -->
<toolkit:LinearAxis x:Name="Yusers"
Orientation="Y"
Title="Users"
ShowGridLines="True"
Foreground="#FF000088"
FontSize="15" />
<toolkit:LinearAxis x:Name="YCumulative"
Orientation="Y"
Title="Cumulative"
Foreground="white"
FontSize="15" />
</toolkit:Chart.Axes>
<!-- Daily data -->
<toolkit:AreaSeries
x:Name="Daily"
ItemsSource="{Binding}"
IndependentValueBinding="{Binding Date}"
DependentValueBinding="{Binding Daily_User}"
DependentRangeAxis="{Binding ElementName=Yusers}">
<toolkit:AreaSeries.DataPointStyle>
<Style TargetType="toolkit:AreaDataPoint">
<Setter Property="Background" Value="#FF001188" />
<Setter Property="IsTabStop" Value="False" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="toolkit:AreaDataPoint">
<ToolTipService.ToolTip>
<StackPanel Margin="2,2,2,2">
<ContentControl Content="Users:" />
<ContentControl Content="{TemplateBinding DependentValue}" />
<ContentControl Content="{TemplateBinding IndependentValue}" />
</StackPanel>
</ToolTipService.ToolTip>
<Ellipse StrokeThickness="2" Height="20" Width="20" Stroke="#7F0011BF" Fill="Azure"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</toolkit:AreaSeries.DataPointStyle>
</toolkit:AreaSeries>
<!-- Cumulative data -->
<toolkit:LineSeries
x:Name="Cumulative"
ItemsSource="{Binding}"
IndependentValueBinding="{Binding Date}"
DependentValueBinding="{Binding Cumulative_User}"
DependentRangeAxis="{Binding ElementName=YCumulative}">
<toolkit:LineSeries.DataPointStyle>
<Style TargetType="toolkit:LineDataPoint">
<Setter Property="Background" Value="Black" />
<Setter Property="BorderBrush" Value="black" />
<Setter Property="BorderThickness" Value="2" />
<Setter Property="IsTabStop" Value="False" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="toolkit:LineDataPoint">
<Grid x:Name="Root" Opacity="1">
<ToolTipService.ToolTip>
<StackPanel Margin="2,2,2,2">
<ContentControl Content="Cumulative Users:" />
<ContentControl Content="{TemplateBinding DependentValue}" />
<ContentControl Content="{TemplateBinding IndependentValue}" />
</StackPanel>
</ToolTipService.ToolTip>
<Ellipse StrokeThickness="2" Stroke="Black" Fill="Azure"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</toolkit:LineSeries.DataPointStyle>
</toolkit:LineSeries>
</toolkit:Chart>