kendo-ui - データソースがチャート上にある kendoChart

Question

積み上げ棒グラフを作成していますが、ほとんどの場合、グラフの棒があふれています。

何が原因なのかはわかりませんが、Chrome でデータ ソースの並べ替えに問題があることがわかりましたが、これは Chrome に固有のものではありません。設定したデフォルトの並べ替えによっては、正しく表示されることがありますが、並べ替えを変更すると、めちゃくちゃに戻ります。その上、値が入れ替わることもありますが、datasource.data() を確認すれば問題ありません。

再描画、チャートの更新、データソースの読み取りを呼び出してみましたが、ここで少し迷っています

助けてくれてありがとう！

http://jsfiddle.net/2mMMC/

$(document).ready(function () {
var data = {
    data: [{"name":"R-24","series":"Moving","Idle":0,"Moving":1396,"Stopped":0,"count":"0.39"},
           {"name":"R-25","series":"Moving","Idle":0,"Moving":6795,"Stopped":0,"count":"1.89"},
           {"name":"P-24","series":"Moving","Idle":0,"Moving":2622,"Stopped":0,"count":"0.73"},
           {"name":"RF-24","series":"Stopped","Idle":0,"Moving":0,"Stopped":796,"count":"0.22"},
           {"name":"RF-25","series":"Stopped","Idle":0,"Moving":0,"Stopped":27024,"count":"7.51"},
           {"name":"P-24","series":"Stopped","Idle":0,"Moving":0,"Stopped":26430,"count":"7.34"}
          ],
    group: [{
        field: 'series'
    }],
    sort: [{
        field: "series",
        dir: "asc"
    }]
};
$("#chart").kendoChart({
    dataSource: data,
    series: [{
        field: 'count',
        stack: true,
        type: 'bar'
    }],
    categoryAxis: [{
        field: 'name'
    }],
    tooltip: {
        visible: true,
        format: "{0}%",
        template: "#= series.name #: #= value #"
    }
});

});