如何解决Google对Barchart的反应图表计数彼此崩溃
chartEvents = {
[{
eventName: "ready",callback: ({
chartWrapper,google
}) => {
if (this.props.showCountForStudentReport) {
google.charts.setOnLoadCallback(drawChart);
}
function drawChart() {
var data = google.visualization.arrayToDataTable(dataToRender);
var view = new google.visualization.DataView(data);
view.setColumns([0,1,{
calc: function(dt,row) {
if (dt.getValue(row,1) !== 0) {
return dt.getValue(row,1);
} else {
return null;
}
},type: "number",role: "annotation"
},2,2) !== 0) {
return dt.getValue(row,2);
} else {
return null;
}
},3,3) !== 0) {
return dt.getValue(row,3);
} else {
return null;
}
},4,4) !== 0) {
return dt.getValue(row,4);
} else {
return null;
}
},5,5) !== 0) {
return dt.getValue(row,5);
} else {
return null;
}
},row) {
return 0;
},// label: "Total",},row) {
let first = dt.getValue(row,1),second = dt.getValue(row,2),third = dt.getValue(row,3),fourth = dt.getValue(row,4),fifth = dt.getValue(row,5);
if (dt.getValue(row,1) === 0) {
first = null;
}
if (dt.getValue(row,2) === 0) {
second = null;
}
if (dt.getValue(row,3) === 0) {
third = null;
}
if (dt.getValue(row,4) === 0) {
fourth = null;
}
if (dt.getValue(row,5) === 0) {
fifth = null;
}
return first + second + third + fourth + fifth;
},role: "annotation"
}
]);
var chart = new google.visualization.BarChart(document.getElementById("myIdForBarChart"));
chart.draw(view,optionsForBarChart);
}
}
}]
}
我有多个学生入学计数,日期取决于他们的州,不同颜色的图例代表一个学生相对于州的计数,但是当计数较少时,与xAxis计数相比就会相互冲突。 (显示在日期为2020-09-04的图像中)
在callBack中,我使用了view.setColumns方法来显示计数。
如何解决此问题?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。