Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以在Google Visualizations气泡图背景中添加CSS3渐变吗?_Javascript_Css_Google Visualization - Fatal编程技术网

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

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

我正在用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时,我就失去了吸引力


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

您找到解决方案了吗?