先看实现的效果

ECharts实现折现图的拐点为空心圆圈

我们看官网提供的是拐点处都是实心的圆,而且圆内部填充的颜色与legend颜色一致,我背景是'#000',所以为了实现是空心的,我圆内部的填充色就是黑色,但是此时legend图例的颜色也是黑色,就导致我们看不到我们的图例了,所以图例我们可以看之前的一篇,设置自定义的icon,总体代码如下:

   series[{
      symbol: 'circle',
      itemStyle: {
        normal: {
            color: "#000",
            borderColor: '#f58f23',
            borderWidth: 1,
        }
      },    
   }]
 
   

color:是legend的颜色,也是圆的填充色,

borderColor:圆圈的border

borderWidth: 圆圈border的宽度

相关文章:

  • 2021-07-21
  • 2022-12-23
  • 2021-05-08
  • 2021-04-05
  • 2021-05-05
  • 2022-12-23
  • 2022-12-23
  • 2021-11-26
猜你喜欢
  • 2022-12-23
  • 2021-07-22
  • 2022-12-23
  • 2021-10-18
  • 2022-12-23
  • 2022-12-23
  • 2021-09-14
相关资源
相似解决方案