如何在MAUI的LiveCharts图表中修改标签颜色适配深色模式？

针对深色模式下轴标签和图例标签难以辨认的问题，你可以通过以下几种方式自定义颜色：

1. 自定义轴标签颜色 #

在ViewModel中创建轴实例时，直接设置LabelPaint属性的颜色，结合MAUI的主题判断动态切换：

public Axis[] XAxes { get; set; }
public Axis[] YAxes { get; set; }

public YourViewModel()
{
    UpdateAxisLabelsColor();
    // 订阅主题变更事件，动态更新颜色
    Application.Current.RequestedThemeChanged += (s, e) => UpdateAxisLabelsColor();
}

private void UpdateAxisLabelsColor()
{
    var labelColor = Application.Current.RequestedTheme == AppTheme.Dark 
        ? Color.FromRgb(255, 255, 255) 
        : Color.FromRgb(0, 0, 0);

    XAxes = new[]
    {
        new Axis { LabelPaint = new SolidColorPaint(labelColor) }
    };

    YAxes = new[]
    {
        new Axis { LabelPaint = new SolidColorPaint(labelColor) }
    };

    // 通知属性变更，触发UI更新
    OnPropertyChanged(nameof(XAxes));
    OnPropertyChanged(nameof(YAxes));
}

（注：假设你的ViewModel实现了INotifyPropertyChanged接口）

2. 自定义图例标签颜色 #

通过LegendTemplate自定义图例布局，使用AppThemeBinding自动适配主题颜色：

<lvc:CartesianChart Series="{Binding Series}" 
                    XAxes="{Binding XAxes}" YAxes="{Binding YAxes}"
                    LegendPosition="{Binding LegendPosition}"
                    HorizontalOptions="FillAndExpand" HeightRequest="250">
    <lvc:CartesianChart.LegendTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" Margin="4">
                <Rectangle Width="14" Height="14" Fill="{Binding Stroke}" Margin="0 0 6 0"/>
                <Label Text="{Binding Name}" 
                       TextColor="{AppThemeBinding Light={StaticResource PrimaryTextColor}, Dark={StaticResource SecondaryTextColor}}"/>
            </StackPanel>
        </DataTemplate>
    </lvc:CartesianChart.LegendTemplate>
</lvc:CartesianChart>

只需确保你的资源字典中定义了PrimaryTextColor（浅色模式文本色）和SecondaryTextColor（深色模式文本色）。

3. 全局应用图表主题（快速适配） #

LiveChart提供内置的浅色/深色主题，可通过全局样式自动切换：

<Application.Resources>
    <ResourceDictionary>
        <lvc:LightTheme x:Key="LightChartTheme"/>
        <lvc:DarkTheme x:Key="DarkChartTheme"/>
        <Style TargetType="lvc:CartesianChart">
            <Setter Property="Theme" Value="{AppThemeBinding Light={StaticResource LightChartTheme}, Dark={StaticResource DarkChartTheme}}"/>
        </Style>
    </ResourceDictionary>
</Application.Resources>

这种方式无需单独设置每个组件的颜色，图表会自动应用主题对应的配色方案。

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