kendo图表分组错误

Question

我有包含动态数据分组的条形图。我从数据库中获取数据没有问题我把我的数据截图放在下面

当我想在图表上绑定数据时，我正在对数据进行分组我有 [1 月、2 月、4 月] 的数据但是图表只在 x 轴上显示四月？？？分组错误，数据放错地方

这是我的js代码

var stocksDataSource = new kendo.data.DataSource({
    data: myDearData,

    group: {
        field: "MshStok"
    },

    sort: {
        field: "TotalPurchase",
        dir: "desc"
    }
});
$("#yearly-stock-prices").kendoChart({
    dataSource: stocksDataSource,
    theme: "flat",
    autoBind: false,

    seriesDefaults: {
        type: "area",
        overlay: {
            gradient: "none"
        },
        markers: {
            visible: false
        },
        majorTickSize: 0,
        opacity: .8
    },

    series: [{
        field: "TotalPurchase"
    }],


    valueAxis: {
        line: {
            visible: true
        },

        labels: {
            template: "#= ChangeFormatMoney(value) #",
            skip: 2,
            step: 2,
            color: "#727f8e"
        }
    },

    categoryAxis: {
        field: "Months",

        labels: {
            format: "MMM",
            color: "#727f8e"
        },

        line: {
            visible: true
        },

        majorTicks: {
            visible: false
        },

        majorGridLines: {
            visible: false
        }
    },

    tooltip: {
        visible: true,
        template: "#= series.name # - #= ChangeFormatMoney(value) #"
    },

    legend: {
        visible: true
    }
});

你有什么想法吗？

谢谢

Answer 1

在此处查看最终条目：http://www.telerik.com/forums/strange-behaviour-in-category-assignment-grouping-for-charts-bug

尝试在系列对象 (series.categoryAxis) 而不是 categoryAxis (categoryAcis.field) 中定义类别字段：

series: [{
    field: "TotalPurchase",
    categoryField: "Months"
}],

DEMO

kendo图表分组错误

kendo chart grouping error

javascript

kendo-ui

kendo-asp.net-mvc

kendo-chart