highcharts從後臺獲得json數據怎麽在頁面展示

項目做了壹個報表，可以實時的觀察呼叫中心的電話訪問量，之前的版本是使用JFreechart做的，使用壹段時間後出現內存溢出，服務器的內存使用量會變得很大，所以改用Ajax前臺加載數據的方式實現實時報表功能，查了很久選擇了JQuery結合Highcharts的方式，Highcharts是壹個JS實時報表API，下面給出基本代碼：

首先，要添加JQuery和Highcharts的引用：

Js代碼?收藏代碼

頁面的body部分需要有個層用來渲染圖表：

Java代碼?收藏代碼

<body>?

<div?id="container"?style="height:?400px"></div>?

</body>?

在JS中聲明圖表：

Js代碼?收藏代碼

//<![CDATA[

$(function(){?

//聲明報表對象?

var?chart?=?new?Highcharts.Chart({?

chart:?{?

//將報表對象渲染到層上?

renderTo:?'container'?

},?

//設定報表對象的初始數據?

series:?[{?

data:?[29.9,?71.5,?106.4,?129.2,?144.0,?176.0,?135.6,?148.5,?216.4,?194.1,?95.6,?54.4]?

}]?

});?

function?getForm(){?

//使用JQuery從後臺獲取JSON格式的數據?

jQuery.getJSON('/sitemap.htmlJQueryPIC/ajax',?null,?function(data)?{?

//為圖表設置值?

chart.series[0].setData(data);?

});?

$(document).ready(function()?{?

//每隔3秒自動調用方法，實現圖表的實時更新?

window.setInterval(getForm,3000);

});?

//]]>

</script>