zoukankan      html  css  js  c++  java
  • 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. 加载数据的时候

  • 相关阅读:
    ASP.NET中的状态保持(转载)
    Win7系统下VS2008安装SP1补丁解决JQuery无智能提示的问题
    合并多个List<T>类型并通过LINQ按指定属性排序
    ASP.NET状态保持:ViewState
    第一部分 CLR基础:第1章 CLR的执行模型
    Oracle存储过程知识汇总
    ASP.NET中Button控件的CommandName和CommandArgument属性用法
    PL/SQL Developer使用
    ASP.NET常用代码汇总
    PL/SQL Developer中文注释乱码的解决办法
  • 原文地址:https://www.cnblogs.com/keanuyaoo/p/3268793.html
Copyright © 2011-2022 走看看