饼图图例加滚动条

src/components/echarts/barChart.vue

@@ -88,7 +88,8 @@ export default {
         vm.option.dataZoom = [{
           type: 'inside',
           startValue: 0,
-          endValue: 8
+          endValue: 8,
+          maxValueSpan: vm.message.xAxis.length > 10 ? 10 : vm.message.xAxis.length
         }, {
           type: 'slider',
           fillerColor: '#30DDF4',

src/components/echarts/pieChart.vue

@@ -34,8 +34,9 @@ export default {
           trigger: 'item',
           formatter: '{b}: {c}' + unit + ' ({d}%)'
         },
-        color: ['#30DDF4', '#E23AA2', '#F5A623', '#D6FFBA', '#9FFED7'],
+        color: ['#30DDF4', '#E23AA2', '#F5A623', '#D6FFBA', '#9FFED7', '#4f19c7', '#c71969', '#1984c7', '#c76919', '#8419c7', '#c79f19', '#c71919', '#c78419', '#c719b9', '#199fc7', '#9f19c7', '#69c719', '#19c719'],
         legend: {
+          type: 'scroll',
           orient: 'vertical',
           data: vm.message.legend,
           left: 10,
@@ -43,6 +44,12 @@ export default {
           textStyle: {
             color: '#ffffff'
           },
+          pageIconColor: '#fff',
+          pageIconInactiveColor: '#30DDF4',
+          pageIconSize: 12,
+          pageTextStyle: {
+            color: '#fff'
+          },
           icon: 'circle', // 这个字段控制形状类型包括 circle，rect ，roundRect，triangle，diamond，pin，arrow，none
           itemWidth: 10, // 设置宽度
           itemHeight: 4, // 设置高度