如何通过2.0RC1在同一个div中添加两个饼图

Question

我想在同一个div中添加多个图表

例如：

<div id="chartcontainer1">
  <div id="chart1"></div>
  <div id="grid1"></div>
</div>
<div id="chartcontainer2">
  <div id="chart2"></div>
  <div id="grid2"></div>
</div>

我如何在集会中实现这一目标？我尝试使用renderTo但没有运气:(

Answer 1

试试这个：

items : [{
    xtype  : 'container',
    id     : 'chartcontainer1',
    layout : 'vbox'
}],

launch : function() {
    this.down('#chartcontainer1').add([{
        xtype : 'rallychart',
        id    : 'chart1'
    },{
        xtype : 'rallygrid',
        id    : 'grid1'
    }]);
}

或者，直接在初始配置中添加项目：

items : [{
    xtype  : 'container',
    id     : 'chartcontainer1',
    layout : 'vbox',
    items  : [{
        xtype : 'rallychart',
        id    : 'chart1'
    },{
        xtype : 'rallygrid',
        id    : 'grid1'
    }]
}]

您可以将“chartcontainer1”的配置设置为“hbox”以水平显示，或将“vbox”设置为垂直显示。希望这会有所帮助：）