どのようにGoogleのチャートAPIの背景色を変更するために、私が間違っ

を何をやっているここですが、私は他のすべて作品を知っている...限り、チャートの背景色が行くそれと間違って何、どのようにGoogleのチャートAPIの背景色を変更するために、私が間違っ

私のコードですが、私背景色を変えることはできません。私は文書を見ていて、私は同じ結論に至り続けます...何もありません。

自体は、指定された変数の全てを取得し、グラフを構築し、** HTMLの背景を変更しますが、

<html> 
    <head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <?php echo "<style> body, div {background-color: #".$_GET['color']."} </style>"?> 
    <script type="text/javascript"> 
     google.charts.load('current', {'packages':['bar']}); 
     google.charts.setOnLoadCallback(drawStuff); 


     var goal = <?php echo $_GET['goal']; ?>; 
     var complete = <?php echo $_GET['complete']; ?>; 
     var dmr = <?php echo $_GET['dmr']; ?>; 
     var wysb = <?php echo $_GET['wysb']; ?>; 
     function drawStuff() { 

     var data = new google.visualization.arrayToDataTable([ 
      ['Type', 'Quantity:'], 
      ["Goal", goal], 
      ["Complete", complete], 
      ["DMR", dmr], 
      ["W.Y.S.B.", wysb], 
     ]); 

     var options = { 
      title: 'Productivity Monitor', 
      width: 900, 
      legend: { position: 'none' }, 
      chart: { title: 'Productivity Monitor', 
        subtitle: 'Comparative Chart with color indicator background' }, 
      bars: 'horizontal', // Required for Material Bar Charts. 
      backgroundColor :{fill : '<?php echo "#".$_GET["color"]; ?>' }, 
      axes: { 
      x: { 
       0: { side: 'top', label: 'Percentage'} // Top x-axis. 
      } 
      }, 
      bar: { groupWidth: "90%" } 
     }; 

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

出典

2016-08-01 Nick Quattrociocchi

'fill： '<？php echo"＃ "を変更すると、$ _ GET [" color "]; ？> ''ハードコーディングされた色で、それは変更されますか？ –

使用このチャートの背景色の変更を受信に失敗コード：

chart.draw(data, google.charts.Bar.convertOptions(options));

これに代えて

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

chart.draw(data, options);

：

マテリアルチャートはベータ版です。外観とインタラクティブ性はほとんどですが、Classic Chartsで利用できるオプションの多くはまだです。この問題ではまだサポートされていないのオプションのリストが見つかります。

あなたはこのライン置き換えることによって、あなたのオプションを変換する必要がありますので、また、オプションが宣言されている方法は、確定されていません。

chart.draw（データ、オプション）。これで

...：

chart.draw（データ、google.charts.Bar.convertOptions（オプション））;

出典

2016-08-01 21:12:25 smarx

どのようにGoogleのチャートAPIの背景色を変更するために、私が間違っ

答えて

関連する問題