ExtJS區域圖表 - 不是將各個區域疊加在一起，而是如何將所有區域以不同的不透明度疊加在一起？

Question

我使用ExtJS 4.1創建了一個區域圖表，一切都很好。

我有兩個區域，目前一個區域出現頂部的另一個。 而不是那種行爲，我如何疊加所有區域？我可以改變不透明度，以便所有區域都可見。

API文檔中給出的示例和幾個在線源僅顯示堆疊行爲。這是面積圖的默認和唯一的實施，或者我錯過了一個簡單的配置？

如在Area Charts Example中看到的，我不是所有彩色區域都出現在一個接一個的位置，而是希望它們都在一個平面上。

請提供您的意見和建議。

Answer 1

這可以通過創建附加系列而不是單個區域系列來完成，而該系列在y軸中具有數據點陣列。從Sencha論壇得到答案。

series: [ 
    { 
    type: 'area', 
    highlight: false, 
    axis: 'left', 
    xField: 'name', 
    yField: ['data1'], 
    style: { 
     opacity: 0.50 
    } 
}, 
    { 
    type: 'area', 
    highlight: false, 
    axis: 'left', 
    xField: 'name', 
    yField: ['data2'], 
    style: { 
     opacity: 0.70 
    } 
} 

Answer 2

使用折線圖填充代替。適用於我。