Kendo jQuery Barchart上堆积列的categoryAxis标签

时间:2018-12-08 22:10:15

标签: kendo-ui bar-chart

我有一个简单的数据结构,可将其插入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”设置的任何选项似乎都被忽略了,最终我得到了一个堆积的条形图,没有类别分组标签,如下所示:

enter image description here 似乎没有一种简单/直观的方法来获取底层的“堆叠”数据。我也想显示每个“堆栈”的汇总总数。

有什么想法吗?谢谢

0 个答案:

没有答案