我正在使用Google Visualizations API创建一个气泡图表,并且看起来很漂亮,我很满意。使用API参考文档,我对图表的外观进行了一些自定义更改
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时,我会失去牵引力。
感谢阅读,我期待听到你的想法。