如何获取LiveCharts中点击数据点的X轴标签值？

我需要在点击CartesianChart的数据点后获取对应的X轴标签（包含DateTime类型数据），用于加载更多数据和后续图表开发。目前已在XAML中绑定DrillDownCommand命令，该命令接收ChartPoint作为参数，但未找到获取X轴标签的实现方案，求技术指引或代码示例。

提供的图表XAML代码 #

<lvc:CartesianChart DataClickCommand="{Binding DrillDownCommand}" Series="{Binding SeriesCollectionDatum}" LegendLocation="None" Margin="10,10,10,0" Background="#c0c1bf" Height="222" VerticalAlignment="Top">
    <lvc:CartesianChart.AxisX>
        <lvc:Axis Title="Datum" Labels="{Binding LabelsDatum}" LabelsRotation="20" Foreground="Black" FontSize="12" FontWeight="Bold">
            <lvc:Axis.Separator>
                <lvc:Separator StrokeThickness="0" Step="1"/>
            </lvc:Axis.Separator>
        </lvc:Axis>
    </lvc:CartesianChart.AxisX>
    <lvc:CartesianChart.AxisY>
        <lvc:Axis Title="Broj" LabelFormatter="{Binding Formatter}" Foreground="Black" FontSize="12" FontWeight="Bold">
            <lvc:Axis.Separator>
                <lvc:Separator StrokeThickness="1" Step="10"/>
            </lvc:Axis.Separator>
        </lvc:Axis>
    </lvc:CartesianChart.AxisY>
</lvc:CartesianChart>

解决方案 #

方法1：从ChartPoint关联的原始数据模型直接获取DateTime #

如果你的SeriesCollectionDatum中的数据点绑定的是自定义业务模型（包含DateTime属性），可以通过ChartPoint.Instance直接访问原始模型的DateTime字段，无需依赖Labels集合：

// 自定义业务模型示例
public class DataModel
{
    public DateTime RecordDate { get; set; }
    public int Value { get; set; }
}

// ViewModel中的DrillDownCommand实现
public ICommand DrillDownCommand => new RelayCommand<ChartPoint>(point =>
{
    if (point.Instance is DataModel model)
    {
        DateTime clickedDate = model.RecordDate;
        // 此处使用clickedDate执行加载更多数据等后续逻辑
    }
});

方法2：通过ChartPoint的X索引匹配LabelsDatum集合 #

如果LabelsDatum是格式化后的DateTime字符串集合，可以利用ChartPoint.X的值作为索引，从Labels集合中取出对应标签并转换为DateTime类型：

// ViewModel中的DrillDownCommand实现
public ICommand DrillDownCommand => new RelayCommand<ChartPoint>(point =>
{
    int labelIndex = (int)point.X;
    if (labelIndex >= 0 && labelIndex < LabelsDatum.Count)
    {
        string dateString = LabelsDatum[labelIndex];
        if (DateTime.TryParse(dateString, out DateTime clickedDate))
        {
            // 此处使用clickedDate执行加载更多数据等后续逻辑
        }
    }
});

注意事项 #

• 确保LabelsDatum集合的顺序与SeriesCollectionDatum中数据点的顺序完全一致，否则会出现标签不匹配的问题。
• 方法1更可靠，直接关联原始数据模型，避免了字符串转换可能带来的格式错误。

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