Plotly.js中是否有一个选项来堆叠行序列(series "type": ""
)?在下面的例子中,三条线的总和为100%。
的数据
可以将系列显示为堆叠的(例如“barmode”:“stack”)或并排(例如,"barmode": "group"
),如下图所示。这似乎不适用于线。
CodePen:https://codepen.io/proto/pen/OJwOeWv
的
How to add series lines to 100% stacked bar charts with plotly的
PowerPoint有一个类似的功能来显示线条是否堆叠
的
1条答案
按热度按时间s4n0splo1#
是的,您可以通过将轨迹分配给
stackgroup
来设置要堆叠的轨迹:将多个散点迹线(在同一子图上)设置到同一堆栈组,以便添加它们的y值(或如果
orientation
为“h”,则添加它们的x值)。如果为空或省略,则该迹线将不会堆叠。堆叠还默认打开fill
,并将默认mode
设置为“行”,而不考虑点数。然后使用
groupnorm
将堆栈组的总和归一化为百分比:groupnorm: 'percent'
的值。现在,由于“stacking turns
fill
by default and sets the defaultmode
to“lines”independently of point count”,Plotly将绘制一个 stacked area 图默认情况下,没有标记,即。:的数据
因此,为了获得 * 标记 * 的 * 堆叠线**,您需要显式设置,即通过将
fill: 'none'
和mode: 'lines+markers'
设置到每个跟踪。您可能还需要显式地设置yaxis
rangemode
,以便无论输入数据如何,yaxis范围始终扩展到零(就像上面启用fill时的情况一样)。最后,你应该得到堆叠的线条:
的
这里的代码用于上面的例子:
字符串