如何更改ExtJS折线图系列顺序

Question

我在4.02中有多个系列的折线图。 系列线在不同的点交叉，我需要保留一条特定的线作为顶部线，即最大的z索引（这样，当该线悬停在上方时，该线会突出显示并显示其尖端，而其他方向则相反）。

我不想只是重新排序用javascript编写的序列的顺序，因为我需要图例序列保持相同（它们都以日期命名，并且我希望它们按日期顺序排列）。

我寻找了某种Ext.chart.series.Line配置选项来设置z-index，但是没有成功。

我已经扩展了基本主题以为不同的行定义自定义笔触宽度，因此我开始寻找某种主题选项来设置系列z-index，但是在这方面都没有成功。

有任何想法吗？

编辑：

我已将zindex配置添加到我的扩展图表主题中，这不会产生任何错误，但根本不会改变图表中的任何内容（以z-index 4列出的第一个系列在底部，以z-index 5列出的第二系列在底部） ，则z-index 3是自下而上的3，等等。）

// CUSTOM CHART THEME
Ext.chart.theme.Events = Ext.extend(Ext.chart.theme.Base, {
    constructor: function(config) {
        Ext.chart.theme.Base.prototype.constructor.call(this, Ext.apply({
            colors: ['rgb(0, 0, 0)', 
                     'rgb(0,0,255)', 
                     'rgb(255,0,0)', 
                     'rgb(0,128,0)', 
                     'rgb(128,0,128)'
            ],
            seriesThemes: [{
                'stroke-width': 3,
                zindex: 4
            }, {
                'stroke-width': 1,
                smooth: false,
                zindex: 5
            }, {
                'stroke-width': 1,
                smooth: false,
                zindex: 3
            }, {
                'stroke-width': 1,
                smooth: false,
                zindex: 2
            }, {
                'stroke-width': 1,
                smooth: false,
                zindex: 1
            }]                
        }, config));
    }
});

Answer 1

好的，我整理了一下，自定义主题中的zIndex不是zindex ：

// CUSTOM CHART THEME
Ext.chart.theme.Events = Ext.extend(Ext.chart.theme.Base, {
    constructor: function(config) {
        Ext.chart.theme.Base.prototype.constructor.call(this, Ext.apply({
            colors: ['rgb(0, 0, 0)', 
                     'rgb(0,0,255)', 
                     'rgb(255,0,0)', 
                     'rgb(0,128,0)', 
                     'rgb(128,0,128)'
            ],
            seriesThemes: [{
                'stroke-width': 3,
                zIndex: 4
            }, {
                'stroke-width': 1,
                smooth: false,
                zIndex: 5
            }, {
                'stroke-width': 1,
                smooth: false,
                zIndex: 3
            }, {
                'stroke-width': 1,
                smooth: false,
                zIndex: 2
            }, {
                'stroke-width': 1,
                smooth: false,
                zIndex: 1
            }]                
        }, config));
    }
});