echarts legend设置多组形状

当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' }
  ]
}

 

posted @ 2023-02-15 10:36  我就尝一口  阅读(537)  评论(0编辑  收藏  举报