xaml - WinRT XAML Toolkit チャートからライン シリーズの色を設定および取得する方法

Question

答え

ありがとうフィリップ、ついに色を設定する方法を見つけました。Backgroundにプロパティを追加するだけですDataPointStyle。ここに私の答えを投稿しています。デフォルトのツールチップを変更する方法も見つかりました。

Silverlight Toolkit の LineChart に異なる色の線を表示しますか?

Silverlight チャート作成でのカスタム ツールチップの使用

<charting:LineSeries.DataPointStyle>
    <Style TargetType="charting:LineDataPoint">
        <Setter Property="Width" Value="17" />
        <Setter Property="Height" Value="17" />
        <Setter Property="Background" Value="Lime"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="charting:LineDataPoint">
                    <Grid>
                        <ToolTipService.ToolTip>
                            <ContentControl Content="{Binding Value,Converter={StaticResource MyConv},ConverterParameter=TEST}"/>
                        </ToolTipService.ToolTip>
                        <Ellipse Fill="Lime" Stroke="Lime" StrokeThickness="3" />
                    </Grid>
                </ControlTemplate>

            </Setter.Value>
        </Setter>
    </Style>
</charting:LineSeries.DataPointStyle>

---

質問1

チャートに複数の折れ線グラフ シリーズを作成しています。現在、WinRT XAML Toolkit は各シリーズにランダムな方法で色を割り当てます。データ ポイントにカスタム スタイルを使用しているため、カスタム スタイルを使用すると色のランダム性が失われます。では、シリーズのランダムな色を設定または取得するにはどうすればよいですか? 色を取得できれば、その色をデータポイントで使用できます。色を設定できれば、自分でランダムな色を生成します。

質問2

さらに、データポイントにカーソルを合わせると、ツールチップに依存値が表示されますが、詳細を表示したいのですが、どうすればそれを達成できますか?

これがカスタムスタイルの私のコードです。

<charting:Chart x:Name="LineChart" Title="Line Chart" Margin="70,0">
    <charting:LineSeries
                Title="Population 1"
                IndependentValueBinding="{Binding Name}"
                DependentValueBinding="{Binding Value}"
                IsSelectionEnabled="True">
            <charting:LineSeries.DataPointStyle>
                <Style TargetType="charting:LineDataPoint">
                    <Setter Property="Width" Value="17" />
                    <Setter Property="Height" Value="17" />
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="charting:LineDataPoint">
                                <Ellipse Fill="Green" Stroke="Green" StrokeThickness="3" />
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </charting:LineSeries.DataPointStyle>
        </charting:LineSeries>

    <charting:LineSeries
            Title="Population 2"
            IndependentValueBinding="{Binding Name}"
            DependentValueBinding="{Binding Value}"
            IsSelectionEnabled="True" Foreground="Blue">
        <charting:LineSeries.DataPointStyle>
            <Style TargetType="charting:LineDataPoint">
                <Setter Property="Width" Value="17" />
                <Setter Property="Height" Value="17" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="charting:LineDataPoint">
                            <Ellipse Fill="Red" Stroke="Red" StrokeThickness="3" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </charting:LineSeries.DataPointStyle>
    </charting:LineSeries>
</charting:Chart>

ランダムな色のチャート (NO CUSTOM DATAPOINT STYLE)

ランダムな色のないグラフ (カスタム データポイント スタイルあり) [両方の線が黄色になっていることがわかります]