Neodash柱状图图例颜色显示异常问题求助

可能原因 #

• Nivo默认配色数量不足：当前图表配置使用"colors": "nivo"，Nivo预设的配色数量有限，当AssignedTo对应的图例条目数超过该数量时，超出部分会默认显示黑色。
• 数据条目异常：查询返回的AssignedTo可能存在重复、空白或特殊格式值，导致颜色映射逻辑失效。

修复方案 #

1. 自定义足够数量的配色数组 #

修改图表配置中的settings.colors，从默认的"nivo"替换为自定义颜色列表，确保颜色数量覆盖所有AssignedTo条目：

"settings": {
  // ...其他配置
  "colors": ["#FF6B6B", "#4ECDC4", "#45B7D1", "#96CEB4", "#FFEAA7", "#DDA0DD", "#98FB98", "#F08080", "#B0C4DE", "#FFA07A"]
  // 可根据需求继续添加更多颜色
}

2. 优化查询减少图例条目 #

若无需展示所有AssignedTo，可在查询中过滤低频条目，比如只保留任务数大于指定值的用户：

match(i:Issue)-[:AssignedTo]-(a:Assignee)
WHERE a.name <> "null"    
WITH apoc.date.parse(i.createdOn, 'ms', 'dd/MMM/yy h:mm a') AS milliseconds,i,a
WITH date(datetime({epochmillis: milliseconds})) AS createDate, i, a
WITH apoc.temporal.format(createDate, "yyy") AS Year, apoc.temporal.format(createDate, "MM") AS Month,i,a
WHERE Year >= "2020" AND Year < "2021"
WITH Month, a.name AS AssignedTo,count(i) AS NumReq
WHERE NumReq > 1  // 过滤任务数≤1的用户，减少图例条目
RETURN Month, AssignedTo, NumReq
ORDER BY Month

3. 清洗查询返回的数据 #

确保AssignedTo字段无异常值，可添加DISTINCT去重，避免重复条目干扰颜色映射：

// 在统计后添加DISTINCT
WITH Month, a.name AS AssignedTo,count(i) AS NumReq
WITH DISTINCT Month, AssignedTo, NumReq
WHERE NumReq > 0
RETURN Month, AssignedTo, NumReq
ORDER BY Month

内容的提问来源于stack exchange，提问作者Akshay Agarwal