好差评统计

zhsq_qk-ui/src/views/fusion/bjzshz.vue

@@ -819,7 +819,9 @@ export default {
 
     qkq_bj4() {
       var myChart = echarts.init(document.getElementById('qkq_bj4'));
-     var zdslColorList = ['#D0A00E', '#34DA62', '#00C0E9', '#0096F3', '#33CCFF']
+     var zdslColorList = ['#D0A00E', '#34DA62', '#00C0E9', '#0096F3', '#33CCFF'];
+      // 假设这是满意度数据的最大值，用于流光效果的终点
+      var maxSatisfaction = Math.max(...[100, 100, 100, 100, 100]);
      var option = {
           grid: {
               top: '5%',
@@ -901,7 +903,35 @@ export default {
                   yAxisIndex: 1,
                   barWidth: "40%",
                   data: [150, 298, 206, 75, 154]
-              }
+              },
+            {
+              name: '流光效果',
+              type: 'lines',
+              zlevel: 1, // 确保流光在条形图之上
+              coordinateSystem: 'cartesian2d',
+              data: [150, 298, 206, 75, 154].map((item, index) => {
+                return {
+                  coords: [
+                    [0, index],
+                    [item / maxSatisfaction * 100, index] // 将满意度数据转换为百分比形式，以适应x轴的范围
+                  ]
+                };
+              }),
+              effect: {
+                show: true,
+                period: 2.5,
+                trailLength: 0.5, //控制拖尾长度
+                symbolSize: [15, 2],
+                symbol: this.$store.state.common.echarts_baseStreamer,
+                loop: true,
+                color: '#fff' //流光颜色
+              },
+              lineStyle: {
+                width: 0,
+                opacity: 0.6,
+                curveness: 0
+              },
+            }
           ],
           itemStyle: {
               color: function(params) {