使用json不能正常工作的填充Extjs圖形

因此，Im試圖做的是填充Extjs折線圖。我創建了一個JSON商店，從一個遠程頁面拉出JSON，出於某種原因，我的圖沒有被填充。使用json不能正常工作的填充Extjs圖形

我的繼承人分機代碼：

Ext.onReady(function(){ 

var store = new Ext.data.JsonStore({ 
    autoDestroy: true, 
    url: 'http://myURL.com', 
    storeId: 'graphStore', 
    root: 'rows', 
    idProperty: 'date', 
    fields: ['date', 'posts'] 
}); 

new Ext.Panel({ 
    title: 'Posts', 
    renderTo: 'test_graph', 
    width:500, 
    height:300, 
    layout:'fit', 

    items: { 
     xtype: 'linechart', 
     store: store, 
     xField: 'date', 
     yField: 'posts', 
     listeners: { 
      itemclick: function(o){ 
       var rec = store.getAt(o.index); 
       Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('date')); 
      } 
     } 
    } 
});

}）;

而繼承人是應該被填充它的JSON：

{"rows":[ 
    {"date":"2010-06-11","posts":4}, 
    {"date":"2010-06-12","posts":3}, 
    {"date":"2010-06-13","posts":1}, 
    {"date":"2010-06-14","posts":2} 
]}

我無法弄清楚我爲什麼不會工作的生活。圖形軸出現，但該行不渲染。

來源

2010-07-05 seanmcgary

Call store.load（）; – subv3rsion 2011-03-14 17:00:05

嗨，我面臨同樣的問題。你有沒有想過如何解決它？謝謝 – 2011-04-25 16:48:35

我有同樣的問題，即使store.autoLoad設置爲真正

其實，一切工作很好，當我硬編碼json結果進入頁面。但是當我試圖使用ajax從數據庫中提取時，該行從未呈現！這也不是從數據庫中讀取的問題。我證實它確實從數據庫中提取。

我解決了這個設置autoLoad到假並呈現實際的圖表後添加store.load()和它的工作完全罰款。

來源

2011-12-21 03:19:36 Geronimo

+1個人故事和你自己的修復。感謝您花時間寫出答案！ – scraimer 2011-12-21 06:57:21

您可能希望將autoLoad屬性設置爲true，在商店，如：

var logsRemoteJsonStore = new Ext.data.JsonStore 
({ 
    proxy: logsRemoteProxy 
    , storeId: 'ourRemoteStore' 
    , autoLoad: true 
    , fields: logsRecordFields 

});

事實上，證實從http://joefreeman.co.uk/projects/extstock/part-2.html下面的代碼不工作，所以幾乎可以肯定是自動加載參數，但請查看下面示例中的其他參數。

感謝，

阿爾

Ext.onReady(function() { 
    var store = new Ext.data.JsonStore({ 
     baseParams: { 
      symbol: 'GOOG' 
     }, 
     autoLoad: true, 
     url: '/CMSAdmin/ReadSiteStatisticsEightMonthSummary/', 
     root: 'data', 
     fields: ['date', 'close'] 
    }); 

    new Ext.Window({ 
     title: 'GOOG', 
     width: 400, 
     height: 300, 
     items: new Ext.chart.LineChart({ 
      store: store, 
      xField: 'date', 
      yField: 'close' 
     }) 
    }).show(); 

});

JSON：

{"symbol":"GOOG","start":1279627043,"span":32140800,"data":[{"close":462,"date":"2010-08-20"},{"close":476,"date":"2010-09-09"},{"close":527,"date":"2010-09-28"},{"close":601,"date":"2010-10-15"},{"close":620,"date":"2010-11-03"},{"close":591,"date":"2010-11-22"},{"close":592,"date":"2010-12-10"},{"close":598,"date":"2010-12-30"},{"close":631,"date":"2011-01-19"}]}

來源

2011-07-27 07:24:19 aldosa

使用json不能正常工作的填充Extjs圖形

回答

相關問題