• HighCharts 后台加载数据的时候去掉默认的 series


    var chart;
    
    var options = {
        chart: {
            renderTo: 'container',
            type:'line'
        },
        title: {
            text: '历史趋势时序图',
            x: -20 //center
        },
        xAxis: {
            events : {afterSetExtremes : loadDate },
            categories: []
        },
        yAxis: {
        	title: { text: '测点峰值历史趋势' },
            min: 0,
            max: 100
        }
        //series: [{}]
    };
    
    $(document).ready(function(){
    	// 获取测点数据
    	loadSensor();
    	
    	var series = {
    		yAxis: 0,
    		name: "默认测点"
    	};//这里是关键
    		
    	chart = new Highcharts.Chart(options);
    	chart.addSeries(series);
        
        $("#btn_sure").click(function(){
    		loadDate();
    
    	});
        
        // 时间设置
        jQuery('#startDate, #endDate').datetimepicker({
            timeFormat: "hh:mm:ss",
            dateFormat: "yy-mm-dd"
        });
    });
    
    // 获取数据
        function loadDate() {
            
            var startDate = $.trim($("#startDate").val());
            var endDate = $.trim($("#endDate").val());
            var sensor = $.trim($("#sensor").val());
            chart.showLoading('正在加载数据...');
            
            $.ajax({
                url : 'jsonDiagno/jsondiagno_history.do?startDate='+startDate+'&endDate='+endDate+'&sensor='+encodeURI(encodeURI(sensor)),
                type : 'POST',
                dataType : 'json',
                contentType: "application/x-www-form-urlencoded; charset=utf-8", 
                success : function(data) {
                
                    var series = {
                        yAxis: 0,
                        name: sensor,
                        data: data.rows
                    };//加载数据的时候把之前的覆盖掉
                    
                    chart = new Highcharts.Chart(options);
                    chart.addSeries(series);
                
                }
            });
        }
    


    1. 初始化的时候

    2. 加载数据的时候

  • 相关阅读:
    [CSS] prefers-reduced-motion
    [VSCode] Adding Custom Syntax Highlighting to a Theme in VSCode
    Subversion/Git/ReviewBoard工作流程
    oracle hints
    Node.js学习(10)----文件系统fs
    网络子系统41_inet_peer平衡二叉树的删除
    由链表初始化看C语言的二级指针
    挣值管理不是搞数字游戏(4)——让挣值管理实用!
    关于数据库一致改关闭下redo日志文件丢失的处理办法的总结
    Android 操作系统的内存回收机制
  • 原文地址:https://www.cnblogs.com/keanuyaoo/p/3268793.html
Copyright © 2020-2023  润新知