highstock与EXT.AJAX结合,无显示,求解
这是一个highstock与EXTJS结合的例子,前台页面数据有响应,但是没显示出来
代码如下:
var data = [];
Ext.Ajax.request({
url: 'data/data.json',
params: {
},
success: function(response){
var data1 = Ext.JSON.decode(response.responseText);
data = data1.data;
}
});
$(function() {
$('#container').highcharts('StockChart',{
chart: {
renderTo: 'container'//指向的div的id属性
},
rangeSelector: {
inputEnabled:false,
labelStyle: {
color: '#39',
fontWeight: 'bold'
},
buttons: [{//定义一组buttons,下标从0开始
type: 'day',
count: 10,
text: '10天'
}],
selected: 0//表示以上定义button的index,从0开始
},
title : {
text : '2013年10月温度表'
},
xAxis:{
// 如果X轴刻度是日期或时间,该配置是格式化日期及时间显示格式
dateTimeLabelFormats: {
second: '%Y-%m-%d<br/>%H:%M:%S',
minute: '%Y-%m-%d<br/>%H:%M',
hour: '%Y-%m-%d<br/>%H:%M',
day: '%m月%d日',
week: '%Y<br/>%m-%d',
month: '%Y-%m',
year: '%Y'
}
},
yAxis : {
title: {
text: '温度' //y轴上的标题
}
},
series : [{
t