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

Question

我想在 ExtJS 面板中添加 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面板上写这个图表

Answer 1

添加（组件）：

将组件添加到此容器。

说明： •在添加之前触发 beforeadd 事件。 •容器的默认配置值将被相应地应用（详见默认值）。 •添加组件后触发添加事件。

注意事项：

如果调用 add 时 Container 已经渲染，则将新添加的 Component 渲染到其内容区域中。

如果 Container 配置了尺寸管理布局管理器，此时 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(component)。 如果添加了新组件但未显示，也许您应该执行 panel.refresh()