首页 / ECHARTS / Echarts自定义图表显隐开关

Echarts自定义图表显隐开关

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Echarts自定义图表显隐开关，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1952字，纯文字阅读大概需要3分钟。

内容图文

  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;
}

     

原文：https://www.cnblogs.com/unique1319/p/9157183.html

内容总结

以上是互联网集市为您收集整理的Echarts自定义图表显隐开关全部内容，希望文章能够帮你解决Echarts自定义图表显隐开关所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1327436.html

来源：【匿名】