Chart.js 中图表的默认颜色在哪里定义？答案

【问题标题】：Where are the default colors for charts in Chart.js defined?Chart.js 中图表的默认颜色在哪里定义？
【发布时间】：2019-12-30 05:38:31
【问题描述】：

我将 Chart.js 与 ChartKick 一起使用：

https://github.com/chartjs/Chart.js

https://github.com/ankane/chartkick.js

我找不到在代码中为您添加的每个新行/数据集定义默认颜色的位置。例如。请参阅下面的图表：

有 8 行，我没有明确设置它们的颜色；默认情况下会自动设置它们。虽然我希望能够在我定义的另一个更复杂的图表中引用这些颜色，以便我的颜色可以在我的所有图表中保持一致。

我已经搜索了 github 存储库和文档（例如 https://www.chartjs.org/docs/latest/general/colors.html），但找不到任何东西。有谁知道它们是在哪里定义的？

【问题讨论】：

仅供参考，硬编码的解决方案，这里是 Chart.js 使用的前 20 种颜色：['#3366CC', '#DC3912', '#FF9900', '#109618', '#990099', '#3B3EAC', '#0099C6', '#D47', '#6A0', '#B82E2E', '#316395', '#949', '#2A9', '#AA1', '#63C', '#E67300', '#8B0707', '#329262', '#5574A6', '#651067']（通过创建一个包含 20 行的图表并使用 Chrome DevTools“滴管”来确定颜色）。这并不理想，因为它不会随着 Chart.js 的更新而不断更新，并且仅限于固定数量的颜色。

标签： javascript ruby-on-rails chart.js chartkick

【解决方案1】：

颜色由 Chartkick 而非 Chart.js 定义。 Source

let defaultColors = [
  "#3366CC", "#DC3912", "#FF9900", "#109618", "#990099", "#3B3EAC", "#0099C6",
  "#DD4477", "#66AA00", "#B82E2E", "#316395", "#994499", "#22AA99", "#AAAA11",
  "#6633CC", "#E67300", "#8B0707", "#329262", "#5574A6", "#651067"
];

【讨论】：