Kendo ui kendoChart与数据源一起查看图表

Kendo ui kendoChart与数据源一起查看图表,kendo-ui,kendo-dataviz,Kendo Ui,Kendo Dataviz,我正在创建一个堆叠条形图,几乎每次,我的图表上的条形图都会溢出 我不确定这是什么原因造成的,我发现人们在chrome中对数据源进行排序时有问题,但这不是chrome特有的。有时,根据我设置的默认排序,它会正确显示,但如果我更改了排序,它会返回到混乱状态。除此之外,有时值会互换,但如果我检查datasource.data,它仍然可以 我试着调用redraw,刷新图表,阅读数据源,我在这里有点迷茫 谢谢你的帮助 }) 我发现我的字符串值导致图表溢出。但是当我为同一个问题排序时,我的值仍然与其他行交换

我正在创建一个堆叠条形图,几乎每次,我的图表上的条形图都会溢出

我不确定这是什么原因造成的,我发现人们在chrome中对数据源进行排序时有问题,但这不是chrome特有的。有时,根据我设置的默认排序,它会正确显示,但如果我更改了排序,它会返回到混乱状态。除此之外,有时值会互换,但如果我检查datasource.data,它仍然可以

我试着调用redraw,刷新图表,阅读数据源,我在这里有点迷茫

谢谢你的帮助


})

我发现我的字符串值导致图表溢出。但是当我为同一个问题排序时,我的值仍然与其他行交换——我的堆叠列的字段是字符串。我通过使用parseFloat将值转换为浮点来修复它。奇怪的是,问题只发生在使用叠层柱时。图形未堆叠时渲染得很好。
$(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 #"
    }
});