Charts 谷歌折线图背景颜色根据图像填充

Charts 谷歌折线图背景颜色根据图像填充,charts,google-visualization,Charts,Google Visualization,下面的谷歌折线图解释了我需要改变的颜色 我正在使用以下代码 <script type="text/javascript"> google.setOnLoadCallback(drawDiscreteChart); function drawDiscreteChart() { // Create and populate the data table. var data

下面的谷歌折线图解释了我需要改变的颜色

我正在使用以下代码

<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>

setOnLoadCallback(DrawTechArt);
函数drawTechArt(){
//创建并填充数据表。
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]
]);
变量选项={
标题:“”,
图例:{位置:'无'},
背景颜色:“#1c1c”,
变量:{title:'',minValue:0,maxValue:25,网格线:{color:'212121'},textStyle:{color:'fff',fontSize:10},
hAxis:{textStyle:{color:'fff',fontSize:10},slidedtextangle:90},
气泡:{textStyle:{fontSize:13}},
系列:{0:{color:'ffffff',线宽:1}},
sizeAxis:{minValue:11,maxSize:11,maxValue:11,minSize:11},
};
//创建并绘制可视化。
var chart=new google.visualization.AreaChart(document.getElementById('discrete_chart');
图表绘制(数据、选项);
}

有人能帮我吗?

经过两天的研发,我找到了解决方案

<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>

setOnLoadCallback(DrawTechArt);
函数drawTechArt(){
//创建并填充数据表。
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]
]);
变量选项={
标题:“”,
图例:{位置:'无'},
背景颜色:“#1c1c”,
变量:{title:'',minValue:0,maxValue:25,网格线:{color:'212121'},textStyle:{color:'fff',fontSize:10},
hAxis:{textStyle:{color:'fff',fontSize:10},slidedtextangle:90},
气泡:{textStyle:{fontSize:13}},
系列:{0:{颜色:'green',线宽:1}},
sizeAxis:{minValue:11,maxSize:11,maxValue:11,minSize:11},
};
//创建并绘制可视化。
var chart=new google.visualization.AreaChart(document.getElementById('discrete_chart');
图表绘制(数据、选项);
}
在代码系列:{0:{color:'green',lineWidth:1}}中,您需要指定您的颜色