我可以在Google Visualizations气泡图背景中添加CSS3渐变吗?

时间:2015-02-20 15:08:02

标签: javascript css3 google-visualization

我正在使用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时,我会失去牵引力。

感谢阅读,我期待听到你的想法。

0 个答案:

没有答案