4

私は自分のレコードの縦棒グラフを次のように表示しています。生成されている棒の間にスペースを入れたいのですが、助けてください。

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Date', '11-02-2013', '11-02-2013','11-02-2013','11-02-2013'],

          ['Weeks',  10,20,30,5],


        ]);

            var options = {
              title: 'Weekly Average Weight Loss Performance Chart For All Users',
              is3D: true,
              //isStacked: true,
               isHtml: false,
              // colors: ['d2ac2c', 'ff0000', '029748'],
               bar: { groupWidth: '10%' },
               legend:{position: 'bottom'},
               //chbh:'0,10,0',
              //hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
            };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

ここに画像の説明を入力

4

2 に答える 2

2

var options = { bar: { groupWidth: '100%' },

于 2015-12-16T13:28:45.500 に答える
1

縦棒グラフの通常の形式は、各シリーズに独自の縦棒があり、行ごとにグループ化されています。4 つのデータ ポイントがすべて同じ行にあるため、それらすべてが同じグループにまとめられます。データを変更すると、それぞれが別のグループになるため、分離されます。

var data = google.visualization.arrayToDataTable([
  ['Date', 'Data'],
  ['11-02-2013', 10],
  ['11-02-2013', 20],
  ['11-02-2013', 30],
  ['11-02-2013', 5]
]);

週ごとにグループ化して複数の人を表示したい場合は、次のようにします。

var data = google.visualization.arrayToDataTable([
  ['Date', 'Alan', 'Beatrice', 'Charlie', 'Diana'],
  ['11-02-2013', 10, 5, 15, 20],
  ['11-02-2013', 20, 1, 2, 3],
  ['11-02-2013', 30, 25, 20, 15],
  ['11-02-2013', 5, 7, 9, 11]
]);

これにより、データが週ごとにグループ化されます (つまり、4 人全員が 1 つのグループとして同じ週に表示されます)。週と週の間 (データの各「グループ」間) にギャップがあります。

于 2013-02-12T03:01:39.037 に答える