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

时间:2016-08-11 09:36:32

标签: asp.net-mvc kendo-ui kendo-asp.net-mvc

我想在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);
}

1 个答案:

答案 0 :(得分:0)

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

以下是完整示例:

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