[update 首页] 收入分类统计、应收账款图例增加滚动

src/views/dashboard/IncomeSortEcharts.vue

@@ -189,9 +189,8 @@ export default {
     },
     initEcharts(data) {
       let color = ['#069F99', '#88C87E', '#6D7FD0', '#FA9D81', '#A5B3FF', '#519FD1', '#55433B', '#9ABECA']
-
       let echartsData = data.reduce((pre, val) => {
-        return pre.concat({value: val.value, name: val.name_dictText, money: val.money})
+        return val.name !== '总数' ? pre.concat({value: val.value, name: val.name_dictText, money: val.money}) : pre
       }, [])
       echartsData = this.initPoint(echartsData, color)
       let chartDom = document.getElementById('incomeSort')
@@ -213,9 +212,10 @@ export default {
         },
         legend: {
           bottom: '2%',
-          right: '2%',
+          left: 'center',
-          padding: [0,70, 0, 70],
+          padding: [0, '2%', 0, '2%'],
-          itemGap:40 // 图例之间的间距
+          type: 'scroll',
+          itemGap:20 // 图例之间的间距
         },
         labelLine: {
           lineStyle: {

src/views/dashboard/NotReceivedEcharts.vue

@@ -184,7 +184,7 @@ export default {
     initEcharts(data) {
       let color = ['#069F99', '#88C87E ', '#6D7FD0', '#FA9D81', '#A5B3FF']
       let echartsData = data.reduce((pre, val) => {
-        return pre.concat({value: val.money, name: val.name, money: val.money})
+        return val.name !== '总数' ? pre.concat({value: val.money, name: val.name, money: val.money}) : pre
       }, []).slice(0,4)
       echartsData = this.initPoint(echartsData, color)
       let chartDom = document.getElementById('notReceived')
@@ -206,11 +206,11 @@ export default {
           }
         },
         legend: {
-          left:'15%',
+          left: 'center',
           bottom: '2%',
-          right: '2%',
+          padding: [0, '2%', 0, '2%'],
-          padding: [0, 50, 0, 50],
+          type: 'scroll',
-          itemGap:50
+          itemGap:20 // 图例之间的间距
         },
         labelLine: {
           lineStyle: {