Question

我正在尝试使用ExtJS绘制饼图，但出现了问题。我可以在firebug窗口看到以下警告：

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，则会出现此类错误。

这是模特。我添加了返回并且它有效。是一个快速解决方案

{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;
  }
},

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

2 个答案: