如何解决Google图表ColumnChart-列宽因数据而异
我正在使用Google图表生成ColumnChart,但是当值太近时,条形的粗细会发生变化。
例如,在下面的图片中:
- 值相似,条形真的很粗
- 值略有不同,条形和较细
当值之间的差异足够大时,条形实际上很细(几个像素):
如何在条形厚度方面保持一致的显示?
这是我的JavaScript代码:
google.charts.load("current",{packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable(piece.getModesPourGraphique());
var options = {
title: 'Résonances Modales',legend: { position: 'none' },colors: ['orange'],bar: {groupWidth: 95},vAxis: {
textPosition: 'none',gridlines: {
color: 'transparent'
}
},hAxis: {
scaleType : 'log',}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data,options);
}
piece.getModesPourGraphique()是这样的数组:
Array(11)
0: (2) ["Fréquence","Type"]
1: (2) [163,3]
2: (2) [170,3]
3: (2) [171,3]
4: (2) [236,2]
5: (2) [236,2]
6: (2) [241,2]
7: (2) [291,1]
8: (2) [326,3]
9: (2) [341,3]
10: (2) [343,3]
length: 11
__proto__: Array(0)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。