| | |
|---|
| | | <template> |
|---|
| | | <div class="title"> |
|---|
| | | {{ layerData.layerName }} |
|---|
| | | </div> |
|---|
| | | <div class="title">{{ layerData.layerName }}</div> |
|---|
| | | <div id="myEcharts" :style="{ width: width, height: height }"></div> |
|---|
| | | </template> |
|---|
| | | <script lang="ts" setup> |
|---|
| | |
|---|
| | | onMounted(() => { |
|---|
| | | // console.log(props.layerData); |
|---|
| | | xAxisData.value = []; |
|---|
| | | if (props.layerData && props.layerData.points) { |
|---|
| | | props.layerData.points.forEach((e, i) => { |
|---|
| | | xAxisData.value.push(e.len); |
|---|
| | | }); |
|---|
| | |
|---|
| | | nextTick(() => { |
|---|
| | | initChart(); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | onUnmounted(() => { |
|---|
| | |
|---|
| | | } |
|---|
| | | var valXData = []; |
|---|
| | | xAxisData.value.filter((rs) => { |
|---|
| | | |
|---|
| | | valXData.push((parseFloat(rs) / 1000).toFixed(3)); |
|---|
| | | }) |
|---|
| | | }); |
|---|
| | | myChart = myEcharts.init( |
|---|
| | | document.getElementById(`myEcharts`), |
|---|
| | | "purple-passion" |
|---|
| | |
|---|
| | | show: true, // 不显示坐标轴上的文字 |
|---|
| | | showMinLabel: true, // 强制显示最小值标签 |
|---|
| | | showMaxLabel: true, // 强制显示最大值标签 |
|---|
| | | |
|---|
| | | }, |
|---|
| | | splitLine: { |
|---|
| | | show: false, // 不显示网格线 |
|---|
| | |
|---|
| | | optionData[val.dataIndex].len == res.len && |
|---|
| | | res.vals[0] == val.data |
|---|
| | | ) { |
|---|
| | | |
|---|
| | | return ( |
|---|
| | | "数值： " + |
|---|
| | | res.vals[0] + |
|---|
