zoukankan      html  css  js  c++  java
  • Echarts自定义图表显隐开关

    1. 插入折线
      // 插入折线
      function appendLineToChart(name, data, zeroData) {
          var line = {
              name: name,
              type: 'line',
              xAxisIndex: 0,
              smooth: false,
              connectNulls: true,
              data: data,
              markLine: {
                  lineStyle: {
                      type: 'dashed'
                  },
                  data: zeroData
              }
          }
          option.series.push(line);
          chart.setOption(option);
      }
    2. 清除折线
      function removeLineFromChart(name) {
          var index = -1;
          for (var i = 0; i < option.series.length; i++) {
              if (option.series[i].name == name) {
                  index = i;
                  break;
              }
          }
      
          if (index > -1) {
              option.series.splice(index, 1);
              chart.setOption(option, true);  // 设置option不合并(覆盖)
          }
      }
    3. 对于其中的交互和传值可以动态的去创建对象
      function parseSkData(skData, dataInfo) {
      
          var skTime = dataInfo.time;
          var skAgingType = dataInfo.skAgingType;
          var fileName = getSKFileName(skTime, skAgingType);
      
          data = skData["stationDataList"];
      
          var Station = {};
      
          Station[fileName + ':tmp'] = new Array();
          Station[fileName + ':dp'] = new Array();
          Station[fileName + ':tmp_zero'] = null;
      
      
          if (!(data == null || data == undefined || data == '')) {
              /*获取折线折点*/
      
              for (var i = 0; i < data.length; i++) {
                  var line = data[i];
                  var _dew = line.dew;
                  var _height = line.height;
                  var _hpa = line.hpa;
                  var _tmp = line.tmp;
                  var _winDir = line.winDir;
                  var _winSpeed = line.winSpeed;
      
                  _dew = _dew == 9999 ? '-' : _dew;
                  _height = _height == 9999 ? '-' : _height;
                  _hpa = _hpa == 9999 ? '-' : _hpa;
                  _tmp = _tmp == 9999 ? '-' : _tmp;
                  _winDir = _winDir == 9999 ? '-' : _winDir;
                  _winSpeed = _winSpeed == 9999 ? '-' : _winSpeed;
      
                  Station[fileName + ':tmp'][i] = new Array(_tmp, _hpa);
                  Station[fileName + ':dp'][i] = new Array(_dew, _hpa);
              }
      
              Station[fileName + ':tmp_area_data'] = [];
              Station[fileName + ':tmp_zero'] = calcZero(data, 'tmp', Station[fileName + ':tmp_area_data']);
      
              /*计算冷暖层强度*/
              if (Station[fileName + ':tmp_zero'].length > 1) {
                  Station[fileName + ':tmp_areas'] = [];
                  Station[fileName + ':tmp_areas'] = calAreas(Station[fileName + ':tmp_area_data']);
              }
          }
          return Station;
      }
  • 相关阅读:
    重新学习Spring注解——servlet3.0
    重新学习Spring注解——Spring容器
    重新学习Spring注解——扩展原理
    重新学习Spring注解——声明式事务
    重新学习Spring注解——AOP
    Spring——JDBC——数据库
    重新学习Spring注解——ICO
    加减操作使数组中至少有k个数相同(贪心)
    LeetCode-765 情侣牵手/交换座位
    数字三角形问题(动态规划)
  • 原文地址:https://www.cnblogs.com/unique1319/p/9157183.html
Copyright © 2011-2022 走看看