highcharts ajax java_highcharts Ajax 动态请求加载数据

无标题文档

load();

});

function selectData(){

var startTime= $("#startTime").val();

var endTime= $("#endTime").val();

var data={"startTime":startTime,"endTime":endTime};

load(data);

}

var load=function(data){

$.post("${ctx}/loadData",data,function(result){

var seriesData=eval(result.series);

var categoriesData=eval(result.categories);

$('#container').highcharts({

chart: {

type:'column'},

title: {

text:'广州万秀网后台数据统计'},

subtitle: {//text: 'Source: WorldClimate.com'

},

xAxis: {

categories: categoriesData

},

yAxis: {

min:0,

title: {

text:'数量 (个)'}

},tooltip: {

shared:true,

formatter: function() {

var dataVal="";for(var i = 0;i

var series=this.points[i].series.name.replace(/\d+/g,'');

var s=series.replace('
','')

dataVal+=s+":" +this.points[i].y+ "
";

}returndataVal;

}

},

credits: {//去掉默认的highcharts.com

enabled: false},

plotOptions: {

column: {

pointPadding:0.2,

borderWidth:0,

}

},

series: seriesData

});

},"json");

}

" id="startTime" class="input-mini Wdate" οnclick="WdatePicker({dateFmt:'yyyy-MM',isShowClear:false,maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M\'}' });" readonly="true" style="margin-bottom: 0px"> --  type="text" id="endTime" value="" class="input-mini Wdate" οnclick="WdatePicker({dateFmt:'yyyy-MM',isShowClear:false,minDate: '#F{$dp.$D(\'startTime\')}',maxDate:'%y-%M' });" readonly="true" style="margin-bottom: 0px">

//后台java 代码