项目中的一些小问题以及解决方案（一）

1.监听鼠标滚轮进行数据加载

定义一个数组进行数组合并后的保存，以及一个接口成功与否的状态

 

请求数据接口，当数据请求成功，将状态设为true，并且将请求前的数据合并到新数组中

在tbody中监听鼠标滚轮事件，当鼠标滚轮向下滚动到一定高度并且数据请求成功时将数据请求页码+1，当返回的数组长度大于等于10时才继续请求(防止重复无用请求)

 

2.当echart图例过多时采用可翻页图例

统计作业类型，当数据过多屏幕展示不下时，可以采用echart可翻页图例

将type设置为scroll就可以使用可翻页图例(低版本echarts不适用)

orient 有两个属性 vertical 为竖向，horizontal 为横向

icon可调整图示形状

itemWidth、itemHeight可设置图例宽高

formatter属性可以调整文字属性，当文字过长时不展示全部文字