extjs 4 折线图渲染问题

Question

我在使用 extjs 渲染下面的折线图时遇到问题。具体来说，最后六个值是空值，它们（正确地）未显示在系列线上，但（错误地）为它们显示了一个标记点​​（见下图的右上角）。

我正在将图形数据从数据库中提取为 json：

// data store fields
Ext.define('Graphs', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'the_quota',     type: 'int'},
        {name: 'count_pt_year', type: 'int'},
        {name: 'date_string',   type: 'string'}
    ]
});

// get the graph data
var graphStore = Ext.create('Ext.data.Store', {
    model: 'Graphs',
    proxy: {
        type: 'ajax',
        url: 'sqlRequest.jsp?queryName=events_getGraph',
        timeout: 160000,
        reader: 'json'
    },
    autoLoad:false
});

如果我将查询更改为将这些空值作为空白返回 ('')，那么 json 阅读器会将它们转换为零，并且这些值在图表底部显示为零 with a系列线，这比在没有系列线的情况下将标记贴在天花板上更糟糕。

我无法在Ext.chart.Series 中找到任何配置选项来隐藏图表上的空值。我也无法在Ext.data.Store 中找到一个配置选项来将空白返回为空白而不是“0”。

寻找其他解决方法。

或者是否有人从库本身 (ext-all.js) 中解决了这些问题？

Answer 1

Ext.data.Field 下有一个名为 useNull 的配置选项。如果接收到的数据无法解析为数字，则将使用null。截至目前，我不记得仅此一项是否能解决问题，而且我记得曾经使用过类似这样的自定义转换函数：

convert: function(value){
    if(typeof value !=== 'number') // or other similar conversion
        return undefined;
    return value;
}

如果这不起作用，您可能需要自定义您的商店/阅读器以完全排除包含不受欢迎的 null 值的记录。

编辑 - 使用 useNull 看起来像这样：{name: 'someName', type: 'int', useNull: true}