当前位置: 代码迷 >> Ajax >> highstock与EXT.AJAX组合,无显示,求解
  详细解决方案

highstock与EXT.AJAX组合,无显示,求解

热度:577   发布时间:2013-10-11 14:52:39.0
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 : [{  
     type:'column',
     name:'温度',
     data:data,
        tooltip: {  
            xDateFormat: '%Y-%m-%d'
        }  
    }]  
})
})

是不是我的json写错了?
extjs highstock ajax

------解决方案--------------------
var data = [];
$.ajax({
    url: 'data/data.json',async:false,//设置为同步的。。。关键
    dataType:'text',///
    params: {
    },
    success: function(response){
        var data1 = eval('('+response.responseText+')');////
        data = data1.data;
alert(222);////////
    }
});

$(function() { 
alert(111)///////


加上面2个alert语句,应该是先输出222才到111,如果不对那就是你的数据部符合类库的要求
  相关解决方案