0

我想使用 Kendo Data Viz 和下面的数据创建一个条形图

     Service Center      Trouble Found      Total Trouble Found
     Al Badia            dark screen        6
     Al Badia            no/small sound     6
     Al Badia            Others             2
     Al Ain              dark screen        2

我想在两个栏中显示上述数据

对于 Al Badia(将有一个条形图,每个找到的问题会显示 3 种颜色@特定服务中心,当悬停在每个问题上时,它将显示该服务中心的全部问题,就像 Al Ain 一样,只有一个条形图,因为有只是为此找到的一个麻烦。

我可以使用 kendo mvc 包装器来实现这一点吗?我们应该如何创建 POCO 来实现这一目标?

4

1 回答 1

2

您应该按服务中心对它们进行分组,以便您的对象是这样的

[{ServiceCenter: Al Bandia,
 DarkScreen: 6,
 SmallSround: 6,
 Other: 2
 },
 {ServiceCenter: Al Ain,
 DarkScreen: 2,
 SmallSround: 0,
 Other: 0
 }]

然后你可以用这样的堆积柱构建一个剑道图表(我在我的项目中使用 ViewModels)

@(Html.Kendo().Chart<Project.ViewModels.ServiceCenterViewModel>()
 .Name("ChartName")
 .Series(series =>
 {
     series.Bar(s => s.DarkScreen);
     series.Bar(s => s.SmallSound);
     series.Bar(s => s.Other);
 })
 .SeriesDefaults(sd => sd.Bar().Stack(true))
 .CategoryAxis(axis => axis.Categories(c => c.ServiceCenter))
 .Tooltip(t => t.Template("Center: #= data.category # <br> Total: #= dataItem.DarkScreen + dataItem.SmallSound + dataItem.Other #"))
)
于 2013-12-26T15:22:38.987 回答