| | |
| | | <div class="title"> |
| | | {{ layerData.layerName }} |
| | | </div> |
| | | <div id="myEcharts" :style="{ width: width, height: height }"></div> |
| | | <div |
| | | id="myEcharts" |
| | | :style="{ width: width, height: height }" |
| | | ></div> |
| | | </template> |
| | | <script lang="ts" setup> |
| | | import { |
| | |
| | | name: "米(m)", |
| | | type: "category", |
| | | data: xAxisData.value, |
| | | show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字 |
| | | show: true, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字 |
| | | axisTick: { |
| | | show: false, // 不显示坐标轴刻度线 |
| | | show: true, // 不显示坐标轴刻度线 |
| | | }, |
| | | axisLine: { |
| | | show: false, // 不显示坐标轴线 |
| | | show: true, // 不显示坐标轴线 |
| | | }, |
| | | axisLabel: { |
| | | show: false, // 不显示坐标轴上的文字 |
| | | show: true, // 不显示坐标轴上的文字 |
| | | showMinLabel: true, // 强制显示最小值标签 |
| | | showMaxLabel: true, // 强制显示最大值标签 |
| | | }, |
| | |
| | | }, |
| | | yAxis: { |
| | | type: "value", |
| | | show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字 |
| | | show: true, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字 |
| | | axisTick: { |
| | | show: false, // 不显示坐标轴刻度线 |
| | | show: true, // 不显示坐标轴刻度线 |
| | | }, |
| | | axisLine: { |
| | | show: false, // 不显示坐标轴线 |
| | | show: true, // 不显示坐标轴线 |
| | | }, |
| | | axisLabel: { |
| | | show: false, // 不显示坐标轴上的文字 |
| | | show: true, // 不显示坐标轴上的文字 |
| | | }, |
| | | splitLine: { |
| | | show: false, // 不显示网格线 |
| | | show: true, // 不显示网格线 |
| | | }, |
| | | }, |
| | | series: seriesData.value, |