javascript - 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
    }
}