更改 Plotly 树图中的边框宽度

Posted

技术标签:

【中文标题】更改 Plotly 树图中的边框宽度【英文标题】:Changing the width of the borders in a Plotly treemap 【发布时间】:2021-12-30 04:24:42 【问题描述】:

是否可以更改 Plotly 树形图中的边框宽度?我指的是在下面的树形图中分隔每个单独框的白色边框。

import plotly.express as px
df = px.data.tips()
fig = px.treemap(df, path=[px.Constant("all"), 'day', 'time', 'sex'], values='total_bill')
fig.update_traces(root_color="lightgrey")
fig.update_layout(margin = dict(t=50, l=25, r=25, b=25))
fig.show()

编辑: 一种解决方法是在生成的 SVG 文件中更改 stroke-width。不过要是能自动完成就好了。

【问题讨论】:

【参考方案1】:

那些实际上不是边界,而是每个跟踪的标记线,所以你可以使用:

fig.update_traces(marker_line_width = 4)

得到:

完整代码:

import plotly.express as px
df = px.data.tips()
fig = px.treemap(df, path=[px.Constant("all"), 'day', 'time', 'sex'], values='total_bill')
fig.update_traces(root_color="lightgrey")
fig.update_layout(margin = dict(t=50, l=25, r=25, b=25))
fig.update_traces(marker_line_width = 4)
fig.show()

【讨论】:

以上是关于更改 Plotly 树图中的边框宽度的主要内容,如果未能解决你的问题,请参考以下文章

CSS边框宽度更改布局[重复]

在fabricjs中更改Rect的边框宽度

将表单拖动到屏幕边框以更改其高度/宽度

更改自定义 UICollectionCell 中标签的边框宽度

如何更改自定义 UIButton 的边框宽度

如果使用chrome打印时border-radius更大,则边框宽度会更改