0

我在存储中给图表的空值有问题。我想在值为 null 时打破系列，并在值返回数字时继续行。我在 extJs3 中做到了。

数据点：

        Ext.define('DataPoint', {
        extend: 'Ext.data.Model',
        fields: [
                {name: 'time', type: 'date', dateFormat: 'Y-m-d H:i'}, 
                {name: 'val',mapping:'value', type: 'float', useNull:true, convert: function(v, record){ if(v == null){return undefined}return parseInt(v)}}, ],
        idProperty: 'time',
        persistenceProperty: 'data'
    });

店铺：

store = Ext.create('Ext.data.Store', {
        model: 'DataPoint',
        proxy:{
            type: 'ajax',
            url: linePanel.url,
            reader: {
                type: 'json',
                root: 'data'
            }
        },
        sorters: [{ 
            property: 'time'
        }],
        format: 'json',
        idProperty: 'time',
        root: 'data'
    });

图表：

Ext.create('Ext.chart.Chart', {
        renderTo: linePanel.columnChart.body.dom,
         store: store,
        axes: [
           {
               type: 'Category',
               position: 'bottom',
               fields: ['time'],
           },
           {
               title: linePanel.unit,
               type: 'Numeric',
               position: 'left',
               minimum: 0,
               maximum: 100,
               majorTickSteps: 1

           }
       ],
         series: [
            { xField: 'time', 
                yField: 'val', 
                type: 'line',
                highlight : true,
                smooth: true,
                style: {
                    stroke: '#00b300',
                    'stroke-width': 5,
                    color: '#00b300',
                },
                markerConfig: {
                    type: 'circle',
                    stroke: '#00b300',
                    color: '#00b300'
                }

            }
         ]
   });
4

1 回答 1

1

我从 sencha 得到答案，这是解决方案

于 2013-02-20T07:40:10.367 回答