我正在创建一个堆积条形图,几乎每次,我图表上的条形都溢出了。
我不确定是什么原因造成的,我发现人们在 chrome 中对数据源进行排序时遇到问题,但这并不是 chrome 特有的。有时取决于我设置的默认排序,它会正确显示,但如果我更改排序,它会回到混乱状态。最重要的是,有时值会互换,但如果我检查了 datasource.data(),它仍然可以。
我尝试调用重绘,刷新图表,读取数据源,我有点迷路了
谢谢你的帮助!
$(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 #"
}
});
});