| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2024-11-04 16:32:04 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-12-02 21:00:44 |
| | | * @LastEditTime: 2025-02-19 12:04:28 |
| | | * @FilePath: \bigScreen\src\views\survey\components\box\dataContent.vue |
| | | * @Description: |
| | | * |
| | |
| | | // import { ref, reactive, onMounted, nextTick, inject } from 'vue' |
| | | import { useEchartsResize } from "hooks/useEchartsResize" |
| | | import { getRescueTeamStatistic } from "@/api/indParkInfo" |
| | | import { nextTick } from "vue" |
| | | import { nextTick, onUnmounted } from "vue" |
| | | |
| | | let $echarts = inject("echarts") |
| | | const curEcharts = ref(null) |
| | | |
| | | let myEcharts = reactive({ |
| | | chart: '' |
| | | chart: null |
| | | }) |
| | | |
| | | const echartsColors = ['#1E90FF', '#36A2EB', '#FFD700', '#FFA500', '#228B22', '#8FBC8F'] |
| | | const echartsColors = [ |
| | | '#9370DB', |
| | | '#FF6B6B', |
| | | '#66BB6A', |
| | | '#42A5F5', |
| | | '#AB47BC', |
| | | '#FFD54F', |
| | | '#FF85C0', |
| | | '#9CCC65', |
| | | '#FFA726', |
| | | '#78909C' |
| | | ] |
| | | |
| | | function getStatistic () { |
| | | getRescueTeamStatistic().then((res) => { |
| | |
| | | } |
| | | |
| | | useEchartsResize(echartsResize) |
| | | |
| | | onUnmounted(() => { |
| | | if (myEcharts.chart) { |
| | | myEcharts.chart.clear() |
| | | myEcharts.chart.dispose() |
| | | |
| | | myEcharts.chart = null |
| | | } |
| | | }) |
| | | </script> |
| | | |
| | | <template> |