谷歌BarChart设置宽度的条形码？

Question

我正在使用Google的javascript可视化库生成一个BarChart。我想使图表中的条形图比现在更宽，但我在文档中找不到任何显示如何配置每个数据集条形宽度的内容。

任何帮助？

Answer 1

如果有同样的问题，我认为我会为后代发帖。 bar.groupWidth似乎是设置它的方式。

https://developers.google.com/chart/interactive/docs/gallery/barchart

例如：

 var options = {
        title: "Density of Precious Metals, in g/cm^3",
        width: 600,
        height: 400,
        bar: {groupWidth: "95%"},
        legend: { position: "none" },
      };
 var chart = new google.visualization.BarChart(document.getElementById("barchart_values"));
 chart.draw(view, options);

Answer 2

尝试以下格式，这样图形就可以看起来不错，它不是固定的，但这解决了我们的问题。

options: {
  titlePosition: "none",
  bar: { groupWidth: "50%" }
  // ...
}

data.push([" ", "t1","t2","t3","t4"]); // headings
data.push([" ", 0, 0, 0, 0]); // dummy bar so graph will display good
// push you actual data here
data.push([" ", 0, 0, 0, 0]); // dummy bar so graph will display good