更改静态谷歌图表[条形图]背景颜色

时间:2012-12-14 11:44:17

标签: google-visualization

我需要更改条形图的Google静态图表的背景颜色。有人有任何解决方案? 现在颜色是白色[#ffffff]

https://chart.googleapis.com/chart?cht=bhs&chd=t:60,40&chs=250x100&chl=Hello|World

2 个答案:

答案 0 :(得分:1)

您正在寻找像

这样的参数
chf=bg,s,ff0000

enter image description here

https://chart.googleapis.com/chart?cht=bhs&chd=t:60,40&chs=250x100&chl=Hello|World&bg=FF0000&chf=bg,s,ff0000

答案 1 :(得分:0)

虽然您已将此标记为CSS / HTML问题,但在阅读了Google上的文档后,javascript可能更适合实现此功能。在您的JavaScript代码中,请包含以下内容:

    var options = {

      //The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00', or an object with the following properties.
      backgroundColor: 'black',

      //The color of the chart border, as an HTML color string
      backgroundColor.stroke: 'blue'

     //The chart fill color, as an HTML color string
      backgroundColor.fill: 'yellow'
    };

删除任何不必要的东西。我添加了一些额外的自定义选项。

来源:Google chart tool documentation。那里有更多自定义选项。