Блог

У меня есть Ext.chart.Диаграмма типа «Круговая», и у меня есть хранилище с автозагрузкой и данными, подобными этому:

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

свойство «field» диаграммы равно «value».

Затем полный объект диаграммы добавляется на панель на сайте. Сначала я подумал, что 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>
  

(я сократил в […]), чтобы сделать код здесь читаемым.

Итак, как вы можете видеть, в нем есть элемент svg с определениями LinearGradients и невидимый элемент rect. Я не могу понять, почему данные не отображаются! Я работаю над этим уже несколько дней.

есть предложения?

Мне пришлось выполнить «doComponentLayout ()» с помощью и задать фиксированное значение with и height. В противном случае диаграмма элементов не будет отображаться.