echarts图例分页和图例之间的间距
开发过程中,我们经常会遇到各种各样的奇葩需求,这时就需要我们随机应变啦!
当我们使用echarts图表时,数据量一般都会很大,图例往往会多的挤到下面的图中,若是能把图例写成分页就可以很好的解决这一问题。
![](https://i-blog.csdnimg.cn/blog_migrate/fbab80175cef19d943381a6b606d1c23.png)
<div id="main" style="height:600px;"></div>
<script>
var myChart = echarts.init(document.getElementById('main'));
option = {
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器,坐标轴触发有效
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
legend: {
type:'scroll', //关键地方
itemGap:20, //这个值是用来调图例之间的间距
data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎', '百度', '谷歌', '必应', '其他','1111','2222',&