首页 > 解决方案 > Chart.js 中图表的默认颜色在哪里定义?

问题描述

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

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

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

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

示例图表

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

我已经搜索了 github repo 和文档(例如https://www.chartjs.org/docs/latest/general/colors.html),但找不到任何东西。有谁知道它们是在哪里定义的?

标签: javascriptruby-on-railschart.jschartkick

解决方案


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

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

推荐阅读