关于使用 fig.add_trace(go.Indicator(); 间距的问题；如何添加足够的间距以使每个无花果的标题不重叠？

Question

我在下面的可视化空间中遇到了问题。我打算只做一个简单的文本可视化来显示电影和电视节目的数量。我的问题是关于标题。当我将每个图分配给 row/column 时，它以显示的数字为中心，这使得每个图的标题重叠。我尝试将更多行添加到 space 中，但这带来的麻烦多于好处。有没有办法在每个无花果之间添加更多的填充？我尝试了一些不同的东西，但我对情节和有时一切如何结合在一起相对不熟悉。也许还有另一种方法可以实现这种可视化，但我把它复杂化了。我的输出下面也有一个 link。

fig = go.Figure()

fig.add_trace(go.Indicator(
    mode = "number",
    value = 12354,
    number={'font':{'color': '#00A8E1','size':85}},
    title = {"text": "Movies<br><span style='font-size:0.8em;color:gray'>On Prime Video</span>"},
    domain = {'row': 0,'column': 0}))

fig.add_trace(go.Indicator(
    mode = "number",
    value = 2144,
    number={'font':{'color': '#00A8E1','size':85}},
    title = {"text": "TV Shows<br><span style='font-size:0.8em;color:gray'>On Prime Video</span>"},
    domain = {'row': 0,'column': 1}))

fig.add_trace(go.Indicator(
    mode = "number",
    value = 3560,
    number={'font':{'color': '#E50914','size':70}},
    title = {"text": "Movies<br><span style='font-size:0.8em;color:gray'>On Netflix</span>"},
    domain = {'row': 1, 'column': 0}))

fig.add_trace(go.Indicator(
    mode = "number",
    value = 1931,
    number={'font':{'color': '#E50914','size':70}},
    title = {"text": "TV Shows<br><span style='font-size:0.8em;color:gray'>On Netflix</span>"},
    domain = {'row': 1, 'column': 1}))

fig.add_trace(go.Indicator(
    mode = "number",
    value = 903,
    number={'font':{'color': '#66AA33','size':60}},
    title = {"text": "Movies<br><span style='font-size:0.8em;color:gray'>On Hulu</span>"},
    domain = {'row': 2, 'column': 0}))

fig.add_trace(go.Indicator(
    mode = "number",
    value = 1754,
    number={'font':{'color': '#66AA33','size':60}},
    title = {"text": "TV Shows<br><span style='font-size:0.8em;color:gray'>On Hulu</span>"},
    domain = {'row': 2, 'column': 1}))

fig.add_trace(go.Indicator(
    mode = "number",
    value = 564,
    number={'font':{'color': '#113CCF','size':50}},
    title = {"text": "Movies<br><span style='font-size:0.8em;color:gray'>On Disney+</span>"},
    domain = {'row': 3, 'column': 0}))

fig.add_trace(go.Indicator(
    mode = "number",
    value = 180,
    number={'font':{'color': '#113CCF','size':50}},
    title = {"text": "TV Shows<br><span style='font-size:0.8em;color:gray'>On Disney+</span>"},
    domain = {'row': 3, 'column': 1}))


fig.update_layout(
    grid = {'rows': 4, 'columns': 2})

结果：

Answer 1

您可以使用：

fig.update_layout(height = 800)

这不是非常动态，但是将 800 替换为可视化中元素的数量和大小终止的内容是可行的方法如果手动设置太麻烦

关于使用 fig.add_trace(go.Indicator(); 间距的问题；如何添加足够的间距以使每个无花果的标题不重叠？

An issue regarding spacing using fig.add_trace(go.Indicator(); how can I add enough spacing so titles of each fig do not overlap?

python

data-visualization

plotly

结果：

结果：