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

标签 javascript google-visualization

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

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

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

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

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

有人可以指出我在哪里可以找到所有这些的来源吗?我浏览了整个手册,但一无所获。我可以在 fiddle 中渲染一堆因素,但我觉得它不会涵盖所有可能的颜色。

感谢您的帮助。

我想要获得这些颜色值的原因是我想与 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']
    }
});

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

谢谢!

最佳答案

这是一篇旧帖子,但我无法在网上找到完整列表。 显然谷歌使用 31 种颜色然后循环(第 32 种颜色是第一种蓝色)。 这是完整列表:

#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

关于javascript - 从哪里可以获得 Google Charts 使用的所有颜色模式的列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32131668/

相关文章:

javascript - 由于异步函数,函数过早返回值

javascript - 如何在方法中等待firebase、获取数据并返回数组?

javascript - 谷歌散点图只连接几个点

css - Google 可视化表,如何使用 css 删除默认的双色调图像?

javascript - Node.js 函数流程

javascript - jQuery/JS 获取导航菜单以在单击正文时隐藏

javascript - 使用 Jquery 部分搜索 TABLE 中的单词

colors - 具有多个背景区域的 Google 柱形图

javascript - Google Visualization - 尝试格式化每个工具提示以通过格式化程序或查询显示百分比

javascript - 点击切换 Google 组织结构图可视化?