ExtJS折れ線グラフシリーズの変更方法

Question

4.02に複数の折れ線グラフがあります。系列線が交差する異なる点では、トップライン、すなわち最大のz-インデックスとして残るためには、特定のラインが必要です（このラインは、他のラインとは対照的にそのヒントをハイライト表示します）。

私は凡例のシーケンスを同じままにする必要があるので、シリーズがジャバスクリプトで書かれたシーケンスを並べ替えることは望ましくありません（これらはすべて日付とタイトルがついていて、日付順に並べる必要があります）。

Ext.chart.series.Line設定オプションを検索してz-インデックスを設定しましたが、成功しませんでした。

私はすでにさまざまな行のカスタムストローク幅を定義するために基本テーマを拡張しています。そのため、シリーズZインデックスを設定するためにいくつかの種類のテーマオプションを探すようになりましたが、

アイデア？

編集：私は私の延長チャートをテーマにのZIndex設定を追加しました

、これはエラーを生成しませんが、のZIndex 4に記載されているすべての（最初のシリーズでのチャートでは何も変わりません、私はそれを整理、

// 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

[OK]をのZIndex：一番下にあり、Zインデックス5は下から2番目で、Zインデックス3は下から3番目、など）、それはどこかの上に、支配だそうですです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)); 
    } 
});