Parcourir la source

fix(MemberPositionDistribution): 恢复echarts的dataZoom滑块配置

将原本注释掉的数据缩放滑块配置重新启用,让图表支持横向滚动缩放查看数据
huoyi il y a 1 semaine
Parent
commit
add89e42fe
1 fichiers modifiés avec 16 ajouts et 16 suppressions
  1. 16 16
      src/pages/components/MemberPositionDistribution.vue

+ 16 - 16
src/pages/components/MemberPositionDistribution.vue

@@ -238,22 +238,22 @@ export default {
238 238
             fontSize: 10
239 239
           }
240 240
         },
241
-        // dataZoom: [{
242
-        //   type: 'slider',
243
-        //   show: true,
244
-        //   xAxisIndex: 0,
245
-        //   height: 20,
246
-        //   bottom: 0,
247
-        //   borderColor: 'rgba(255, 255, 255, 0.1)',
248
-        //   backgroundColor: 'rgba(45, 42, 85, 0.8)',
249
-        //   fillerColor: 'rgba(167, 139, 250, 0.3)',
250
-        //   handleStyle: {
251
-        //     color: '#A78BFA'
252
-        //   },
253
-        //   labelStyle: {
254
-        //     color: 'rgba(255, 255, 255, 0.5)'
255
-        //   }
256
-        // }],
241
+        dataZoom: [{
242
+          type: 'slider',
243
+          show: true,
244
+          xAxisIndex: 0,
245
+          height: 20,
246
+          bottom: 0,
247
+          borderColor: 'rgba(255, 255, 255, 0.1)',
248
+          backgroundColor: 'rgba(45, 42, 85, 0.8)',
249
+          fillerColor: 'rgba(167, 139, 250, 0.3)',
250
+          handleStyle: {
251
+            color: '#A78BFA'
252
+          },
253
+          labelStyle: {
254
+            color: 'rgba(255, 255, 255, 0.5)'
255
+          }
256
+        }],
257 257
         series: [{
258 258
           type: 'bar',
259 259
           data: this.chartsData.position.data,