ExtJS区域图-我如何用不同的不透明度叠加所有区域，而不是将区域堆叠在一起

Question

我正在使用ExtJS 4.1创建一个面积图，一切都很好。

我有两个区域，目前一个区域出现在另一个的顶部。而不是这样的行为，我如何将所有的区域叠加?我可以改变不透明度，这样所有的区域都是可见的。

API文档和几个在线资源中给出的示例仅显示了堆叠行为。这是面积图的默认和唯一实现吗?还是我遗漏了一个简单的配置?

在区域图示例中看到，我希望它们都在一个平面上，而不是一个接一个地出现所有的彩色区域。

请提供您的输入和建议。

Answer 1

用折线图代替。

Answer 2

这可以通过创建额外的序列来完成，而不是在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
    }
}