echarts 环形图 and 柱状图 legend 过多导致的堆叠

109 阅读 0 评论 72 点赞

我是靠谱客的博主甜美麦片，这篇文章主要介绍echarts 环形图 and 柱状图 legend 过多导致的堆叠，现在分享给大家，希望可以做个参考。

环形图可以通过修改 series[0].center

复制代码

1
2
center: ['50%', '40%'],

把图的位置往上移动给legend留出位置

就不会和图例重叠了

复制代码

1
2
3
4
5
6
7
8
9
legend: {
    // type: 'scroll',
     width: '100%',
     bottom: '0%',
     overflow: 'break',
     icon: 'circle'
 },

PS: type: 'scroll' 就很好用如果不是业务有硬性要求我觉得这样就挺好

复制代码

1
2
3
4
5
6
7
 grid: {
     height: '80%',
     left: '3%',
     top: '1%',
     containLabel: true
},

通过在grid更改大小留出位置

以上就是甜美麦片最近收集整理的关于echarts 环形图 and 柱状图 legend 过多导致的堆叠的全部内容，更多相关echarts内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。