Question

我想在Value轴上显示TimeSpan值。 Chart对于数字工作正常但是如果我改为TimeSpan则没有显示。我检查了数据，没关系。如果不支持TimeSpan，有一种方法可以将int值中的分钟格式化为Time（即，6h 34 min“）

这是我的图表：

@(Html.Kendo().Chart<MachineWorkTimeChartViewModel>()
    .Name("chartMachineWorkTime")
     .DataSource(ds => ds.Read(read => read.Action("MachineWorkTimeChart_Read", "Charts")
    .ChartArea(chartArea => chartArea
        .Background("transparent")
    )
    .Series(series =>
    {
        series.Bar(e => e.WorkTimeSpan).Name("Time of work");
    })
    .CategoryAxis(axis => axis
        .Name("label-axis")
         .Categories(e => e.MachineName)
          .Line(line => line.Visible(false))
    )

）

这是我的ViewModel：

    public class MachineWorkTimeChartViewModel
{
    public int WorkMinutes { get; set; }

    public string MachineName { get; set; }

    public TimeSpan WorkTimeSpan => TimeSpan.FromMinutes(WorkMinutes);
}

Answer 1

基于你的回答ezanker和来自jgritty link的修改过的js函数我让它工作（我不想使用外部js库）。

以下是完整示例：

f_small_1(), f_small_2(), ... f_small_10()

在剑道图表中显示值轴上的TimeSpan

1 个答案: