更改图表滚动条宽度

src/dataSchema/page1Char1Schema.js

@@ -29,6 +29,8 @@ let page1Char1Schema = {
             startValue: 0, // 从头开始。
             endValue: 7, // 一次性展示6个
             height: 5, //组件高度
+            width: '50%',
+            left: '30%',
             bottom: '10px',
             borderColor: 'transparent',
             fillerColor: '#14c6d3',

src/dataSchema/page1Char2Schema.js

@@ -19,6 +19,8 @@ let page1Char2Schema = {
             startValue: 0, // 从头开始。
             endValue: 7, // 一次性展示6个
             height: 5, //组件高度
+            width: '50%',
+            left: '30%',
             bottom: '10px',
             borderColor: 'transparent',
             fillerColor: '#14c6d3',

src/dataSchema/page2Char2Schema.js

@@ -56,6 +56,8 @@ let page2Char2Schema = {
             startValue: 0, // 从头开始。
             endValue: 7, // 一次性展示6个
             height: 5, //组件高度
+            width: '50%',
+            left: '30%',
             bottom: '10px',
             borderColor: 'transparent',
             fillerColor: '#14c6d3',

src/dataSchema/page2Char3Schema.js

@@ -57,6 +57,8 @@ let page6Char1Schema = {
             startValue: 0, // 从头开始。
             endValue: 7, // 一次性展示6个
             height: 5, //组件高度
+            width: '50%',
+            left: '30%',
             bottom: '10px',
             borderColor: 'transparent',
             fillerColor: '#14c6d3',

src/dataSchema/page5Char1Schema.js

@@ -29,6 +29,8 @@ let page5Char1Schema = {
             startValue: 0, // 从头开始。
             endValue: 7, // 一次性展示6个
             height: 5, //组件高度
+            width: '50%',
+            left: '30%',
             bottom: '10px',
             borderColor: 'transparent',
             fillerColor: '#14c6d3',

src/dataSchema/page5Char2Schema.js

@@ -32,6 +32,8 @@ let page5Char2Schema = {
             startValue: 0, // 从头开始。
             endValue: 7, // 一次性展示6个
             height: 5, //组件高度
+            width: '50%',
+            left: '30%',
             bottom: '10px',
             borderColor: 'transparent',
             fillerColor: '#14c6d3',

src/dataSchema/page6Char1Schema.js

@@ -56,6 +56,8 @@ let page6Char1Schema = {
             startValue: 0, // 从头开始。
             endValue: 7, // 一次性展示6个
             height: 5, //组件高度
+            width: '50%',
+            left: '30%',
             bottom: '10px',
             borderColor: 'transparent',
             fillerColor: '#14c6d3',
@@ -90,7 +92,10 @@ let page6Char1Schema = {
             emphasis: {
                 focus: 'series'
             },
-            data: [1, 1, 1, 2, 2, 1, 0]
+            data: [1, 1, 1, 2, 2, 1, 0],
+            // itemStyle: {//自定义颜色
+            //     normal: { color: "rgb(2, 238, 255)" },
+            // }
         },
         {
             name: '乱砍乱伐',

src/views/index.vue

@@ -340,7 +340,7 @@ export default {
             return item.number;
           });
           //数量过小时隐藏滚动
-          if(this.page1Char1.xAxis.data.length<=7){
+          if(this.page1Char1.xAxis.data.length<=8){
             this.page1Char1.dataZoom[0].show = false
           }
           let charUuid = this.$refs.page1Char1.mid;
@@ -366,7 +366,7 @@ export default {
             return item.number;
           });
           //数量过小时隐藏滚动
-          if(this.page1Char2.xAxis.data.length<=7){
+          if(this.page1Char2.xAxis.data.length<=8){
             this.page1Char2.dataZoom[0].show = false
           }
           let charUuid = this.$refs.page1Char2.mid;
@@ -525,7 +525,7 @@ export default {
           this.page2Char2.series = seriesList;
 
            //数量过小时隐藏滚动
-          if(this.page2Char2.xAxis.data.length<=7){
+          if(this.page2Char2.xAxis.data.length<=8){
             this.page2Char2.dataZoom[0].show = false
           }
 
@@ -601,7 +601,7 @@ export default {
           this.page2Char3.series = seriesList;
 
            //数量过小时隐藏滚动
-          if(this.page2Char3.xAxis.data.length<=7){
+          if(this.page2Char3.xAxis.data.length<=8){
             this.page2Char3.dataZoom[0].show = false
           }
 
@@ -660,7 +660,7 @@ export default {
             return item.baseArea;
           });
            //数量过小时隐藏滚动
-          if(this.page5Char1.xAxis.data.length<=7){
+          if(this.page5Char1.xAxis.data.length<=8){
             this.page5Char1.dataZoom[0].show = false
           }
           let charUuid = this.$refs.page5Char1.mid;
@@ -687,7 +687,7 @@ export default {
             return item.number;
           });
           //数量过小时隐藏滚动
-          if(this.page5Char2.xAxis.data.length<=7){
+          if(this.page5Char2.xAxis.data.length<=8){
             this.page5Char2.dataZoom[0].show = false
           }
           let charUuid = this.$refs.page5Char2.mid;
@@ -755,7 +755,7 @@ export default {
           // console.log('x坐标',  this.page6Char1.xAxis.data)
           
           //数量过小时隐藏滚动
-          if(this.page6Char1.xAxis.data.length<=7){
+          if(this.page6Char1.xAxis.data.length<=8){
             this.page6Char1.dataZoom[0].show = false
           }
           let charUuid = this.$refs.page6Char1.mid;