Kendo ui 从JSON Kendo UI数据生成多个图表,即
我有一个JSON结果,它返回我想要显示的数据,但问题是所有数据都显示在一个图表上。我想迭代JSON并为每个项目生成一个图表(JSON对象按问题分组) 这是JSON结构:Kendo ui 从JSON Kendo UI数据生成多个图表,即,kendo-ui,kendo-dataviz,Kendo Ui,Kendo Dataviz,我有一个JSON结果,它返回我想要显示的数据,但问题是所有数据都显示在一个图表上。我想迭代JSON并为每个项目生成一个图表(JSON对象按问题分组) 这是JSON结构: [{"Question":"At which location is your work based?","OptionTitles": ["opt1","opt2"],"OptionCounts":[2,2]}, {"Question":"In which business unit do you work?","Optio
[{"Question":"At which location is your work based?","OptionTitles": ["opt1","opt2"],"OptionCounts":[2,2]},
{"Question":"In which business unit do you work?","OptionTitles":["opt1","opt2","opt3","opt4"],"OptionCounts":[1,1,1,1]}]
所以对于每个问题对象,我想显示一个单独的剑道图,你知道我如何做到这一点吗
图表代码:
$("#chartBar").kendoChart({
theme: "metro",
dataSource: {
transport: {
read: {
url: '/urlToData',
dataType: 'json'
}
}
},
seriesDefaults: {
type:"bar"
},
series: [{ name: "OptionTitles[0]", field: "OptionCounts[0]" }],
categoryAxis: {
field: "OptionTitles[0]"
},
tooltip: { visible: true },
});
非常感谢我需要遍历json,为每个图表创建一个新对象以绑定到在页面上创建多个图表的最简单方法是使用MVVM的绑定,但遗憾的是Kendoui小部件不支持它。