extjs 4 проблемы с отображением линейных диаграмм

Question

У меня возникли проблемы с отображением строки, изображенной ниже. В частности, последние шесть значений являются нулевыми, которые (правильно) не показаны в строке серии, но (неправильно) имеют отображаемую для них маркерную точку (см. Вверху справа от изображения ниже).

Я потянув данные графика из базы данных в формате 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 преобразует их к нулям, а значения отображаются как ноль в нижней части графика с последовательной линией, которая хуже, чем маркеры, оштукатуренные потолком без линейки.

Я не смог найти никакой опции конфигурации в 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.

EDIT - Использование useNull выглядит следующим образом: {name: 'someName', type: 'int', useNull: true}