实现legend分多处放置,分列左右,上下,不放在一起,可以将legend分多个组,然后修改其属性,以达到目标效果

echarts的legend分多处排列

将需要分离排列的legend分成两组,如下代码:

legend: [
                {
                    icon : 'bar',
                    textStyle : {

                        color : "#B8B6B8"
                    },
                    data : [ '名称1', '名称2'],
                    x : 'left'
                },{
                    icon : 'bar',
                    textStyle : {

                        color : "#B8B6B8"
                    },
                    data : [ '名称3', '名称4' ],
                    x : 'right'
                }
                
            ],

一般情况下legend都是一个data,当有类似上述要求时,可以将legend分成多组数据,如正常json格式数据,这个时候最外层就需要改成[ ],内嵌{数据 }.

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-01-30
  • 2021-10-12
  • 2022-12-23
  • 2021-12-04
猜你喜欢
  • 2021-07-21
  • 2022-12-23
  • 2022-02-06
  • 2021-06-16
  • 2022-12-23
  • 2021-08-19
  • 2022-12-23
相关资源
相似解决方案