吉安感知网项目-前端
shuishen
2026-01-19 42e8be72925e16874b21e638cf4e026b5af9d851
feat:echarts图表样式调整
3 files modified
23 ■■■■ changed files
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart1.vue 7 ●●●●● patch | view | raw | blame | history
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart2.vue 2 ●●● patch | view | raw | blame | history
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart3.vue 14 ●●●● patch | view | raw | blame | history
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart1.vue
@@ -149,7 +149,7 @@
        graphic: {
            type: 'text',
            left: '22%',
            top: '35%',
            top: '48%',
            style: {
                text: '设备类型',
                fill: '#FFFFFF',
@@ -166,6 +166,7 @@
                color: '#FFFFFF',
                fontSize: 12,
                rich: legendRich,
                lineHeight: 30
            },
            itemWidth: 8,
            itemHeight: 8,
@@ -198,7 +199,7 @@
        },
        title: {
            x: 'center',
            top: '20',
            top: 0,
            textStyle: {
                color: '#fff',
                fontSize: 22,
@@ -227,7 +228,7 @@
            show: false,
            boxHeight: 26,
            left: '0%',
            top: -20,
            top: '-2%',
            width: '60%',
            viewControl: {
                distance: 210,
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart2.vue
@@ -45,7 +45,7 @@
            top: 15,
            left: 10,
            right: 10,
            bottom: 10,
            bottom: 0,
            containLabel: true,
        },
        tooltip: {
applications/drone-command/src/views/basicManage/deviceStock/DeviceChart3.vue
@@ -42,7 +42,7 @@
            top: 15,
            left: 10,
            right: 10,
            bottom: 10,
            bottom: 0,
            containLabel: true,
        },
        tooltip: {
@@ -76,10 +76,19 @@
                color: '#FFFFFF',
                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',
            min: 1,
            minInterval: 1,
            axisLabel: {
                color: '#FFFFFF',
                fontSize: 12,
@@ -115,8 +124,9 @@
                symbolRepeat: 'fixed',
                symbolMargin: 3,
                symbol: 'rect',
                symbolClip: false,
                symbolClip: true,
                symbolPosition: 'end',
                clip: true,
                symbolSize: [10, 3],
                data: values,
                z: 2,