Plotly JS: 堆叠面积图不是堆叠

Question

这就是我的情节图的样子：

但是没有堆叠。线条只是重叠......

这是我的角度实现：

diag.timeseries.forEach(timeSerie => {
          let plot: any = {
            y: timeSerie.values,
            name: timeSerie.name,
            marker: { color: timeSerie.color }
          };
          if (timeSerie.name == null || timeSerie.name == "") {
            plot.name = timeSerie.id;
          }
          if (timeSerie.type === 'boxplot') {
            plot.type = 'box';

          } else if (timeSerie.type === 'stackedsplinearea') {
            plot.type = 'scatter'
            plot.fill = 'tozeroy';
            plot.x = diag.timestamps;
          } else {
            plot.mode = 'lines';
            plot.x = diag.timestamps;
          }

          if (timeSerie.yAxis === '2') {
            plot.yaxis = "y2";
          }

          if (!this.showZeroValues && timeSerie.values.every(v => v === 0) && diag.timeseries.some(ts => ts.type !== 'bar')) {
            plot.visible = false;
          } else {
            plot.visible = true;
          }

          graph.data = [
            ...graph.data,
            plot
          ];

        });

我真的不明白如何修改代码来创建一个堆叠痕迹（地块）的图表。

Answer 1

你需要指定一个

stackgroup

.

stackgroup

：将多个散点图（在同一子图上）设置为相同 stackgroup 以便添加它们的 y 值（或它们的 x 值，如果

orientation

是“h”）。
如果空白或省略此跟踪将不会 堆叠。