如何通过Model绑定剑道堆积条形图答案

【问题标题】：How to bind Kendo stacked bar chart through Model如何通过Model绑定剑道堆积条形图
【发布时间】：2015-07-22 05:03:28
【问题描述】：

我正在尝试通过 MVC 模型绑定堆叠的剑道条形图，但出现错误“无法将 lambda 表达式转换为类型 'double'，因为它不是委托类型”。

@(Html.Kendo().Chart(Model)
    .Name("chart3")
    .Title(title => title
        .Text("Comments per day")
        .Align(ChartTextAlignment.Left)
    )
    .Legend(legend => legend
        .Visible(false)
    )
    .Series(series =>
    {
        series.Column(new  double[]{model => model.PerIdlingHours}
        )
        .Labels(labels => labels.Background("transparent").Visible(true));
    })
    .CategoryAxis(axis => axis
        .Categories(model => model.DataDate)
        .MajorGridLines(lines => lines.Visible(false))
        .Line(line => line.Visible(false))
    )
    .ValueAxis(axis => axis.Numeric()
        .Max(28)
        .MajorGridLines(lines => lines.Visible(false))
        .Visible(false)
    )
)

【问题讨论】：

谁能帮帮我
'model.PerIdlingHours' 是什么类型
model.PerIdlingHours 是 double 类型。
其实我想这样写，series.Bar(new double[] { 40, 32, 34, 36, 45, 33, 34, 83, 36, 37, 44, 37, 35, 36, 46 })

标签： asp.net asp.net-mvc-4 kendo-ui kendo-asp.net-mvc

【解决方案1】：

这就是我们如何创建剑道条形图

@model IEnumerable< Hitec.Blackbox.Models.AllMachinesUtilization>
<div class="chart-wrapper">
@(Html.Kendo().Chart(Model)
    .Name("DailyChart")
        .HtmlAttributes(new { style = "width:auto;height:200px" })
    .Title(title => title
        .Text("Daily Utilization Chart")
        .Align(ChartTextAlignment.Left)
    )
    .Legend(legend => legend
        .Visible(true)
        .Position(ChartLegendPosition.Bottom)  
    )
    .SeriesDefaults(seriesDefaults =>
        seriesDefaults.Column().Stack(ChartStackType.Stack100))
    .Series(series =>
    {
        series.Column(model => model.IdlingHours).Color("#b8b8b8");
        series.Column(model => model.StopHours).Color("#bb6e36");
        series.Column(model => model.EngineWorkingHours).Color("#f3ac32"); 
  })
            .CategoryAxis(axis => axis
                .Categories(model => model.DataDate)
                .MajorGridLines(lines => lines.Visible(false))
                .Line(line => line.Visible(false))
            )
                    .ValueAxis(axis => axis.Numeric()
                       // .Max(100)
                       .Visible(false)
                            .Line(line => line.Visible(false))
                        .MajorGridLines(lines => lines.Visible(true))
                        .Visible(false)
                    )
       .Tooltip(tooltip => tooltip
            .Visible(true)
            .Template("#= series.name #:<br/> #= value #")
                ))
            </div>

【讨论】：