带有时间剧数据的燃料图表

Question

我正在开发Glazor的门户网站。该网站将在图表中显示一些时间剧数据。 对于图表，我使用blazorise.charts（1.0.5）。

我希望该图表显示一天开始时的完整日期，并且在几个小时（以24小时格式）和几分钟之间显示。但是，似乎燃烧的Linechartoptions不接受我的输入。

我的数据模型：

public class point
{
    public double Value;
    public DateTime ReceivedOn;
}

我使用的选项

public LineChartOptions _LineChartOptions { get; set; } = new LineChartOptions()
{
    Parsing = new ChartParsing
    {
        XAxisKey = "ReceivedOn",
        YAxisKey = "Value",
    },
    Scales = new ChartScales()
    {
        X = new ChartAxis()
        {
            Display = true,
            Type = "timeseries",
            Title = new ChartScaleTitle
            {
                Display = true,
                Text = "Date"
            },
            Ticks = new ChartAxisTicks
            {
                StepSize = 1,
                Major = new ChartAxisMajorTick
                {
                    Enabled = true
                },
            },
        }
    }
}

我也尝试添加time = new ChartAxiStime，但是如果您使用tick，该选项似乎不起作用。

我使用这些设置时得到的结果是： 图表

就像您可以看到的那样，似乎几乎是我想要的，但是这些标签需要在HH：MM格式和日期需要为YYYY-MM-DD格式。

我需要改变什么才能获得这个结果？

Answer 1

我遇到了同一问题。老实说，在阅读了Chart.js文档后，我只是停止尝试将DateTime对象直接馈送到燃料图中。根据Chart.js文档，必须将其转换为“燃烧”的某个地方，因为无论如何，日期都被送入图表。因此，我将我的dateTime []转换为String []带有datetime statem staters “ o”（o格式指定器De-de Culture 2008-10-31T17：04：32.0000000），一切都很好。

此外，首先尝试time，而不是limeseries作为x刻度类型。类型limeseries在非均等数据上表现出奇怪的行为。

我的linechartoptions：

public static LineChartOptions CreateLineChartOptions()
    {
        return new LineChartOptions()
        {
            Scales = new ChartScales()
            {
                X = new ChartAxis()
                {
                    Type = "time",
                    Time = new ChartAxisTime()
                    {
                        Unit = "minute",
                        MinUnit = "minute"
                    }
                }
            }
        };
    }

我的标签像您一样错误地格式化；我仍在努力。

我的剃须刀调用：

<LineChart @ref="lineChart" TItem="double" Options="@LineChartOptions" />

最少的示例，您甚至可以留下ChartAxistime（）对象。它应该在没有它的情况下运行。

我的最小结果：