1

Google チャートの作成で問題に直面しています。2 つの通常の棒グラフと、2 つの変数に基づく積み上げ棒グラフを 1 つのグラフに表示したいと考えています。これまでの私のコードの下：

  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);

  function drawChart() {

    var data = google.visualization.arrayToDataTable([

      ['H axis',        'Name 1',                   'Name 2',                       'Name 3',           'Name 4'],

      ['Label',         <?php echo $var1; ?>,       <?php echo $var2; ?>,       <?php echo $var3; ?>,       <?php echo $var4; ?>]

    ]);

    var options = {

      chartArea:{left:100,top:50,width:"70%",height:"70%"},
      title: 'Title',
      isStacked: false,
      series: { 0: {type: "bars", isStacked: false},
                1: {type: "bars", isStacked: false},
                2: {type: "steppedArea", isStacked: true},
                3: {type: "steppedArea", isStacked: true}},
      hAxis: {title: 'Title', titleTextStyle: {color: 'red'}},
      vAxis: {title: 'Title', titleTextStyle: {color: 'red'}}

    };

    var chart = new google.visualization.ColumnChart(document.getElementById('chart1'));

    chart.draw(data, options);

  }

Google ページを利用してコンボ チャートを作成してみました。Googleで検索しても関連する結果が得られなかったので、ここの専門家が助けてくれるかどうか疑問に思っていました.

これは私の最初の投稿なので、これが正しく行われていることを願っています。

前もって感謝します！

4

1 に答える 1

2

積み重ねられたバーを使用して「偽造」できるはずですが、1 つのバーに複数の値を提供するだけです。したがって、データ変数は次のようになります。

var data = google.visualization.arrayToDataTable([
    ['Label', 'Value 1', 'Value 2', 'Value 3'],
    ['Value 1', 25, 0, 0],
    ['Value 2', 0, 15, 10]
]);

グラフをどのように表示するかに応じて、他のいくつかの表示オプションを変更する必要がありますが、上記では、最初の棒が値 25 の単一の棒になり、2 番目の棒が 2 つの値を持つ積み上げ棒になります。 .

もちろん、設定も必要isStacked: trueです。

于 2014-04-23T17:34:23.907 に答える