为含Line Series和Column Series的Syncfusion Xamarin图表填充图例名称

核心问题原因 #

ChartLegend显示空气泡，是因为未给每个系列（ColumnSeries、SplineSeries）指定可识别的图例标签和图标，直接绑定字符串列表到图例的方式不符合SfChart的图例工作逻辑——SfChart的图例默认自动关联各Series的配置，无需单独绑定字符串列表。

具体解决步骤 #

1. 直接给每个Series设置Label和LegendIcon #

无需绑定外部列表，直接在XAML或代码中给ColumnSeries和SplineSeries配置Label（图例显示名称）和LegendIcon（图例图标样式）即可，示例如下：

XAML示例：

<chart:SfChart>
    <!-- 黄色柱状条系列 -->
    <chart:ColumnSeries Label="Medicines" LegendIcon="Rectangle" Color="Yellow">
        <!-- 你的数据绑定配置 -->
    </chart:ColumnSeries>

    <!-- 折线系列 -->
    <chart:SplineSeries Label="Symptoms" LegendIcon="SeriesType" Color="Blue">
        <!-- 你的数据绑定配置 -->
    </chart:SplineSeries>

    <!-- 图例配置 -->
    <chart:SfChart.Legend>
        <chart:ChartLegend />
    </chart:SfChart.Legend>
</chart:SfChart>

C#代码示例：

// 初始化柱状系列
var columnSeries = new ColumnSeries()
{
    Label = "Medicines",
    LegendIcon = LegendIcon.Rectangle,
    Color = Color.Yellow
    // 绑定数据源等其他配置
};

// 初始化折线系列
var splineSeries = new SplineSeries()
{
    Label = "Symptoms",
    LegendIcon = LegendIcon.SeriesType, // 自动使用折线对应图标
    Color = Color.Blue
    // 绑定数据源等其他配置
};

// 添加到图表
sfChart.Series.Add(columnSeries);
sfChart.Series.Add(splineSeries);

// 添加图例
sfChart.Legend = new ChartLegend();

2. 移除无效的ListNames绑定 #

如果之前给ChartLegend设置了ItemsSource="{Binding ListNames}"这类绑定，直接删除该配置即可，因为SfChart图例默认会自动收集所有Series的Label和Icon信息，无需手动绑定数据源。

3. 调整图例样式（可选） #

若需要优化图例显示效果，可通过ChartLegend的属性配置位置、字体等：

<chart:SfChart.Legend>
    <chart:ChartLegend Position="Bottom" FontSize="12" TextColor="Black" />
</chart:SfChart.Legend>

为什么绑定ListNames无效？ #

SfChart的ChartLegend的ItemsSource属性用于自定义图例项场景，需要绑定ChartLegendItem类型的集合（每个项需指定Label、Icon、Color等属性），而非普通字符串列表。这种方式比直接给Series配置更繁琐，因此推荐直接给Series设置Label的方案。

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