PieChart没有显示任何内容

时间:2011-05-31 15:24:12

标签: extjs extjs4

我有一个类型为“Pie”的Ext.chart.Chart,我有一个带自动加载的商店和这样的数据:

[
 {name : 'Firefox', value: 50}
 {name : 'IE', value: 30}
 {name : 'Safari', value: 10}
 {name : 'Others', value: 10}
]

图表的“字段”属性是“值”。

然后将完整的图表对象添加到站点上的Panel中。我首先想到的是,PieChart并没有被绘制,但在DOM中我有这个:

<div id="chartCmp" class="x-surface x-surface-default" role="presentation">
 <svg  xmlns="http://www.w3.org/2000/svg" version="1.1" width="undefined" height="undefined" id="ext-gen1053">
   <defs>[...]</defs>
   <rect width="100%" height="100%" fill="#000" stroke="none" opacity="0" id="ext-gen1054"/>
 </svg>
</div>

(我在[...]缩写)以使代码在这里可读。

因为你可以看到有一个带有defs of LinearGradients的svg元素和一个不可见的rect元素。我无法理解,为什么数据不显示!我已经做了好几天了。

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

我必须做“doComponentLayout()”,并给出一个固定的和高度。否则,PieChart将不会出现。