Question

我有条形图，用于分组动态数据。我从数据库中获取数据没有问题我将数据截图放在下面

当我想在图表上绑定数据我正在分组数据时，我有[1月，2月，4月]的数据但图表只显示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图表分组错误

1 个答案: