版本更新，阴影分析，等高线添加

surprise

2023-10-23 538d7313f98da3c304365f1c2b22c3e23d91db35

 src/components/BarGraphAxisLine.vue

@@ -1,6 +1,12 @@
<template>
  <div class="Echarts_box" :style="{ width: width, height: height }">
    <div id="myEchartsBIG" style="width: 100%; height: 100%"></div>
  <div
    class="Echarts_box"
    :style="{ width: width, height: height }"
  >
    <div
      id="myEchartsBIG"
      style="width: 100%; height: 100%"
    ></div>
  </div>
</template>
<script lang="ts" setup>
@@ -29,7 +35,6 @@
let dataLength;
let data = [];
onMounted(() => {
  console.log(props.layerData);
  props.layerData.points.forEach((e, i) => {
    xAxisData.value.push(returnFloat1(e.len));
  });
@@ -86,6 +91,10 @@
    document.getElementById("myEchartsBIG"),
    "purple-passion"
  );
  var val =  xAxisData.value.filter(res=>{
    return res /1000;
  })
  debugger
  chart.setOption({
    title: {
      text: "",
@@ -154,8 +163,8 @@
    },
    xAxis: {
      type: "category",
      data: xAxisData.value,
      name: "米（m）",
      data:val,
      name: "千米（KM）",
      axisLabel: {
        //x轴文字的配置
        showMinLabel: true, // 强制显示最小值标签
@@ -191,6 +200,7 @@
    tooltip: {
      trigger: "axis",
    },

    yAxis: {
      type: "value",
    },