从哪里可以获得 Google Charts 使用的所有颜色模式的列表？

Question

问题很简单，默认情况下，Google Charts 对图表上的因素使用一些预定义的颜色。前四个是：

• 蓝色 #3366CC
• 红色 #DC3912
• 黄色 #FF9900
• 绿色 #109618

美好的。当您的图表必须在图表上显示更多因素时，则需要：

• 紫色 #990099
• 海蓝#0099C6
• 淡粉色#DD4477

以上名字是我自己给的，所以它们不是官方的，但颜色值是。重点是接下来是什么颜色？下一个颜色的列表是无限的吗？

有人可以指出我在哪里可以找到所有这些的来源吗？我翻遍了整个手册，什么也没找到。我可以在小提琴中渲染一堆因素，但我觉得它不会涵盖所有可能的颜色。

感谢您的帮助。

我想要获得这些颜色值的原因是我想与 Google Charts 并行使用C3js/D3js并保持一致性，我必须为 D3 提供预定义颜色列表，例如：

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25],
            ['data3', 130, 220, 140, 200, 250, 450],
            ['data4', 250, 320, 210, 240, 215, 225],
            ['data5', 430, 500, 400, 280, 290, 350],
            ['data6', 100, 120, 310, 340, 415, 225]
        ]
    },
    color: {
        pattern: ['#1f77b4', '#aec7e8', '#ff7f0e', '#ffbb78', '#2ca02c', '#98df8a', '#d62728', '#ff9896', '#9467bd', '#c5b0d5', '#8c564b', '#c49c94', '#e377c2', '#f7b6d2', '#7f7f7f', '#c7c7c7', '#bcbd22', '#dbdb8d', '#17becf', '#9edae5']
    }
});

显然我想color.pattern用 Google Chars 使用的东西替换数组。

谢谢！

Answer 1

这是一篇旧帖子，但我在网上找不到完整列表。显然谷歌使用 31 种颜色然后循环（第 32 种颜色是第 1 种蓝色）。以下是完整列表：

#3366cc
#dc3912
#ff9900
#109618
#990099
#0099c6
#dd4477
#66aa00
#b82e2e
#316395
#994499
#22aa99
#aaaa11
#6633cc
#e67300
#8b0707
#651067
#329262
#5574a6
#3b3eac
#b77322
#16d620
#b91383
#f4359e
#9c5935
#a9c413
#2a778d
#668d1c
#bea413
#0c5922
#743411

Answer 2

好的。所以这是小提琴：http://jsfiddle.net/slick/xcpxz738/

  var data = google.visualization.arrayToDataTable([
    ['Task', 'Hours per Day'],
    ['factor1',     1],
    ['factor2',     1],
    ['factor3',     1],
    ['factor4',     1],
    ['factor5',     1],
    ['factor6',     1],
    ['factor7',     1],
    ['factor8',     1],
    ['factor9',     1],
    ['factor10',     1],
    ['factor11',     1],
    ['factor12',     1],
    ['factor13',     1],
    ['factor14',     1],
    ['factor15',     1],
    ['factor16',     1],
    ['factor17',     1],
    ['factor18',     1],
    ['factor19',     1],
    ['factor20',     1],
    ['factor21',     1],
    ['factor22',     1],
    ['factor23',     1],
    ['factor24',     1],
    ['factor25',     1],
  ]);

25 个因子和第 21 个因子不使用蓝色（从第 1 个因子开始）。我很确定我不会使用这么多因素。在这种情况下，我将简单地在这个小提琴中添加更多因素来检查下一个颜色。

我将简单地使用颜色选择器将颜色复制并粘贴到我的 C3 中。无论如何，比你米尔森。我会给你投票。