HighCharts 后台加载数据的时候去掉默认的 series
2013-08-19 15:00
351 查看
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. 加载数据的时候
相关文章推荐
- HighCharts 后台加载数据的时候去掉默认的 series
- 使用easyUI的treegrid的时候,出现后台返回数据为空时,treegrid加载了前面请求到的数据到页面上的问题
- easyui默认不加载数据的时候 不出现横向滚动条
- easy UI datagrid加载的时候默认不加载数据
- HighCharts趋势图动态设置Series数组(根据后台决定具体几个data), 并动态刷新数据
- 使用Freemarker+springMVC时用Ajax加载数据,已经后台执行了,但是跳转到前台的时候报错
- 后台时不时的报错 --填充无效(即解析用户加密数据的时候)
- Extjs6 treepanel store无法加载请求后台URL数据bug
- vue--当从后台加载的图片出错时显示默认的图片
- 处理jfinal后台获取数据库dateTime类型数据默认多加.0的问题
- extjs的store默认加载数据时,增加本地一条数据
- datagridview加载数据后默认不选中首行
- Jquery加载时从后台读取数据绑定到dropdownList
- jqury+ajax每秒向后台发送请求数据然后返回页面(包括jqruy页面加载完毕才执行方法)
- 一次性加载树的所有节点在数据多的时候会使树的响应时间延长
- 默认加载数据分页,点击分页后再次异步数据
- DWZ 用dialog调用MVC自动生成的密码修改页面一直出现“数据加载中,请稍等...”和去掉“数据加载中,请稍等”的方法
- JSON数据与后台跨域交互时候网络请求的发送方式
- 封装Activity基类的时候数据重复加载的处理