web-dev-qa-db-ja.com

Google BarChartはバーの幅を設定しますか？

GoogleのJavaScript可視化ライブラリを使用してBarChartを生成しています。グラフの棒を現在よりも広くしたいのですが、各データセットの棒の幅を構成する方法を示すドキュメントには何も見つかりません。

何か助けはありますか？

google-visualizationbar-chart
18
Kenny Wyland

これと同じ質問があったので、私は後世に投稿すると思いました。 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);
19
Josh Rumbut

以下のフォーマットを試してみてください。グラフがきちんと見え、修正されていませんが、これで問題が解決しました。

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
0
Manohar Reddy Poreddy