Kendo ui 如何解决Chrome中不正确的分组条形图?
我正在创建一个分组条形图,如下所示:Kendo ui 如何解决Chrome中不正确的分组条形图?,kendo-ui,kendo-datasource,kendo-chart,Kendo Ui,Kendo Datasource,Kendo Chart,我正在创建一个分组条形图,如下所示: $("#chart").kendoChart({ dataSource: { data: rawdata, group: { field: "Serie" }, }, legend: { position: "top" }, plotArea: { background: "white", }, seriesDefaults: {
$("#chart").kendoChart({
dataSource: {
data: rawdata,
group: { field: "Serie" },
},
legend: {
position: "top"
},
plotArea: {
background: "white",
},
seriesDefaults: {
type: "column",
style: "smooth",
stack: true
},
series: [
{
field: 'Valor1',
labels: {
visible: true,
background: '',
format: 'p1',
color: 'white',
position: 'center'
},
}
],
valueAxis: {
max: 1,
labels: {
format: "p2"
},
line: {
visible: false
},
axisCrossingValue: -10,
},
categoryAxis: {
field: "Segmento",
majorGridLines: {
visible: false
}
},
tooltip: {
visible: true,
template: "#= series.name # <br /> " +
"Valor = #= kendo.format('{0:p2}', value) # <br/> " +
"Tooltip = #= dataItem.Tooltip # ",
}
});
在chrome中,堆栈栏的值不正确,但在firefox和ie中,堆栈栏的值没有问题
firefox和ie中的正确图形:
chrome中的图形不正确:
这是一个现场演示:
如何解决这个问题?这是Chrome实现的
数组的问题;看见
您可以通过对数据源进行显式排序来修复它:
dataSource: {
data: rawdata,
group: { field: "Serie" },
sort: [{ field: "Serie", dir: "asc"}, { field: "Segmento", dir: "asc"} ]
},
()你应该在问题中包括链接页面中的相关部分。否则,当链接内容消失时,此问题可能无效。
dataSource: {
data: rawdata,
group: { field: "Serie" },
sort: [{ field: "Serie", dir: "asc"}, { field: "Segmento", dir: "asc"} ]
},