版本更新

surprise

2023-10-26 f4a54f5d378fb194d4132de2668e5d85a255b8ff

 src/components/BarGraph.vue

@@ -2,10 +2,7 @@
  <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 {
@@ -119,8 +116,10 @@
  if (myChart) {
    myChart.clear();
  }
  var valXData=  xAxisData.value.filter(res=>{
 return (res/1000).toFixed(2)
  var valXData = [];
  xAxisData.value.filter((rs) => {

    valXData.push((parseFloat(rs) / 1000).toFixed(3));
  })
  myChart = myEcharts.init(
    document.getElementById(`myEcharts`),
@@ -147,13 +146,14 @@
      // data: xAxisData.value,
    },
    xAxis: {
      name: "千米（KM）",
      name: "千米",
      type: "category",
      data: valXData,
      show: true, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
      axisTick: {
        show: true, // 不显示坐标轴刻度线
      },
 
      axisLine: {
        show: true, // 不显示坐标轴线
      },
@@ -161,6 +161,7 @@
        show: true, // 不显示坐标轴上的文字
        showMinLabel: true, // 强制显示最小值标签
        showMaxLabel: true, // 强制显示最大值标签
     
      },
      splitLine: {
        show: false, // 不显示网格线
@@ -185,11 +186,12 @@
              optionData[val.dataIndex].len == res.len &&
              res.vals[0] == val.data
            ) {

              return (
                "数值： " +
                res.vals[0] +
                " <br> 距离：" +
                res.len +
                (res.len / 1000).toFixed(3) +
                "KM<br> 经度：" +
                res.x.toFixed(6) +
                "<br> 纬度：" +
@@ -208,7 +210,7 @@
    grid: {
      left: "5%", // 组件离容器左侧的距离,百分比字符串或整型数字

      right: "10%",
      right: "23%",

      containLabel: true, //grid 区域是否包含坐标轴的刻度标签，
    },