javascript - 如何为 Google Charts 的 TermCloud 图表提供自定义颜色？

Question

我正在使用术语云图表，但无法更改默认使用的颜色。

目前，它使用一些蓝色和黑色色调。

试图通过提供以下选项来更改颜色的代码示例

var options = {        
    title: '',
    width:200,  height:200,
    color : 'red'               
};

有什么办法可以改变条款的颜色吗？

Answer 1

尝试使用background-color而不是color，如果您已经将另一种颜色应用于同一个变量，那么它将不起作用。

PS 使用分号，而不是逗号。

Answer 2

TermCloud visapi-gadget 包括http://visapi-gadgets.googlecode.com/svn/trunk/termcloud/tc.css上的自定义 css

.term-cloud {font-family: arial; font-size: 10px; }
.term-cloud-1 {font-size: 10px; color: #acc1f3; }
.term-cloud-2 {font-size: 14px; color: #86a0dc; }
.term-cloud-3 {font-size: 18px; color: #607ec5; }
.term-cloud-4 {font-size: 22px; color: #264ca2; }
.term-cloud-5 {font-size: 26px; color: #133b97; }
.term-cloud-6 {font-size: 32px; color: #002a8b; }
.term-cloud-7 {font-size: 36px; color: #071a41; }
.term-cloud-8 {font-size: 40px; color: #081122; }
.term-cloud-9 {font-size: 44px; color: #000000; }
.term-cloud-error {font-family: arial; font-size: 10px; color: red; }
.term-cloud-link {text-decoration: none; }
.term-cloud-link:hover {text-decoration: underline;}

您可以用自己的 css 替换提供的 css，指定您喜欢的颜色。这是一个足够简单的块，您可以将其包含在<style>html 文件中的标签中。