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

90 阅读 0 评论 60 点赞

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

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

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

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

就不会和图例重叠了

legend: {
    // type: 'scroll',
     width: '100%',
     bottom: '0%',
     overflow: 'break',
     icon: 'circle'
 },

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

 grid: {
     height: '80%',
     left: '3%',
     top: '1%',
     containLabel: true
},

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

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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