首页 > 解决方案 > 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”设置的任何选项似乎都被忽略了,我最终得到一个没有类别分组标签的堆叠条形图,如下所示:

在此处输入图像描述 似乎没有一种简单/直观的方式来获取底层的“堆叠”数据。我还想显示每个“堆栈”的汇总总数。

有任何想法吗?谢谢

标签: kendo-uibar-chart

解决方案


推荐阅读