kendo-ui - Kendo jQuery Barchart 上堆叠列的 categoryAxis 标签
问题描述
我有一个简单的数据结构,我将其推入 Kendo UI 条形图并通过 Kendo UI jQuery 中的一个公共分组字段堆叠相关行。
条形图按预期显示,但我无法实现的唯一自定义是显示“堆叠”类别标签,这些标签显示元素已分组到以下示例中的“民主党”和“共和党”。
示例代码:
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”设置的任何选项似乎都被忽略了,我最终得到一个没有类别分组标签的堆叠条形图,如下所示:
似乎没有一种简单/直观的方式来获取底层的“堆叠”数据。我还想显示每个“堆栈”的汇总总数。
有任何想法吗?谢谢
解决方案
推荐阅读
- javascript - 在socket.io编程中,所有客户端同时调用一个服务器
- javascript - 为什么 React 的状态机会更改不可变变量?
- c# - 为什么 Entity Framework Core 渴望加载未包含的相关实体
- reactjs - 是否总是在渲染之前调用 componentWillRecieveProps 还是以其他方式
- jquery - 如何手动向函数添加数据
- javascript - 我有一个对象数组和一个对象,我想循环一个对象,同时将对象值与数组中的值匹配
- javascript - 获得实际输出 JavaScript 后,我变得不确定
- java - 如何从随机二进制文件上传集合?
- spring-boot - 如何使用spring boot webSocket rabbitmq将数据从服务器推送到特定客户端
- google-apps-script - 如果一列的单元格等于某个值,则清除这些单元格在 appscript 中所属的行的内容