专业级数据可视化需按数据类型选调色板：定性用Categorical、顺序用Sequential、分散用Diverging；绑定微信绿#07C160可通过全局、单图表或语义化映射实现；须规避混用色板、跨图不一致、忽视色盲友好三大陷阱。

要在CodeBuddy中做出专业级数据可视化图表，配色不能只靠感觉——必须匹配数据类型、保持跨图表一致性、同时兼顾微信主题等业务场景的视觉规范。直接套用默认色板容易导致分类混淆、正负值难辨、重点信息淹没。

按数据类型选基础调色板

第一步：打开图表配置面板 → 点击「Color Scheme」下拉菜单 → 根据数据性质选择预设类型。

遇到定性数据，比如产品类别、城市名称、用户分群这类信息，优先选择「Categorical」调色板。系统会自动给出12种高对比度、色相分布均匀的主色，尽量避开相邻色系混在一起的问题。要是分类数量超过12个，【务必启用“Other”聚合功能】，把占比＜3%的项目统一并入灰色区块；不然图例很容易把整个画布挤满，读起来也会变得相当吃力。

顺序数据（如销售额季度环比、用户停留时长分段、满意度评分）→ 选「Sequential」调色板。默认从浅蓝到深蓝渐变，数值越大颜色越深。可点击色标拖动调整断点位置，让关键阈值（如达标线80分）恰好落在颜色跳变处。

遇到这类带“正负两端”的分散型数据，比如净利润有正有负、温度相对均值有高有低、舆情情感得分存在偏正偏负，最合适的做法通常就是选用「Diverging」调色板。中间位置用#CCCCCC来标识零基准或中性值，左侧采用冷色（#4A90E2）表达负向，右侧采用暖色（#F57C00）表达正向。这里有个细节一定别忽略：不要手动去改中间色，它必须保持无饱和度的灰色，否则整个视觉平衡就会被打破。

绑定业务品牌色强制覆盖

方法一：全局覆盖（适用于整份报告统一风格）
在CodeBuddy项目设置中 → 打开「Theme Settings」→ 找到「Data Visualization Palette」→ 点击「Customize」→ 输入微信绿主色#07C160，系统自动推导出配套的5阶渐变色与2组对比辅色。

方法二：单图表覆盖（适用于某张图需突出特定指标）
选中图表 → 右键「Edit Series Colors」→ 在系列列表中找到目标数据项 → 点击色块 → 手动输入HEX值#07C160。这一步操作起来很简单，直接把色值粘贴进去就行。

方法三：语义化映射（适用于多图表联动场景）
在数据源字段配置页 → 找到「Category」列 → 点击「Assign Color」→ 输入“阿里”→ 自动绑定#FF6B35，“腾讯”→ 绑定#00C1DE。后续所有含该字段的图表，只要字段名一致，颜色自动同步。⚠️注意：字段名必须完全匹配，大小写、空格、标点都不能错。

规避三类高频配色陷阱

① 同一图表内混用定性+顺序色板：比如用红/蓝/绿区分产品线（定性），又用深浅变化表示各产品线增长率（顺序）。这会让读者误以为颜色深浅代表产品线重要性，实际它只应表达增长幅度。正确做法是：产品线用固定色，增长率用条形图长度或标注数字体现。

② 跨图表同类别颜色不一致：A图表中“华东”用蓝色，B图表中却用橙色。读者翻页时会产生认知断层。解决方式：在项目级主题设置里锁定「Region」字段的色值映射表，所有图表自动继承。

③ 忽略色盲友好性：纯靠红绿色差区分正负值，对红绿色觉障碍者不可读。必须启用「Colorblind Safe」开关——系统会自动将红绿替换为蓝橙，并添加纹理填充（斜线/圆点）作为第二重区分依据。这一步不可跳过，否则图表不符合无障碍发布标准。