使用 Plotly 生成有角度的条形图(来自 Dash 的风险分析)

Posted

技术标签:

【中文标题】使用 Plotly 生成有角度的条形图(来自 Dash 的风险分析)【英文标题】:Using Plotly to generate angled bar chart (Risk analysis from Dash) 【发布时间】:2021-11-18 15:43:07 【问题描述】:

Dash 在他们的图库中有这个示例“Financial Analysis”应用程序,应用程序上有一个名为“风险潜力”的图表,表明它是使用 Plotly 构建的。

有谁知道使用了哪种 Plotly 图表以及如何使用自定义条内指示器构建这种角度图表?

【问题讨论】:

嗨,Edmond,在我看来,这只是一个图像,而不是一个情节图。您是否意识到当光标移到它上面时没有交互性? 【参考方案1】:

这可以用简单的方式构建

具有统一 y 值的 bar 轨迹 填充区域置于顶部以提供角度 标记+文字绘制气泡

显然,这可以扩展为一个实用函数,以根据参数构建此图形。

go.Figure(
    [
        go.Bar(
            x=np.linspace(1, 5, 5),
            y=np.full(5, 1),
            marker="color": np.linspace(1, 5, 5), "colorscale": "redor",
        ),
        go.Scatter(
            x=[0.6, 0.6, 5.4, 0.6],
            y=[0, 1, 1, 0],
            fill="toself",
            fillcolor="white",
            mode="none",
        ),
        go.Scatter(
            x=[4],
            y=[0.4],
            text=[4],
            mode="markers+text",
            marker="size": 80, "color": "white",
            textfont="size": 20,
        ),
    ]
).update_layout(
    xaxis="visible": False,
    yaxis="visible": False,
    showlegend=False,
    template="plotly_white",
)

【讨论】:

以上是关于使用 Plotly 生成有角度的条形图(来自 Dash 的风险分析)的主要内容,如果未能解决你的问题,请参考以下文章

Plotly:如何从单条迹线制作堆积条形图?

使用 plotly-express 按值按降序排列条形图中的条形

Plotly:如何使用 go.Bar 向堆积条形图添加数据标签?

如何使用字典中的 plotly express 创建(条形)图?

Plotly Dash 图例中的自定义标记

在条形图上的 Plotly 中更改轴/图例名称