Echarts中legend图例太多与title重叠问题

作者: 菜菜___ | 来源:发表于2019-12-03 20:37 被阅读0次

Echarts中legend图例太多会出现与title重叠。


为了避免重叠的情况,可在legend.data中添加空字符串'',实现图例的换行

       title : {
          text: '50050',
          subtext: '****人数',
          x: 'center'//标题居中
        },
        tooltip : {
          trigger: 'axis'
        },
        calculable : true,
        legend: {
          data:['','***人数','******人数','******人数','*****人数'],//在最前方添加空字符串,也可在中间需要换行的地方添加空字符串
          x: 'center'//图例换行居中
        },

也可对title的text添加换行符\n
原文作者技术博客:https://www.jianshu.com/u/ac4daaeecdfe

相关文章

  • Echarts中legend图例太多与title重叠问题

    Echarts中legend图例太多会出现与title重叠。 为了避免重叠的情况,可在legend.data中添加...

  • 2018-08-17

    echarts图例旋转 引入echarts-better 图例旋转配置如下 legend: { rotation:...

  • R note

    1.更改图例名称guides(fill=guide_legend(title=NULL))

  • 征服eCharts配置.

    grid 和 title.left(bottom,right,top)关系 legend(图列) 滚动图例(点击三...

  • highchart

    组成 标题(Title)坐标轴(Axis)数据列(Series)数据提示框(Tooltip)图例(Legend)标...

  • Echarts配置项

    title标题 legend图例 grid直角坐标系内绘图网 xAxis直角坐标系 grid 中的 x 轴 yAx...

  • echarts关系图配置详解

    title 图表标题样式 tooltip 提示框配置 toolbox 工具箱配置 legend:图例配置 关系边样...

  • echarts 多系列柱状图

    title标题 legend 图例组件 tooltip提示框组件 toolbox 工具栏。 内置有导出图片,数据视...

  • 这花里胡哨的echarts---公共组件title详解

    站在巨人的肩膀上 echarts 六个公共组件参数title、tooltip、toolbox、legend、dat...

  • Echarts图例legend过多,采用翻页处理

    问题:图例可以跟地图有联动效果,用来当列表使用,与地图有联动效果,简直太棒了,但是echarts图例太多,实在太占...

网友评论

    本文标题:Echarts中legend图例太多与title重叠问题

    本文链接:https://www.haomeiwen.com/subject/dakcgctx.html