折线图自定义线段颜色

331 阅读1分钟

示例

image.png

如图所示:控制了每个点和线段的颜色展示逻辑

代码地址

分析 visualMap.pieces

  1. TS可定义为 PieceItem[] image.png
  2. pieces 可由 点、线段、点构成 图中第一个点可这样表达 {gte: 0, lte: 0, color: 'red'} 第一个线段可这样表达 {gt: 0, lt: 1, color: 'red'} 这样就可以拼接一条连续的折线

参考

:Echarts示例