我可以从哪里获得Google Charts使用的所有颜色图案的列表?

2022-02-25 00:00:00 javascript google-visualization

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

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

好的。当您的图表必须在图表上显示更多因素时,需要:

  • 紫色#990099
  • 海蓝#0099C6
  • 粉色#DD4477
上面的名字是我自己给的,所以它们不是官方的,但颜色值是官方的。重点是接下来是什么颜色?下一颜色列表是否无限?

有人能告诉我在哪里可以找到它们的来源吗?我翻遍了整本手册,什么也没找到。我可以渲染小提琴中的一串因素,但我觉得它不能覆盖所有可能的颜色。

感谢您的帮助。

我想要获取这些颜色值的原因是我想与Google Chart并行使用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']
    }
});

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

谢谢!


解决方案

正常。所以这里是小提琴: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即可。 不管怎么说都比你好,米尔逊。我给你投赞成票。

相关文章