javascript - 剑道图表分组错误

标签 javascript kendo-ui kendo-asp.net-mvc kendo-chart

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

当我想在图表上绑定(bind)数据时,我正在对数据进行分组,我有 [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
    }
});

你有什么想法吗?

谢谢

datarecord

chart

最佳答案

请在此处查看最终条目: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

关于javascript - 剑道图表分组错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43370296/

相关文章:

javascript - 使用 jquery 将 "onClick"事件添加到动态 div

javascript - 是否可以通过浏览器打印 JavaScript 代码将卡片打印到 ZEBRA ZXP 系列 3 打印机?

javascript - 循环访问 Kendo JavaScript 模板中的 JSON 对象

javascript - Kendo UI Grid 在初始读取时未显示微调器/加载图标

javascript - $(document).ready(function () $未定义

kendo-ui - Kendo Grid Mvc - 无法在 View 页面上显示自定义错误消息

javascript - 关于如何刷新此验证码类型有什么想法吗?

javascript - 如何使用 javascript 将下表转换为 JSON?

javascript - KendoUI - ListView - 如何在编辑模板中运行时显示动态控件

asp.net-mvc - 如何在kendo ui网格中选择关键行