highchars
2014-03-12 01:21
369 查看
var drawChart = function(sourceUrl) { $.ajax({ "type" : "post", "url" : sourceUrl, "success" : function(result) { var data = result.data;//获取数据 var categories = result.categories;//categories类别 var datas = []; //把data数据处理成一条条json的格式的数据,付给series for ( var i = 0; i < data.length; i++) { // 构建折线图数据 datas.push({ name : data[i].name,//线条的名字 data : data[i].data//线条走势所需要的数据 }); }//end for if (datas.length > 0) { var stepSize= Math.floor(categories.length/10); drawLine(datas, categories);//把所需的数据传给highcharts $("#line").css('display','block'); $("#line").show(); } }, "dataType" : "json" }); }; // var chart; var drawLine = function(data, categoriess) { chart = new Highcharts.Chart({ chart : { renderTo : 'line', defaultSeriesType : 'line' }, title : {text : '频道观看时长统计图'}, xAxis : { categories :categoriess, title:{ text:"时间"} }, yAxis : {title : {text : '观看时长'} }, legend: { layout: 'vertical', backgroundColor: '#FFFFFF', align: 'left', verticalAlign: 'top', x: 50, y: 20, floating: true, shadow: true }, series :data }); };
相关文章推荐
- Struts2拦截器获取session
- codeforces#235_div2_C Team 简单构造
- codeforces#235_div2_C Team 简单构造
- 【MyGui 3.2.0 开发之一】 编译(OpenGL平台)
- [ACM_水题] UVA 11292 Dragon of Loowater [勇士斗恶龙 双数组排序 贪心]
- 【C#基础学习】学习日记1
- Ubuntu系统服务详解
- JSON格式
- 创建型模式のAbstractFactory抽象工厂模式
- 类豌豆荚: Linux Mint实测QtADB安卓管理客户端
- poj2524_并查集基础
- Android中相对布局RelativeLayout各个属性的含义
- Java中abstract和interface的区别
- Chrome的无痕浏览实现初探
- IOS检测网络连接状态(转)
- db block gets ,consistent reads
- mac mariadb编译后无法启动
- 纯js实现微信打飞机游戏代码
- Android webapi
- Sep 15 FullCalendar日历插件说明文档