问题描述及概念:
Apache ECharts是一个基于 JavaScript 的开源可视化图表库
https://echarts.apache.org/zh/index.html
可以使用visualMap分段映射的方式分段显示不同颜色,然后隐藏visualMap。
使用伪造series的方法添加不同图例。然后在右侧隐藏toolbox,添加一个注解。如下图所示。
申请颜色
const colors = [
"#93CE07",
"#FBDB0F",
"#FC7D02",
"#FD0100",
"#AA069F",
"#AC3B2A",
"#FD0100",
"#FBDB0F",
"#FC7D02",
"#AA069F",
"#999",
];