【问题标题】:kendo chart grouping error剑道图表分组错误
【发布时间】:2017-04-12 13:00:24
【问题描述】:

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

当我想在图表上绑定数据时,我正在对数据进行分组,我在 [Jan,Feb,April] 有数据 但是图表只是在 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
    }
});

你对此有什么想法吗?

谢谢

【问题讨论】:

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


    【解决方案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

    【讨论】:

    • 感谢@ezanker 的回答解决了我的错误,如果我通常这样使用它是否适用于所有场景??
    • @saulyasar,我不知道所有场景,但应该对大多数人都有好处。
    • 嗨@ezanker 在同一张图表中我对月份顺序有疑问,因为它与股票名称分组如何在真实行中订购月份
    • 我的意思是如何像“Apr,May,Jun,Jul”这样订购你能帮忙吗?
    • @saulyasar 更新了代码笔:codepen.io/ezanker/pen/YVzWON。我添加了一个数字月份列并将其添加到数据源排序中。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-15
    相关资源
    最近更新 更多