Javascript 我可以在Google Visualizations气泡图背景中添加CSS3渐变吗?
我正在用Google Visualizations API创建一个气泡图,并且有一个好看的图表,我很满意。使用API参考文档,我对图表的外观进行了一些自定义更改Javascript 我可以在Google Visualizations气泡图背景中添加CSS3渐变吗?,javascript,css,google-visualization,Javascript,Css,Google Visualization,我正在用Google Visualizations API创建一个气泡图,并且有一个好看的图表,我很满意。使用API参考文档,我对图表的外观进行了一些自定义更改 var options = { title: 'Cool Chart', hAxis: { title: 'System Score', baseline: 0, maxValue: 4, ticks: [2,4] }, vAxis: {
var options = {
title: 'Cool Chart',
hAxis: {
title: 'System Score',
baseline: 0,
maxValue: 4,
ticks: [2,4]
},
vAxis: {
title: 'Financial Score',
baseline: 0,
maxValue: 4,
ticks: [2,4]
},
bubble: {
textStyle: {fontSize: 11},
opacity: .6
},
series: {'High': {color: 'red'},
'Medium': {color: 'yellow'},
'Low': {color: 'green'}
},
sizeAxis: {
minValue: 3.5,
maxValue: 25,
},
chartArea: {
backgroundColor: '#123456'
}
chartArea.backgroundColor是我寻找指导的地方。我在这里添加了一个十六进制颜色,没问题。但我想用CSS3梯度来代替它,如下所示:
background: -moz-linear-gradient(45deg, #ff120a 0%, #f8fc02 47%, #4bd31d 100%);
(我知道这只是为了Mozilla…)
我已经浏览了API文档,看看是否有办法做到这一点——但我希望他们忽略了这一部分
有人知道这是否可行吗?如果可以,怎么做
我可以直接用CSS来完成它——但当我使用JavaScript时,我就失去了吸引力
感谢您的阅读,我期待着听到您的想法。您找到解决方案了吗?