Silverlight 工具包；饼图颜色

Question

我有一个巨大的问题无法解决。假设我有五种不同的水果，我希望每种水果都与某种颜色相关联。假设我有三个“篮子”，其中包含零个或多个上述水果。

当我为我的三个篮子制作饼图时，每个楔形只是一些随机颜色，大概是由控件选择的。我该怎么说，将图表中的蓝莓、香蕉等设为蓝色？

我知道这是一个奇怪的问题，但我想不出更简单的方法来描述它。

我不在乎解决方案是 XAML 还是代码，只要它有效即可。

Answer 1

经过多次咒骂和调查后，我找到了解决方案。这里有很多活动部分，所以我将尽可能简短地表达每个部分，同时仍然传达要点。

首先，我有一个想要跟踪的对象集合：

public class PileOfFruit
{
  public string Name {get; set; }
  public int Count { get; set; }
}

在我的视图模型中，我有这些对象的集合。

public class BasketVM
{
...
    private ObservableCollection<PileOfFruit> _FruitBasket = new ObservableCollection<PileOfFruit>();
    public ObservableCollection<PileOfFruit> FruitBasket
    {
      get { return _FruitBasket; }
    }
...
}

在我看来，我将定义饼图来显示篮子中水果的数量。这里最重要的因素是模板绑定到 SliceTemplate

<chartingToolkit:Chart x:Name="ExampleChart">
    <chartingToolkit:PieSeries ItemsSource={Binding FruitBasket
                               DependentValueBinding="{Binding Count}" 
                               IndependentValueBinding="{Binding Name}">
        <chartingToolkit:PieSeries.Palette>
            <visualizationToolkit:ResourceDictionaryCollection>
            <ResourceDictionary>
                <Style x:Key="DataPointStyle" TargetType="Control">
                    <Setter Property="Template" Value="{StaticResource SliceTemplate}"/>
                </Style>

现在，在 app.xaml 或其他地方，我们可以放入 PieDataSeries 对象的模板。请密切注意 Fill 上的值，它与独立值绑定，例如“香蕉”“葡萄”或其他值。这又被传递给值转换器。

<converters:FruitToColorConverter x:Key="FruitToColorConverter"/>

<ControlTemplate x:Key="SliceTemplate" TargetType="chart:PieDataPoint">
  <Path Data="{TemplateBinding Geometry}"
        Fill="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IndependentValue, Converter={StaticResource FruitToColorConverter}}"
        Stroke="{TemplateBinding BorderBrush}">
    ....

相关的数据转换器将最终设置我们想要的颜色。因此，如果我们做这样的事情...

public class FruitToColorConverter : IValueConverter
{
  private SolidColorBrush Default = new SolidColorBrush(Colors.Black);

  public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
  {
    if (value == null || (!(value is string))) { return Default; }

    switch (value as string)
    {
      case "Apple":
        return new SolidColorBrush(Colors.Red);
      case "BlueBerry":
        return new SolidColorBrush(Colors.Blue);
      default:
        return Default;
        ......

这就是您每次都能获得正确颜色的方法。如果我遗漏了任何内容或需要澄清，请告诉我，以便我进行更正。这里有很多活动部件..=P

Answer 2

您可以为图表定义自己的调色板，但它会自动选择调色板中显示的数据项的颜色。所以没有（简单？）方法告诉图表显示蓝莓蓝色，香蕉黄色等。您可以做的就是告诉图表显示第一个项目蓝色，第二个项目黄色等，然后​​将蓝莓放在第一位，香蕉放在第二位等在数据源中。

一些定义您自己的调色板的示例：

<chartingToolkit:Chart x:Name="ExampleChart">
    <chartingToolkit:PieSeries>
        <chartingToolkit:PieSeries.ItemsSource >
            <toolkit:ObjectCollection>
                <sys:Double>1</sys:Double>
                <sys:Double>2.3</sys:Double>
                <sys:Double>3.5</sys:Double>
                <sys:Double>5</sys:Double>
            </toolkit:ObjectCollection>
        </chartingToolkit:PieSeries.ItemsSource >
        <chartingToolkit:PieSeries.Palette>
            <visualizationToolkit:ResourceDictionaryCollection>
            <ResourceDictionary>
                <Style x:Key="DataPointStyle" TargetType="Control">
                    <Setter Property="Background" Value="Red"/>
                </Style>
            </ResourceDictionary>
            <ResourceDictionary>
                <Style x:Key="DataPointStyle" TargetType="Control">
                    <Setter Property="Background" Value="Green"/>
                </Style>
            </ResourceDictionary>
            <ResourceDictionary>
                <Style x:Key="DataPointStyle" TargetType="Control">
                    <Setter Property="Background" Value="Blue"/>
                </Style>
            </ResourceDictionary>
            </visualizationToolkit:ResourceDictionaryCollection>
        </chartingToolkit:PieSeries.Palette>
    </chartingToolkit:PieSeries >
</chartingToolkit:Chart >

编辑：有趣的名称规范：

xmlns:visualizationToolkit="clr-namespace:System.Windows.Controls.DataVisualization;assembly=System.Windows.Controls.DataVisualization.Toolkit" 
xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit"

Answer 3

这是我发现的：
颜色并不是真正随机的：有一系列调色板，每 5 次重复一次（实际上数量并不重要）。我的解决方法更简单：每次有新数据要显示时，我都会重新创建饼图。这样，调色板将始终从相同的颜色开始（意味着它永远不会改变）。这意味着您需要有一个以编程方式重建 PieChart 的方法（XAML 中没有它，只需有一个占位符并调用“PieChartBuilder”方法）。
我认为这是更少的代码（也更少的错误:​​)）。