zhaowei
2 天以前 54d11f9a2f395e021486e6a31912616274b3feda
src/views/mdc/base/modules/WorkshopSignage/UtilizationRateRankChart.vue
@@ -15,7 +15,6 @@
      }
    },
    mounted() {
      this.getUtilizationRateRankByApi()
      window.addEventListener('resize', this.handleWindowSizeChange)
    },
    methods: {
@@ -68,7 +67,7 @@
          }
        ]
        const defaultData = []
        const dataMax = +data.sort((x, y) => +y.value - +x.value)[0].value
        const dataMax = data.length > 0 ? +data.sort((x, y) => +y.value - +x.value)[0].value : 0
        let yAxisMax
        if (dataMax === 0) yAxisMax = 1 // 若数据中最大值为0,则将背景默认值设置为1
        else yAxisMax = Math.ceil(dataMax / 5) * 5 // 设置柱图背景阴影默认值,思路为数据最大值最接近的能被5整除的数字
@@ -118,7 +117,8 @@
              show: false
            }
          },
          yAxis: [{
          yAxis: [
            {
            type: 'category',
            inverse: true,
            triggerEvent: true,
@@ -143,7 +143,8 @@
              show: false
            },
            data: data.map(item => item.name)
          }, {
            },
            {
            type: 'category',
            inverse: true,
            axisTick: 'none',
@@ -159,13 +160,15 @@
              }
            },
            data: data
          }],
          series: [{
            }
          ],
          series: [
            {
            name: '利用率',
            type: 'bar',
            zlevel: 1,
            itemStyle: {
              barBorderRadius: 100,
                borderRadius: 100,
              color: function(params) {
                let num = colorArray.length
                return {
@@ -218,7 +221,7 @@
              data: defaultData,
              itemStyle: {
                color: '#11294d',
                barBorderRadius: 100
                borderRadius: 100
              }
            }
          ]
@@ -241,7 +244,3 @@
    }
  }
</script>
<style scoped lang="less">
</style>