2013-05-29 98 views
0

我坚持了与谷歌路线图下方是图像这解释了我需要的颜色来改变enter image description here谷歌折线图的背景色填充为每个图像

我使用下面的代码。

<script type="text/javascript"> 
    google.setOnLoadCallback(drawDiscreteChart); 




    function drawDiscreteChart() { 
         // Create and populate the data table. 
         var data = new google.visualization.DataTable(); 
         data.addColumn('string', 'Date'); 
         data.addColumn('number', 'R$'); 
         data.addRows([ 
          ['Apr/13', 13000000], 
          ['May/13', 12934520.8], 
          ['Jun/13', 12869121.47], 
          ['Jul/13', 12803801.59] 
         ]); 

         var options = { 
          title: '', 
          legend: {position: 'none'}, 
          backgroundColor: '#1C1C1C', 
          vAxis: {title: '', minValue: 0, maxValue: 25, gridlines: {color: '212121'},textStyle:{color: 'fff',fontSize:10}}, 
          hAxis:{textStyle:{color: 'fff',fontSize:10},slantedTextAngle:90}, 
          bubble: {textStyle: {fontSize: 13}}, 
          series: {0:{color:'ffffff',lineWidth:1}}, 
          sizeAxis: {minValue: 11, maxSize: 11, maxValue: 11, minSize: 11}, 
         }; 

         // Create and draw the visualization. 
         var chart = new google.visualization.AreaChart(document.getElementById('discrete_chart')); 
         chart.draw(data, options); 
         } 

          </script> 

任何人可以帮助我在这..

回答

0

之后的R 2天& DI得到了该

<script type="text/javascript"> 
        google.setOnLoadCallback(drawDiscreteChart); 

        function drawDiscreteChart() { 
        // Create and populate the data table. 
        var data = new google.visualization.DataTable(); 
        data.addColumn('string', 'Date'); 
        data.addColumn('number', 'R$'); 
        data.addRows([ 
         ['Apr/13', 13000000], 
         ['May/13', 12934520.8], 
         ['Jun/13', 12869121.47], 
         ['Jul/13', 12803801.59] 
        ]); 

        var options = { 
         title: '', 
         legend: {position: 'none'}, 
         backgroundColor: '#1C1C1C', 
         vAxis: {title: '', minValue: 0, maxValue: 25, gridlines: {color: '212121'},textStyle:{color: 'fff',fontSize:10}}, 
         hAxis:{textStyle:{color: 'fff',fontSize:10},slantedTextAngle:90}, 
         bubble: {textStyle: {fontSize: 13}}, 
         series: {0:{color:'green',lineWidth:1}}, 
         sizeAxis: {minValue: 11, maxSize: 11, maxValue: 11, minSize: 11}, 
        }; 

        // Create and draw the visualization. 
        var chart = new google.visualization.AreaChart(document.getElementById('discrete_chart')); 
        chart.draw(data, options); 
        } 

         </script> 

在码系列解决方案:{0:{颜色:绿色',lineWidth:1}},你需要指定你的颜色...