Chart.js 默认配色在 Chart.defaults 中修改，v3+ 用 Chart.defaults.color 等全局配置，v2 用 Chart.defaults.global；实例初始化后不再响应 defaults 变更，须在创建图表前设置或手动更新已存在实例。
Chart.js 默认配色在哪改？不是靠 CSS
chart.js 的配色不走 css 变量或样式表，而是由 chart.defaults 控制，改错地方会导致图表完全不响应。常见错误是试图用 background-color 覆盖图例或数据点——没用，因为这些颜色在 js 渲染时已内联写死。
实操建议：
- 全局修改：直接覆写
Chart.defaults.color（文字色）、Chart.defaults.borderColor（边框），以及最关键的Chart.defaults.datasets.line.borderColor等具体图表类型配色项 - 局部修改：在创建 chart 实例时，通过
options.plugins.legend.labels.color或datasets[0].borderColor显式指定，优先级高于全局默认 - 注意版本差异：v3+ 移除了
global命名空间，必须用Chart.defaults；v2 中是Chart.defaults.global
如何让 Chart.js 主题和 Tailwind / Ant Design 保持一致
主题对齐不是“选个好看颜色”，而是把设计系统里的语义色（如 primary、success、warning）映射到图表的语义角色上：主数据线、次要对比线、警告阈值线、背景网格等。
实操建议：
- 别硬编码十六进制值，抽成常量对象，比如
THEME_COLORS = { primary: '#3b82f6', warning: '#f59e0b' }，再在 dataset 配置里引用borderColor: THEME_COLORS.primary - 网格线、坐标轴文字、图例文字要统一使用设计系统的中性色（如
gray-400对应#9ca3af），否则视觉割裂感极强 - 暗色模式下，Chart.js 不自动响应
prefers-color-scheme，需监听matchMedia并手动调用chart.options.scales.x.grid.color = ...+chart.update()
为什么重设 Chart.defaults 后新图表生效，旧图表不变
Chart.js 实例初始化时会深拷贝当前 Chart.defaults 的快照，之后默认值再怎么改，已创建的 chart 实例都不会重新读取。这是性能优化，但也是最常被忽略的坑。
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
实操建议：
- 全局配色必须在创建任何 chart 实例之前完成，放在入口文件顶部、加载 Chart.js 后立即执行
- 如果必须运行时切换主题（如用户点击换肤），不要改
Chart.defaults，而是遍历所有已存在的chart实例，逐个更新其options并调用chart.update('active') - 检查是否误用了
new Chart(...)多次而没销毁旧实例——内存泄漏 + 配色混乱双问题
用插件自动同步主题？chartjs-plugin-colorschemes 别乱装
这个插件确实能一键套用预设调色板（如 Office、Tableau），但它把颜色逻辑全包了，反而和你自己的设计系统冲突。尤其当你要控制「某条线用 primary、另一条用 muted」这种精细语义时，插件的 scheme 映射规则根本不够用。
实操建议：
- 只在快速原型或内部工具中考虑启用，生产环境建议手动管理配色映射
- 若已引入，务必禁用其自动应用行为：
plugins: { colorschemes: { enabled: false } }，再用它提供的schemes.tableau10等数组做颜色源，自己赋值 - 注意该插件 v3+ 不兼容 Chart.js v4，报错
Cannot read properties of undefined (reading 'getColors')就是版本不匹配
真正麻烦的从来不是改几个颜色值，而是得同时盯住三处：设计系统的色值定义、Chart.js 实例创建时机、以及主题切换时的生命周期同步。漏掉任意一环，就会出现“明明改了 default 却没变”或者“换肤后图例还是白底黑字”这类问题。
