function chartData() { var app_id = $('.app_id').attr('app_id'); var gener_id = $('.gener_id').attr('gener_id'); var pop_id = $('.listType li.active').attr('pop_id'); var date = $(".realTimeDate li.active span").attr("date"); $.ajax({ url:'/app/rankChange', type:'post', data:{ app_id:app_id, gener_id:gener_id, pop_id:pop_id, date:date, }, success:function (data) { chartLoad(data.data) }, dataType:'json' }) } var arr = []; var arr1 = []; function chartLoad(data){ var gener_name = $(".gener_id").text(); console.log(data); for(var i=0;i<data.rank_app_list.length;i++){ console.log(data.rank_total_list[i]); arr.push(data.rank_app_list[i]); i = i+2; } for(var k=0;k<data.rank_total_list.length;k++){ console.log(data.rank_total_list[k]); arr1.push(data.rank_total_list[k]); k = k+2; } $('#container').highcharts({ //tooltip控制折线图 tooltip:{ shared: true,//控制多个产品共同显示内容 crosshairs: true,//让y轴坐标显示 }, credits: { enabled: false//去掉链接 }, exporting:{ enabled:false //用来设置是否显示‘打印’,'导出'等功能按钮,不设置时默认为true }, //折线图颜色 colors:['#33CC99','#FF6565'], title: { text: '排名趋势' }, xAxis:{ // gridLineWidth : 1 // inverted: Boolean categories: ["0:00","3:00","6:00","9:00","12:00","15:00","18:00","21:00","00:00"], showFirstLabel: true, reversed: false }, yAxis:[ { title: { text: '应用榜排名' }, reversed: true }, { title: { text: gener_name+'排名' }, reversed: true, opposite: true } ], legend: { layout: 'vertical', layout: 'horizontal', align: 'center', verticalAlign: 'bottom', x: 0, y: 0 }, plotOptions: { series: { label: { connectorAllowed: true, }, pointStart: 1,//时间刻度值 X轴坐标 } }, series: [{ yAxis:0, name: '应用总榜', data: arr1 }, { yAxis:1, name: gener_name, data: arr }], responsive: { rules: [{ condition: { maxWidth: 300 }, chartOptions: { legend: { layout: 'horizontal', align: 'center', verticalAlign: 'bottom' } } }] } }); } chartData()