LiveCharts ColumnSeries 在运行时更新颜色答案

【问题标题】：LiveCharts ColumnSeries update Colours on RuntimeLiveCharts ColumnSeries 在运行时更新颜色
【发布时间】：2019-12-18 11:23:03
【问题描述】：

我在 WPF 上使用 LiveCharts 0.9.7 和 1.2.9 Geared 版本来显示 ColumnSeries 上的人口数据。

这是我的场景：一开始，我用蓝色填充列。我想在运行时更改单个列值的颜色。

我尝试使用SeriesCollection[0].Values[0] 达到单个值，但是没有填充或颜色选项，它只是Double。

我也尝试投射SeriesCollection[0] to ColumnSeries，但是我无法达到结果。是否可以在运行时更新单个值的颜色？

public SeriesCollection SeriesCollection { get; set; } = new SeriesCollection
{
  new ColumnSeries
  {
    Title = "Population of Bodrum",
    Values = new ChartValues<double> { 1500, 2500, 3700, 2000, 1000},
    Fill = Brushes.Blue
  }
};

【问题讨论】：

我找到了这个，也许对你有帮助：stackoverflow.com/questions/54195346/…
我使用CartesianMapper添加并更新了一个简单的解决方案。

标签： c# wpf livecharts

【解决方案1】：

您可以通过将CartesianMapper 分配给ColumnSeries.Configuration 来指定配置。

以下示例将给定图表的第三列的颜色从蓝色更改为红色：

public class ChartDataModel
{
  public ChartDataModel()
  {
    this.BlueSeries = new ColumnSeries()
    {
      Title = "Population of Bodrum",
      Values = new ChartValues<double> { 1500, 2500, 3700, 2000, 1000 },
      Fill = Brushes.Blue
    };
    this.SeriesCollection = new SeriesCollection() { this.BlueSeries };
  }

  private void ChangeThirdChartPointColorToRed()
  {
    CartesianMapper<double> mapper = Mappers.Xy<double>()
      .X((value, index) => index)
      .Y(value => value)
      .Fill((value, index) => index == 2 ? Brushes.Red : Brushes.Blue);

    // Dynamically set the third chart point color to red
    this.BlueSeries.Configuration = mapper;
  }

  // The actual chart data source
  public SeriesCollection SeriesCollection { get; set; }

  private ColumnSeries BlueSeries { get; set; }
}

您还可以使用CartesianMapper 通过指定相应的谓词来根据其 y 值更改点的颜色。要绘制所有超过 2,000 红色值的值，您可以使用以下映射器：

 CartesianMapper<double> mapper = Mappers.Xy<double>()
   .X((value, index) => index)
   .Y(value => value)
   .Fill((value, index) => value > 2000 ? Brushes.Red : Brushes.Blue);

【讨论】：