highcharts绘制折线图

/**
 * 绘制分析图表，取数据
 * 
 */
function drawRzhAnalysisBIG() {
$.ajax({
url : baseUrl + "/TOverhualtaskController?method=badAnalysis",
dataType : "json",
data : getQueryParameter(),
success : function(json) {
drawRzhBIG(json);
}
});
}


/**
 * 绘制图表
 * 
 * @param {}
 *            json
 */
function drawRzhBIG(json) {
$('#BIGDraw').highcharts({
credits : {
enabled : false
// 去掉highcharts网站url
},
chart : {
type : 'line',
marginRight : 0,
marginBottom : 25
},
title : {
text : '相对横向折线图',
align:'left',
x : 100
},
subtitle : {
text : '',
x : 0
},
xAxis : {
categories : json.xDate,
labels: {
               rotation: 15
           }
},
yAxis : {
title : {
text : '相对横向(%)'
},
plotLines : [{
value : 0,
width : 1,
color : '#808080'
}]
},
tooltip : {
valueSuffix : '%'
},
legend : {
layout : 'horizontal',
align : 'right',
verticalAlign : 'top',
x : 5,
y : 5,
borderWidth : 0
},
series : [{
name : '最大值',
data : json.rzhMax
}, {
name : '平均值',
data : json.rzhAvg
}, {
name : '最小值',
data : json.rzhMin
}]
});

}

rzhMax  rzhAvg  rzhMin  这三个是 后来取来的list

<div id="BIGDraw" style="float:left;width:98%;margin:10px;height:390px;">
</div>

版权声明：本文为博主原创文章，未经博主允许不得转载。