將extjs條形圖示例加載到div標記中

剛剛在這裏嘗試理解和使用extjs 4.2.1的新手。我非常喜歡圖表和網格，並希望將它們合併到我當前的應用程序中。我得到了示例網格在我的應用程序中工作，但圖表變得有點困難。我使用的樣例代碼在將extjs條形圖示例加載到div標記中

這使得圖表中的另一個窗口，想知道是否有人能幫助我把這個變成一個div標籤上我的面板之一。

這裏是容器我對圖表：

<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="splitter:false"> 
     <div id="container"></div> 
</div>

和圖表腳本：charts.js

Ext.require('Ext.chart.*');

Ext.require（[ 'Ext.Window'，「分機。 fx.target.Sprite'，'Ext.layout.container.Fit']）;

Ext.onReady（函數（）{ VAR TEXTAREA;

var store = new Ext.data.JsonStore({ 
    fields: ['name', 'visits', 'views'], 
    data: [ 
     { name: 'Jul 07', visits: 245000, views: 3000000 }, 
     { name: 'Aug 07', visits: 240000, views: 3500000 }, 
     { name: 'Sep 07', visits: 355000, views: 4000000 }, 
     { name: 'Oct 07', visits: 375000, views: 4200000 }, 
     { name: 'Nov 07', visits: 490000, views: 4500000 }, 
     { name: 'Dec 07', visits: 495000, views: 5800000 }, 
     { name: 'Jan 08', visits: 520000, views: 6000000 }, 
     { name: 'Feb 08', visits: 620000, views: 7500000 } 
    ] 
});

Ext.define（ 'Ext.chart.theme.CustomBlue'，{ 延伸： 'Ext.chart.theme.Base' ，

62471914663944712

}）;

來源

2014-01-08 vbNewbie

你沒有解釋的問題是什麼，但它是從看代碼很清楚

。

問題是您需要給圖表一個寬度/高度，因爲它需要那些適當的大小。在文檔的原始示例中，尺寸由窗口上使用的fit佈局明確提供。

來源

2014-01-08 20:43:08

非常感謝。是的，我沒有澄清，我沒有看到圖表。一旦我添加了高度：350，寬度：800，我可以看到圖表不是條形圖和數據;所以我會在接受你的答案之前做一點工作。真的很感謝你的迴應。 – vbNewbie

圖表定義'data1'中的字段與商店中的字段不匹配。 –

是的，得到它的工作，謝謝。順便說一句，你可能知道一個鏈接，說明如何從遠程源獲取數據並將它傳遞給extjs中的這些小部件，圖表/網格。我現在會離開你一個人，再次感謝。 – vbNewbie

將extjs條形圖示例加載到div標記中

回答

相關問題