2

我有点 ac#n00b 和一个完整的实时图表 n00b。我正在尝试创建一个跨越数天的简单图表。图表显示数据，但 X 轴上的日期标签格式不正确。我相信这是因为我使用 Live Charts Formatter 的方式。

主窗口中的 XAML

<lvc:CartesianChart x:Name="RankGraph" Series="{Binding Series}">
<lvc:CartesianChart.AxisX>
<lvc:Axis LabelFormatter="{Binding Formatter}"></lvc:Axis>
</lvc:CartesianChart.AxisX>
</lvc:CartesianChart>

创建图表的函数。

MainWindow _MainWindow = (MainWindow)Application.Current.MainWindow;

//Days
var dayConfig = Mappers.Xy<DateModel>().X(dateModel => dateModel.DateTime.Ticks / TimeSpan.FromDays(1).Ticks).Y(dateModel => dateModel.Value);

Func<double, string> Formatter = value => new DateTime((long)(value * TimeSpan.FromDays(1).Ticks)).ToString("d");

_MainWindow.Formatter = value => new DateTime((long)(value * TimeSpan.FromDays(1).Ticks)).ToString("d");

SeriesCollection Series = new SeriesCollection(dayConfig)
{
    new LineSeries
    {
        Values = new ChartValues<DateModel>
        {
            new Wpf.CartesianChart.Using_DateTime.DateModel
            {
                DateTime    = System.DateTime.Now,
                Value       = 5
            },
            new Wpf.CartesianChart.Using_DateTime.DateModel
            {
                DateTime    = System.DateTime.Now.AddDays(1),
                Value       = 9
            },
            new Wpf.CartesianChart.Using_DateTime.DateModel
            {
                DateTime    = System.DateTime.Now.AddDays(2),
                Value       = 4
            }
        },

        Fill = Brushes.Transparent
    },

};

Application.Current.Dispatcher.Invoke((Action)delegate
{
    if (_MainWindow.ct.IsCancellationRequested) return;

    _MainWindow.RankGraph.Series = Series;

});

我还在 mainwindow.cs 中设置了 Formatter

public Func<double, string> Formatter   { get; set; }           = value => new DateTime((long)(value * TimeSpan.FromDays(1).Ticks)).ToString("d");

我几乎在任何地方都尝试过声明 Formatter，但在使用它时它看起来不像 XAML。上面的代码生成下图。

在此处输入图像描述

在从简单方法而不是在所有示例显示的 UserControl 类包装器中创建图形时，如何正确使用 Formatter 选项。

4

1 回答 1

1

出于某种原因，XAML 中的绑定有时不起作用。您需要在 XAML 中命名您的 LiveCharts 控件（任何名称）：

<lvc:CartesianChart x:Name="RankGraph" Series="{Binding Series}">
<lvc:Axis x:Name="RankGraphAxisX" LabelFormatter="{Binding Formatter}"></lvc:Axis>

然后在后面的代码中绑定 Series 和 LabelFormatter ：

RankGraph.Series = Series;
RankGraphAxisX.LabelFormatter = Formatter;
于 2018-11-06T02:39:12.500 回答