Question

是否可以将数据绑定到Google Charting API中的特定颜色...

假设我在FIDDLE中有2个饼图。我想将数据绑定到特定的颜色 -

例如 - EAT应该始终为红色，SLEEP在所有图表中应始终为绿色......

如果特定项目没有出现在任何特定图表中，那么与该缺失值对应的颜色不应出现在该图表中...

我试过了

slices: [{color: 'black', {}, {}, {color: 'red'}]

以及

slices: {0: {color: 'black'}, 3: {color: 'red'}}

但无法处理缺失值....

请参阅Fiddle以清楚了解我要实现的目标here ...

Answer 1

设置要用于每个类别的颜色数组。您可以填充一组颜色，用于根据饼图中的内容绘制当前饼图，循环显示每个项目并添加相关颜色。我在你的JSfiddle中设置它。我使用了通用颜色，但你可以使用你想要的任何十六进制颜色。我没有考虑类别没有相关颜色的情况，所以如果这可能是个问题，你需要检查一下。

colors = {'Work':'blue',
      'Eat':'red',
      'Commute':'yellow',
      'Watch TV':'green',
      'Sleep':'purple',};

function colorsArray(data){
    var array = [];
    for (var i=0;i<data.length;i++){
        array.push(colors[data[i]['c'][0]['v']]);
    }
    console.log(array)
    return array
}

您可以在此处查看小提琴：http://jsfiddle.net/Qquse/130/

Google Charts自定义颜色装订

1 个答案: