谷歌嵌入api设置图表背景颜色

时间:2015-05-15 12:49:07

标签: charts google-api google-visualization

我正在尝试编辑我的图表的背景颜色但是它不起作用我只能编辑完整的东西而不是图表区域的背景颜色,我的代码在下面

var sessions = {
        query: {
            dimensions: 'ga:date',
            metrics: 'ga:sessions'
        },
        chart: {
            type: 'LINE',
            options: {
                width: '100%',
                title: 'Sessions',
                titleTextStyle: {
                    color: '#0f55c4',
                    fontSize: '16',
                    bold: true
                }
            }
        }
    };

我尝试过以下所有组合都没有效果;

backgroundColor: 'red', (changed background colour not chart colour)

chartArea: {
        backgroundColor:'red'
    } (again background colour only)

chartArea: {
    backgroundColor: {
        fill: 'red'
    }
} (again background colour only)

chartArea: {
    fill: 'red'
} (doesn't work)

不确定我还能尝试什么我已经尝试了我在文档中找到的所有内容和几个网站没有接缝工作它只是进入整个背景而不仅仅是图表区域,任何帮助都非常感谢。

感谢。

1 个答案:

答案 0 :(得分:1)

根据documentation,您可以更改chartArea的背景颜色和背景颜色。

我可以使用以下选项更改这两种颜色:

    var options = {
    backgroundColor: '#ccc',
    chartArea: {
        backgroundColor:'#e5e5e5'
    }
};

Fiddle

可悲的是,我不熟悉你安排选择的方式等等,但我猜你应该把这个选项放在

 options: {
                width: '100%',
.....
                chartArea: {
                     backgroundColor:'#e5e5e5'
                }
.......
};

我希望这会帮助你!