月球大数据地理空间分析展示平台-【前端】-月球2期前端
surprise
2023-10-23 538d7313f98da3c304365f1c2b22c3e23d91db35
src/components/BarGraph.vue
@@ -119,6 +119,9 @@
  if (myChart) {
    myChart.clear();
  }
  var valXData=  xAxisData.value.filter(res=>{
 return (res/1000).toFixed(2)
  })
  myChart = myEcharts.init(
    document.getElementById(`myEcharts`),
    "purple-passion"
@@ -144,9 +147,9 @@
      // data: xAxisData.value,
    },
    xAxis: {
      name: "米(m)",
      name: "千米(KM)",
      type: "category",
      data: xAxisData.value,
      data: valXData,
      show: true, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
      axisTick: {
        show: true, // 不显示坐标轴刻度线
@@ -178,17 +181,16 @@
        if (optionData) {
          for (var i in optionData) {
            var res = optionData[i];
            if (
              optionData[val.dataIndex].len == res.len &&
              res.vals[0] == val.data
            ) {
              return (
                "数值: " +
                val.data +
                res.vals[0] +
                " <br> 距离:" +
                val.dataIndex +
                "m<br> 经度:" +
                res.len +
                "KM<br> 经度:" +
                res.x.toFixed(6) +
                "<br> 纬度:" +
                res.y.toFixed(6)
@@ -196,7 +198,7 @@
              break;
            }
          }
          return "数值: " + val.data + " <br> 距离:" + val.dataIndex + "m";
          return "数值: " + val.data + " <br> 距离:" + val.dataIndex + "Km";
        } else {
          return "数值: " + val.data + " <br> 距离:" + val.dataIndex + "m";
        }