月球大数据地理空间分析展示平台-【前端】-月球2期前端
surprise
2023-11-17 9f9ae3e0253f2d657b6b337d62d269394d04ee09
src/components/BarGraphAxisLine.vue
@@ -29,25 +29,22 @@
let dataLength;
let data = [];
onMounted(() => {
  console.log(props.layerData);
  props.layerData.points.forEach((e, i) => {
    xAxisData.value.push(returnFloat1(e.len));
  });
  data = trans(props.layerData.points);
  seriesData.value = [];
  data.forEach((e) => {
    seriesData.value.push({
      data: e,
      type: "line",
      smooth: true,
      symbol: "none", //取消折点圆圈
      itemStyle: {
        normal: {
          label: {
            show: false,
            position: "top",
            formatter: "{c}",
          },
      label: {
        label: {
          show: false,
          position: "top",
          formatter: "{c}",
        },
      },
    });
@@ -88,6 +85,11 @@
    document.getElementById("myEchartsBIG"),
    "purple-passion"
  );
  var val = [];
  xAxisData.value.filter(res => {
    val.push((res / 1000).toFixed(3));
  })
  chart.setOption({
    title: {
      text: "",
@@ -156,8 +158,8 @@
    },
    xAxis: {
      type: "category",
      data: xAxisData.value,
      name: "米(m)",
      data: val,
      name: "千米",
      axisLabel: {
        //x轴文字的配置
        showMinLabel: true, // 强制显示最小值标签
@@ -193,8 +195,10 @@
    tooltip: {
      trigger: "axis",
    },
    yAxis: {
      type: "value",
    },
    series: seriesData.value,
  });