我有一个类型为“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元素。我无法理解,为什么数据不显示!我已经做了好几天了。
有什么建议吗?
答案 0 :(得分:1)
我必须做“doComponentLayout()”,并给出一个固定的和高度。否则,PieChart将不会出现。