在绘图过程中经常需要为不同的对象分配不同的 color,然而如何得到对比度高又不唐突的 color 组合是一门艺术。对于不懂美术的理工男来说,希望有现成的 color sets 可用。实际上,D3.js 中给出了两套 color sets 方案,分别用于 10 和 20 个对象的 color。colors 代码(16 进制)和效果如下: Category 10#1f77b4#ff7f0e#2ca02c#d62728#9467bd#8c564b#e377c2#7f7f7f#bcbd22#17becf Category 20a#1f77b4#aec7e8#ff7f0e#ffbb78#2ca02c#98df8a#d62728#ff9896#9467bd#c5b0d5#8c564b#c49c94#e377c2#f7b6d2#7f7f7f#c7c7c7#bcbd22#dbdb8d#17becf#9edae5 Category 20b#393b79#5254a3#6b6ecf#9c9ede#637939#8ca252#b5cf6b#cedb9c#8c6d31#bd9e39#e7ba52#e7cb94#843c39#ad494a#d6616b#e7969c#7b4173#a55194#ce6dbd#de9ed6 Category 20c#3182bd#6baed6#9ecae1#c6dbef#e6550d#fd8d3c#fdae6b#fdd0a2#31a354#74c476#a1d99b#c7e9c0#756bb1#9e9ac8#bcbddc#dadaeb#636363#969696#bdbdbd#d9d9d9R语言作者: Hualin Liu文章链接: https://www.liaochenlanruo.fun/post/6e6b.html版权声明: 本网站所有文章除特别声明外,均采用 CC BY-NC-ND 4.0 许可协议。转载请注明出处!