我有一个简单的数据结构,可将其插入Kendo UI Barchart,并通过Kendo UI jQuery中的公共分组字段来堆叠关联的行。
Barchart会按预期显示,但是我无法实现的唯一自定义是显示“堆叠”类别标签,该标签显示以下示例中元素分为“民主派”和“共和党”的内容。
示例代码:
function createChart() {
$("#stackie").kendoChart({
seriesDefaults: {
type: "bar",
stack: {
type: true
},
labels: {
visible: true,
background: "transparent",
position: "center",
template: "${series.name} ${value}"
}
},
series: [
{"stack": "Democrat", name: "New York", data: [854]},
{"stack": "Democrat",name: "Boston", data: [190]},
{"stack": "Republican",name: "Texas", data: [190]},
{"stack": "Democrat",name: "Philadelphia", data: [390]},
{"stack": "Democrat",name: "Atlanta", data: [390]},
{"stack": "Republican",name: "Florida", data: [390]},
{"stack": "Republican",name: "Alabama", data: [390]},
{"stack": "Republican",name: "Detroit", data: [390]}
],
valueAxis: {
labels: {
template: "#= kendo.format('{0:N0}', value) #"
},
line: {
visible: false
}
},
categoryAxis: {
field: "stack",
visible: true
},
legend: {
position: "none"
}
});
}
我为“ categoryaxis”设置的任何选项似乎都被忽略了,最终我得到了一个堆积的条形图,没有类别分组标签,如下所示:
似乎没有一种简单/直观的方法来获取底层的“堆叠”数据。我也想显示每个“堆栈”的汇总总数。
有什么想法吗?谢谢