吉安感知网项目-前端
shuishen
2026-02-03 89380e6260a75d1d3b94de687ebcc2f50d50659d
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart3.vue
@@ -16,7 +16,7 @@
let { chart } = useEchartsResize(chartRef)
const list = ref([])
function buildOption() {
function buildOption () {
   const names = list.value.map(item => item.type)
   const values = list.value.map(item => item.count)
   const hasData = values.length > 0
@@ -25,24 +25,24 @@
      graphic: hasData
         ? []
         : [
               {
                  type: 'text',
                  left: 'center',
                  top: 'middle',
                  style: {
                     text: '暂无数据',
                     fill: '#FFFFFF',
                     font: '14px Arial',
                     textAlign: 'center',
                     textVerticalAlign: 'middle',
                  },
            {
               type: 'text',
               left: 'center',
               top: 'middle',
               style: {
                  text: '暂无数据',
                  fill: '#FFFFFF',
                  font: '14px Arial',
                  textAlign: 'center',
                  textVerticalAlign: 'middle',
               },
           ],
            },
         ],
      grid: {
         top: 15,
         left: 10,
         right: 10,
         bottom: 10,
         bottom: 0,
         containLabel: true,
      },
      tooltip: {
@@ -73,15 +73,24 @@
            show: false,
         },
         axisLabel: {
            color: '#FFFFFF',
            color: '#B4C0CC',
            fontSize: 12,
            interval: 0,
            rotate: 25,
            margin: 8,
            formatter: value => {
               if (value == null) return ''
               const text = String(value)
               return text.length > 4 ? `${text.slice(0, 4)}...` : text
            },
         },
      },
      yAxis: {
         type: 'value',
         max: Math.ceil(Math.max(...values) * 1.2),
         minInterval: 1,
         axisLabel: {
            color: '#FFFFFF',
            color: '#B4C0CC',
            fontSize: 12,
         },
         axisLine: {
@@ -91,8 +100,12 @@
            show: false,
         },
         splitLine: {
            show: false,
         },
            show: true,
            lineStyle: {
               color: "rgba(93, 106, 143, .5)",
               type: "dashed"
            }
         }
      },
      series: [
         {
@@ -115,8 +128,9 @@
            symbolRepeat: 'fixed',
            symbolMargin: 3,
            symbol: 'rect',
            symbolClip: false,
            symbolClip: true,
            symbolPosition: 'end',
            clip: true,
            symbolSize: [10, 3],
            data: values,
            z: 2,
@@ -137,6 +151,7 @@
.deviceChart {
   width: 638px;
}
.titleBg {
   width: 618px;
   height: 34px;