LiveCharts ColumnSeries填充颜色

Question

我正在学习Live图表文档中的这示例。代码如下所示：

<lvc:CartesianChart Margin="20" Series="{Binding SeriesCollection}" LegendLocation="Left">
        <lvc:CartesianChart.AxisX>
            <lvc:Axis Title="Salesman" Labels="{Binding Labels}"></lvc:Axis>
        </lvc:CartesianChart.AxisX>
        <lvc:CartesianChart.AxisY>
            <lvc:Axis Title="Sold Apps" LabelFormatter="{Binding Formatter}"></lvc:Axis>
        </lvc:CartesianChart.AxisY>
    </lvc:CartesianChart>

它看起来很完美，对我来说也会很好，但是有一个问题。如何在本例中更改fill颜色的ColumnSeries？正如我之前说过的，我不想再实现另一个图表，因为它对我来说非常完美，但是我不知道如何改变Fill的颜色。

我在这里没有发现类似的问题。

编辑

工作解决方案：

<lvc:CartesianChart Margin="20" Series="{Binding SeriesCollection}" LegendLocation="Left">
        <lvc:CartesianChart.SeriesColors>
            <lvc:ColorsCollection>
                <Color>Green</Color>
            </lvc:ColorsCollection>
        </lvc:CartesianChart.SeriesColors>
        <lvc:CartesianChart.AxisX>
            <lvc:Axis Title="Salesman" Labels="{Binding Labels}"></lvc:Axis>
        </lvc:CartesianChart.AxisX>
        <lvc:CartesianChart.AxisY>
            <lvc:Axis Title="Sold Apps" LabelFormatter="{Binding Formatter}"></lvc:Axis>
        </lvc:CartesianChart.AxisY>
    </lvc:CartesianChart>

Answer 1

您可以在XAML中定义一组Color对象，这些对象将按声明顺序隐式映射到ColumnSeries对象：

<lvc:CartesianChart x:Name="CartesianChart"
                    Series="{Binding SeriesCollection}">
  <lvc:CartesianChart.SeriesColors>
    <lvc:ColorsCollection>
      <Color>Red</Color>
      <Color>Orange</Color>
      <Color>LightSlateGray</Color>
    </lvc:ColorsCollection>
  </lvc:CartesianChart.SeriesColors>
</lvc:CartesianChart>

或者在XAML或Fill中显式定义ColumnSeries的C#：

public SeriesCollection SeriesCollection { get; set; } = new SeriesCollection
{
  new ColumnSeries
  {
    Title = "Series A",
    Values = new ChartValues<double> { 10, 20, 30, 20, 10},
    Fill = Brushes.CornflowerBlue
  },
  new ColumnSeries
  {
    Title = "Series B",
    Values = new ChartValues<double> { 100, 200, 300, 200, 100 },
    Fill = Brushes.DarkOrange
  }
};