.NET MAUI中LiveCharts v2如何自定义折线图点颜色（温度阈值场景）

在MAUI的LiveCharts v2中，LineSeries.Configuration确实不存在，要实现温度超过38时数据点变色，需要通过LineSeries.Mapping直接为单个ChartPoint设置颜色属性，而不是修改系列的全局样式。以下是两种可行的实现方式：

方法1：直接在数值类型映射中设置点颜色 #

如果你的数据源是简单数值类型（如double），可以在映射逻辑中直接判断温度值，为每个数据点单独指定颜色：

lineSeries.Mapping = (value, point) =>
{
    // 映射X/Y轴数值
    point.PrimaryValue = value; // Y轴：温度值
    point.SecondaryValue = point.Context.Entity.EntityIndex; // X轴：数据索引

    // 根据温度设置点的颜色
    if (value > 38)
    {
        point.Paint = new SolidColorPaint(SKColors.Red);
        // 如需同步修改数据标签颜色，添加以下代码
        point.DataLabelsPaint = new SolidColorPaint(SKColors.Red);
    }
    else
    {
        // 设置默认点颜色
        point.Paint = new SolidColorPaint(SKColors.Blue);
        point.DataLabelsPaint = new SolidColorPaint(SKColors.DarkGray);
    }
};

方法2：使用带颜色属性的模型类 #

如果需要更灵活的样式控制（比如后续扩展其他属性），可以创建包含温度值和颜色的模型，提前为数据标记颜色：

1. 定义模型类：

using SkiaSharp;

public class TemperatureRecord
{
    public double Temperature { get; set; }
    public SKColor PointColor { get; set; }
}

2. 准备数据源时，根据温度预设颜色：

var temperatureData = new List<TemperatureRecord>();
// 替换为你的温度数据获取逻辑
foreach (var temp in GetTemperatureData())
{
    temperatureData.Add(new TemperatureRecord
    {
        Temperature = temp,
        PointColor = temp > 38 ? SKColors.Red : SKColors.Green
    });
}

3. 配置系列映射：

lineSeries.Mapping = (record, point) =>
{
    point.PrimaryValue = record.Temperature;
    point.SecondaryValue = point.Context.Entity.EntityIndex;
    // 绑定模型中的颜色到数据点
    point.Paint = new SolidColorPaint(record.PointColor);
    point.DataLabelsPaint = new SolidColorPaint(record.PointColor);
};

// 绑定数据源
lineSeries.Values = temperatureData;

注意事项 #

• 确保项目已引用SkiaSharp（LiveCharts v2依赖该库，MAUI项目通常已默认包含）
• 如果需要折线的线条分段变色，LiveCharts v2的LineSeries暂不支持该特性，可通过拆分多个LineSeries实现，但仅针对数据点变色的需求，上述方法完全满足。

内容的提问来源于stack exchange，提问作者vito