修复了 plotly.express.timeline 中的条形宽度/厚度

Question

我正在使用 Plotly Express 绘制甘特图。

我事先不知道水平线的数量（“任务”的数量）。

我希望钢筋的厚度始终相同。 （我相信属性是宽度，但由于条是水平的，“宽度”可能不明确。）

直接绘制图形时，它会占用页面上的整个空间，并且在调整页面大小时，条形会相应地改变大小。

import datetime as dt
import plotly.express as px


data = [
    {'Task': '1-2', 'Start': '2021-09-26', 'Finish': '2021-09-27', 'Resource': 'R1'},
    {'Task': '2-1', 'Start': '2021-09-23', 'Finish': '2021-09-24', 'Resource': 'R2'},
    {'Task': '2-2', 'Start': '2021-09-26', 'Finish': '2021-09-27', 'Resource': 'R2'},
    {'Task': '3-1', 'Start': '2021-09-30', 'Finish': '2021-10-01', 'Resource': 'R3'},
    {'Task': '3-2', 'Start': '2021-11-26', 'Finish': '2021-11-27', 'Resource': 'R3'},
]

fig = px.timeline(
    data,
    x_start="Start",
    x_end="Finish",
    y="Resource",
)

fig.show()

每个栏上都有一个宽度属性，但它控制栏使用的允许空间的大小，因此它实际上并没有固定宽度。

一个廉价的技巧是根据行数设置图形高度，但必须考虑周围环境（图例、标题等），因此它不是真正的线性。 无论如何，这充其量只是一个遗憾的解决方法。

当我将图形集成到页面中时

Python 代码

return plotly.io.to_json(fig)

HTML 页

<script src="https://cdn.plot.ly/plotly-2.0.0.min.js"></script>
<script type="text/javascript">

let graph = {{ gantt_json|safe }};
Plotly.newPlot('gantt_graph', graph, {});

</script>

该图并没有占据整个页面，但是当条形数量变化时条形宽度仍然会发生变化。

---

所以我可以控制总图形大小，以及每个条形相对于其允许空间的宽度，但我似乎无法找到一种方法来获得以像素为单位的固定宽度。

（我认为这个问题和关闭 PR会有所帮助，但他们没有。）

我错过了什么吗？

Answer 1

• 横向思考这可以通过控制yaxis的域来实现
• 有模拟数据，会生成随机数的时间线
• 基于时间线的数量设置域最小值

import pandas as pd
import numpy as np
import plotly.express as px
T = 8
data = pd.DataFrame(
    {
        "Start": pd.date_range("1-jan-2021", freq="2D", periods=T),
        "Finish": pd.date_range("14-jan-2021", freq="2D", periods=T),
        "Resource": np.random.choice(
            [chr(i) for i in range(ord("A"), ord("A") + T)], T
        ),
    }
)
color_map = {chr(ord("A") + i): px.colors.qualitative.Alphabet[i%len(px.colors.qualitative.Alphabet)] for i in range(T)}
fig = px.timeline(
    data,
    x_start="Start",
    x_end="Finish",
    y="Resource",
    color="Resource",
    color_discrete_map=color_map,
    #    height=10 * len(data)  # This sucks
)
fig.update_xaxes(
    side="top",
    dtick="D1",
    tickformat="%e\n%b\n%Y",
    ticklabelmode="period",
    tickangle=0,
    fixedrange=True,
)
fig.update_yaxes(
    title="",
    tickson="boundaries",
    fixedrange=True,
)
BARHEIGHT = .1
fig.update_layout(
    yaxis={"domain": [max(1 - (BARHEIGHT * len(fig.data)), 0), 1]}, margin={"t": 0, "b": 0}
)