图表不会在点之间绘制线条

时间:2013-12-16 10:31:17

标签: extjs charts extjs4

我有一张ExtJS图表,

图表不会在点之间画线......

这是我的配置:

{
    title: 'Chart',
    layout: 'fit',
    items: [
        {
            xtype: 'chart',
            itemId: 'chart',
            animate: true,
            store: me.IndexStatusStore,
            axes: [
                {
                    type: 'Numeric',
                    position: 'left',
                    fields: ['docsPerSec'],
                    label: {
                        renderer: function (v) {
                            return Ext.util.Format.number(v, '0');
                        }
                    },
                    title: 'Documents per second',
                    grid: true,
                    minimum: 0
                },
                {
                    type: 'Category',
                    position: 'bottom',
                    fields: ['now'],
                    title: 'Time running',
                    //minimum: 0 start time
                    label: {
                        renderer: function (v) {
                            return Ext.util.Format.date(new Date(v), 'H:i:s');
                        }
                    }
                }
            ],
            series: [
                {
                    type: 'line',
                    axis: 'left',
                    xField: 'now',
                    yField: 'docsPerSec'
                }
            ]
        }
    ]
}

图表正确地绘制了点,但它们之间的线条丢失了。值得一提的是,在更新商店数据的时间间隔内,图表会自动更新。

screenshot

1 个答案:

答案 0 :(得分:0)

我发现了这个问题......这是我的数据。第一张唱片的价值非常高。看起来图表无法解决这个问题。这个高价值存在的原因是速度的错误估计并且它保持这样,因为我保留了第一个记录。