上一回,我们使用官方的介绍,完成了Highcharts的入门
1. 引入Highcharts 依赖的JS
2. 新建DIV容器
3. 编写JS
在这里,我们用Java做后台实现数据的传递
1. 改造JS
我们为了使用从后台传过来的数据,需要对JS做些修改
<script type="text/javascript">
$(function() {
var options = {
chart : {
type : 'column' , //指定图表的类型,默认是折线图(line)
renderTo: 'container'
},
title : {
text : 'My first Highcharts chart' //指定图表标题
},
xAxis : {
categories : [ 'my', 'first', 'chart' ] //指定x轴分组
},
yAxis : {
title : {
text : 'something' // 指定y轴的标题
}
},
series : [ ] //指定数据列,这里设为空,我们从后台拿数据
};
//从后台获取json格式的数据
$.getJSON("hello" , function(data) {
//插入Json数据
options.series = data;
//初始化chart
var cha