javascript - 如何在谷歌图表选项(颜色)中使用js变量

Question

我正在构建一个 Google 图表，并在此选项代码中包含此内容:

options: {
            'colors': ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
         'chartArea':  {width: '60%', left: 45},
         'legend' :'none',
         'title':'some chart title'
     }

上面的工作正常，但我需要使用变量作为颜色。所以我想做的是:

var newcolors = "'#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'";

这里还有一些代码

options: {
     'colors': [newcolors],
     'chartArea':  {width: '60%', left: 45},
     'legend' :'none',
     'title':'some chart title'
 }

但我在图表上收到“'不是有效的颜色字符串”错误。我希望这只是一个语法错误，我只是很愚蠢。感谢您提前提供的任何帮助。

Answer 1

当您定义新颜色时，它是一个长字符串。 当您执行 'colors': [newcolors] 时，它会变成一个只有一个元素的数组，即一个包含逗号的长字符串。 这些选项似乎期望的是一个包含多个元素的数组，每个元素一种颜色。

所以当你定义新颜色时

var newcolors = ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']; 和颜色:newcolors；

而不是

var newcolors = "'#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'";