0

私のアプリケーションでは色が変わりません。縦棒グラフを作成する必要がありますが、x 軸の各ラベルの色が変わりません。

<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([
          ['Year', 'Sales'],
          ['2004',  1000],
          ['2005',  1170],
          ['2006',  660 ],
          ['2007',  1030]
        ]);

        var options = {
          colors:['#A2C180','#3D7930','#FFC6A5','#FFFF42','#DEF3BD','#00A5C6','#DEBDDE','#000000'],
          title: 'Company Performance',
          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>

または、指定されたコードに x 軸ラベルを追加または表示する方法を教えてください....

<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 = new google.visualization.DataTable();
    var raw_data = [
    ["January", parseFloat('120')],
    ["Februry", parseFloat('150')],
    ["March", parseFloat('50')],
    ["April", parseFloat('90')],
    ["May", parseFloat('100')],
    ["June", parseFloat('130')]
    ];
  var years = [' '];

    data.addColumn('string', 'sales');
    for (var i = 0; i  < raw_data.length; ++i) {
        data.addColumn('number', raw_data[i][0]);
    }

    data.addRows(years.length);

    for (var j = 0; j < years.length; ++j) {
        data.setValue(j, 0, years[j].toString());
    }
    for (var i = 0; i  < raw_data.length; ++i) {
        for (var j = 1; j  < raw_data[i].length; ++j) {
            data.setValue(j-1, i+1, raw_data[i][j]);
        }
    }
        var options = {
          colors:['#A2C180','#3D7930','#FFC6A5','#FFFF42','#DEF3BD','#00A5C6','#DEBDDE','#000000'],
          title: 'Company Performance',
          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

1 に答える 1

1

Google のグラフでは、データを個別のビットではなく、4 つの値を持つ 1 つの一連のデータと見なし、一連の各バーに色を適用することは実際には不可能です。

この質問/回答に見られるように、あなたが望むものをほぼ達成する方法はありますが、残念ながら、あなたが期待しているものを正確に与えるものはありません.

于 2012-07-12T13:08:55.790 に答える