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

我在4.02中有一个包含多个系列的折线图。在系列线交叉的不同点上，我需要一条特定的线作为顶线，即最大的z索引（这样，当鼠标悬停在上面时，这条线会高亮显示并显示其提示，而不是其他线）

我不想仅仅重新排序用javascript编写的序列，因为我需要图例序列保持不变（它们都被命名为日期，我想保持它们的日期顺序）

我寻找了某种

Ext.chart.series.Line

config选项来设置z索引，但没有成功

我已经扩展了基本主题以定义不同线条的自定义笔划宽度，因此我开始寻找某种主题选项来设置系列z索引，但在这方面也没有成功

有什么想法吗

编辑：

我已经将zindex配置添加到我的扩展图表主题中，这不会产生任何错误，但根本不会改变图表中的任何内容（z-index 4列出的第一个系列在底部，z-index 5从底部算起是第二个，z-index 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));
    }
});

---

好的，我把它分类了，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));
    }
});

---

好的，我把它分类了，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));
    }
});

---

您还可以在定义系列时使用markerConfig对象中的zIndex选项或在定义主题时使用markerThemes对象来配置标记的z索引。您还可以在定义系列时使用markerConfig对象中的zIndex选项或在定义主题时使用markerThemes对象来配置标记的z索引。