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}}中,您需要指定您的颜色