如何在Extjs 4面板中添加Amchart图表？

我想在ExtJS面板中添加Amchart图表我该怎么做？如何在Extjs 4面板中添加Amchart图表？

见下文Amchart代码

如何增加对ExtJS的面板设计这个图表

var columnChartData = [ 
      { 
       "name": "John", 
       "points": 35654, 
       "color": "#7F8DA9", 
       "bullet": "images/0.gif" 
      } 
     ]; 

    var chart = new AmCharts.AmSerialChart(); 
      chart.dataProvider = columnChartData; 
      chart.categoryField = "name"; 
      chart.startDuration = 1; 
      // WRITE 
      chart.write("example-grid");

//写上ExtJS的面板

来源

2016-02-18 Rahul Bhawar

添加本图（部分）：

再添此容器的组件。

说明： •在添加之前触发beforeadd事件。 •容器的默认配置值将相应应用（请参阅默认值了解详细信息）。 •添加组件后触发添加事件。

注：

如果容器已经呈现加时被调用，它将使新添加的组件到其内容区域。

如果容器配置了尺寸管理布局管理器，Container此时也将重新计算其内部布局。

请注意，默认布局管理器只是将子组件顺序呈现到内容区域中，之后不执行大小调整。

如果添加多个新子组件，请将它们作为数组传递给add方法，以便仅执行一次布局重新计算。

tb = new Ext.toolbar.Toolbar({ 
    renderTo: document.body 
}); // toolbar is rendered 
// add multiple items. 
// (defaultType for Toolbar is 'button') 
tb.add([{text:'Button 1'}, {text:'Button 2'}]);

要在现有指针之间注入组件，请使用insert方法。

要做一个新视图的动态加载在面板上使用.add（组件）。也许你应该做一个panel.refresh（）如果新的组件添加，但没有显示

来源

2016-02-18 09:11:09

你的意思是我需要添加我的图表对象Extjs.panel项目 - 它不工作，因为我已经试过这个 –

好吧我会减速，也许有人可以解决它 –

如何在Extjs 4面板中添加Amchart图表？

回答

相关问题