Столбчатая гистограмма Kendo UI с удаленными данными

Я пытаюсь связать диаграмму кендо с удаленными данными json.

У меня есть пример, который я создал.

Я не знаю, почему в этом примере диаграмма отображается неправильно, а порядок осей перепутан.

var data = [   
{"Name":1,"Year":2011,"Expense":200.00},
{"Name":1,"Year":2012,"Expense":274.91},
{"Name":1,"Year":2013,"Expense":0},
{"Name":1,"Year":2014,"Expense":0},

{"Name":5,"Year":2011,"Expense":100.00},
{"Name":5,"Year":2012,"Expense":315.84},
{"Name":5,"Year":2013,"Expense":0},
{"Name":5,"Year":2014,"Expense":0},

{"Name":6,"Year":2011,"Expense":100.00},
{"Name":6,"Year":2012,"Expense":0},
{"Name":6,"Year":2013,"Expense":200},
{"Name":6,"Year":2014,"Expense":50},    
];

$(document).ready(function() {
$("#chart").kendoChart({
    theme: "silver",
    title: {
        text: "Total records processed"
    },
    legend: {
        position: "bottom"
    },
    dataSource: {
        data: data,
        group: {
            field: "Name"
        }
    },
    transitions: false,
    series: [{
        type: "column",
        stack: "true",
        field: "Expense"
    }],
    categoryAxis: {
        field: "Year"                                
    },
            tooltip: {
      visible: true,
      template: "#= value #"
    }
});
});

http://jsfiddle.net/johnok/F2TQ8/92/


person dtksmsl    schedule 04.01.2016    source источник


Ответы (1)


Вы можете добавить sort свойство в источник данных. :

    dataSource: {
        data: data,
        group: {
            field: "Name"
        },
        sort: { field: "Year", dir: "asc" }
    },

Обновлен FIDDLE.

person ezanker    schedule 04.01.2016