首页 > 其他分享 >echarts legend设置多组形状

echarts legend设置多组形状

时间:2023-02-15 10:45:53浏览次数:41  
标签:name 多组 办结 legend circle echarts icon

当echarts中既有条形图又有折线图时,legend也有两种:

想实现以下效果改如何配置呢

 

 

其实前面两个并没有对legend进行设置,是给series添加了type: 'line'的事件办结率数据后,自动生成的形状。那么我们只需要关心后面的legend形状了。给legend的data属性设置以下参数就可以啦:

legend:  {
  data: [
    { name: '事件办结率' },
    { name: '事件驳回率' },
    { name: '待派发', icon: 'circle' },
    { name: '待签收', icon: 'circle' },
    { name: '进行中', icon: 'circle' },
    { name: '审核中', icon: 'circle' },
    { name: '审核退回', icon: 'circle' },
    { name: '已办结', icon: 'circle' }
  ]
}

 

标签:name,多组,办结,legend,circle,echarts,icon
From: https://www.cnblogs.com/buluzombie/p/17121917.html

相关文章