Question

我想在ExtJS Panel中添加Amchart图表我该怎么做？

见下面的Amchart代码

如何在ExtJS Panel上添加此设计图表

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 Panel上写这个图表

Answer 1

添加（组件）：

向此Container添加组件。

描述： •在添加之前触发beforeadd事件。 •将相应地应用Container的默认配置值（有关详细信息，请参阅默认值）。 •添加组件后触发add事件。

注意：

如果在调用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（组件）进行新视图的动态加载。也许你应该做一个panel.refresh（）如果添加了新组件但没有显示

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

1 个答案: