Google图表ColumnChart-列宽因数据而异

问题描述

我正在使用Google图表生成ColumnChart,但是当值太近时,条形的粗细会发生变化。

例如,在下面的图片中:

  1. 值相似,条形真的很粗
  2. 值略有不同,条形和较细

当值之间的差异足够大时,条形实际上很细(几个像素):

Google chart problem

如何在条形厚度方面保持一致的显示

这是我的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);
}
@H_404_20@

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)
@H_404_20@

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)