echarts 当数据项太多的时候，legend放不开，为了能够查看更多，我们需要添加一个翻页功能。

开启滚动

使用翻页，首先要开启滚动

type: "scroll"

设置间隔

图例控制块中，按钮和页信息之间的间隔

pageButtonItemGap: 3,

图例控制块和图例项之间的间隔

pageButtonGap: 5,

翻页按钮的位置

默认为end

图例控制块的位置。可选值为：

'start'：控制块在左或上。
'end'：控制块在右或下。

pageButtonPosition:'end'

翻页按钮的颜色

翻页按钮默认颜色为'#2f4554'

 pageIconColor: '#44e6fd',

未激活按钮颜色

翻页按钮不激活时（即翻页到头时）的颜色。默认为'#aaa'

pageIconInactiveColor: '#fbffff',

按钮大小

翻页按钮的大小。可以是数字，也可以是数组，如 [10, 3]，表示 [宽，高]。

pageIconSize = 15

页码信息文字样式

图例页信息的文字样式。

pageTextStyle: {
    color: '#35ffff'
  },

legend: {
  height: '90%',
  show: true,
  type: "scroll",
  orient: 'vertical',
  right: '10%',
  top: 'center',
  bottom: 20,
  pageButtonItemGap: 3,
  pageButtonGap: 5,
  pageIconColor: '#44e6fd',
  pageIconInactiveColor: '#fbffff',
  pageTextStyle: {
    color: '#35ffff'
  },
  textStyle: {
    color: '#fff',
    fontSize: 14
  },
  itemWidth: 15,
  itemHeight: 10,
  itemGap: 20
},