HighCharts 后台加载数据的时候去掉默认的 series
2013-08-19 20:27
465 查看
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
- HighCharts趋势图动态设置Series数组(根据后台决定具体几个data), 并动态刷新数据
- 使用Freemarker+springMVC时用Ajax加载数据,已经后台执行了,但是跳转到前台的时候报错
- 使用easyUI的treegrid的时候,出现后台返回数据为空时,treegrid加载了前面请求到的数据到页面上的问题
- easyui默认不加载数据的时候 不出现横向滚动条
- easy UI datagrid加载的时候默认不加载数据
- 160422、Highcharts后台获取数据
- MVC中使用Echart后台加载数据 实现饼图、折线图、全国地图数据,单击双击事件等
- Highcharts数据列(Series)
- 怎么在页面还没有加载完成时候,在页面上显示一个:"数据加载中......"
- jsp jquery 页面中select显示加载后的数据默认选中项
- post表单提交后,后台获取数据为null 大量数据的时候会出现这个问题
- 去掉后台数据的BOT头
- 数据来自后台非Ajax加载的联动实现方法
- jquery插件loadForm.js 编辑页表单默认数据加载
- wxBitmapButton加载png时候去掉系统风格的背景
- (转帖)关于easyui中的datagrid在加载数据时候报错:无法获取属性"Length"的值,对象为null或未定义
- Extjs4通过store向后台加载数据
- 在写extjs中一个panel里放了3个grid,但就是不显示页面,后台给出数据,前台也有加载数据