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

quote

Our destiny offers not the cup of despair, but the chalice of opportunity. So let us seize it, not in fear, but in gladness. -- R.M. Nixon

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

先看实现的效果

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

series[{
  symbol: 'circle',
  itemStyle: {
    normal: {
      color: '#000',
      borderColor: '#f58f23',
      borderWidth: 1,
    }
  },
}]
  • color:是legend的颜色,也是圆的填充色
  • borderColor:圆圈的border
  • borderWidth: 圆圈border的宽度

评论没有加载,检查你的局域网

Cannot load comments. Check you network.

eat();

sleep();

code();

repeat();