完善左上角切换监测因子后，折线图联动切换功能

riku

2024-04-26 5efebb555efd984f3dd35de83e465cd53aaf8175

 history.mode.js

@@ -195,6 +195,9 @@
    if (!this.mapMaker.runStatus()) {
      this.drawMesh(false, this, this.factorDatas);
    }
    // 折线图选中对应因子
    this.choseOneFactorLineChart(factorType);
    // 表格选中对应因子
  },
  setFactorMode: function (factorMode) {
    if (this.factorMode != factorMode) {
@@ -323,6 +326,25 @@

    this.refreshLineChartData();
  },
  // 单选一个监测因子展示折线图
  choseOneFactorLineChart(factorType) {
    let index = parseInt(factorType) - 1
    for (let i = 0; i < this.historyDatas.datas.length; i++) {
      this.historyDatas.datas[i].show = false;
      this.historyDatas.physicalQuantity[i].show = false;
      // if (this.historyDatas.datas[i].name == Util.factorName[factorName]) {
      //   index = i
      // }
    }
    this.historyDatas.datas[index].show = true;
    this.historyDatas.physicalQuantity[index].show = true;
    this.lineChartFactorType = [factorType];
    CheckBox.refreshCheckBox(
      'history_chart_factorbox',
      this.lineChartFactorType
    );
    this.refreshLineChartData();
  },
  // 创建初始折线图
  drawLineChart: function () {
    this.lineChartOption = FChart.genLineChart(
@@ -435,8 +457,10 @@
  },
  onCheckTable: function (obj) {
    Table.onChangeTh(obj.value, obj.checked);
    DataSummary.onChangeFactor('history_table_summary', obj.value, obj.checked);
  },
  refreshTable: function () {
    DataSummary.summary('history_table_summary', this.factorDatas);
    Table.table(
      'history_table',
      this.originData,
@@ -509,13 +533,7 @@
    this.mapMaker.setOnStopCallback(
      function () {
        var f = this.factorDatas.factor[this.factorType + 1 + ''];
        MapUtil.drawMesh2(
          this.factorDatas.lnglats_GD,
          this.factorDatas.coors_GD,
          f.heights,
          f.colors,
          f.bottomColor
        );
        MapUtil.drawMesh2(this.factorDatas, f);
        callback();
      }.bind(this)
    );