为什么执行“意外值NaN解析y属性”。 使用ExtJS绘制饼图时显示警告？

Question

我正在尝试使用ExtJS绘制饼图，但是出了点问题。 我可以在萤火虫窗口中看到以下警告：

Unexpected value NaN parsing y attribute.
Unexpected value NaN parsing height attribute.

我的饼图的代码如下：

xtype: 'chart',
title: 'Location wise candidate distribution',
itemId: 'CandidateDistributionChart',
store: 'CandidateDistribution',
width: 250,
height: 260,
shadow: true,
animate: true,
theme: 'Base:gradients',
legend: {
    position: 'right'
},
series: [{
    type: 'pie',
    field: 'candidateCount',
    showInLegend: true,
    label: {
        field: 'name',
        contrast: true,
        font: '18px Arial'
    }
}]

为什么这些警告来了？ 尽管我已经提到了所有必要的值，但目前仍未绘制图表。

请帮忙...

Answer 1

您使用了一个字符串来定义商店，但是它需要一个商店对象。 2个解决方案：

1） store: Ext.getCmp('CandidateDistribution'),

或者2）通过以下方式将存储区定义为变量： chartStore = Ext.create('Ext.data.Store', { ... }); 然后将其传递到图表配置： store: chartStore

但是根据错误可能不是问题所在...您可以发布商店代码，模型和图表容器吗？

Answer 2

确保至少一个值不为null或不为零。 如果全为零或为null，则将出现此类错误。

这就是模型。 我添加了退货并且成功了。 是一个快速修复

{name: 'HD', type: 'number', convert: function(value,record){
 if (value == 0)
     return 0.0001 // The graphic needs at least one of the values to be more than 0 or will throw an error.
  else     
     return value;
  }
},