在Plot.ly条形图上显示标志。

问题描述 投票:2回答:1

我目前正在做一个dataviz项目,我希望在柱状图的每个条形图上面添加小图片。出于某种原因,当我上传自己的.png文件时,它们无法显示。

当我使用plot.ly文档中的.png文件时,它可以正常工作。我用下面的方法制作它。

new = go.Figure(data=[ 
    go.Bar(name = 'DC Men',
           x = dc_most_men.name,
           y = dc_most_men.appearances, 
           marker_color ='rgb(244,188,60)'),

    go.Bar(name = 'DC Females',
           x = dc_most_females.name,
           y = dc_most_females.appearances, 
           marker_color ='rgb(28,140,140)')
])

new.update_layout(
    xaxis=dict(
        showline=True,
        showgrid=False,
        showticklabels=True,
        linecolor='rgb(204, 204, 204)',
        linewidth=2,
        ticks='outside',
        tickfont=dict(
            family='Arial',
            size=12,
            color='rgb(82, 82, 82)',
        ),
    ),
    yaxis=dict(
        showgrid=False,
        zeroline=False,
        showline=False,
        showticklabels=True,
    ),

    autosize=False,
    margin=dict(
        autoexpand=False,
        l=100,
        r=20,
        t=110,
    ),
    showlegend=False,
    plot_bgcolor='white'

)
new.add_layout_image(
    dict(
        source='https://github.itu.dk/storage/user/2360/files/eeb40480-9c3b-11ea-99e6-b9ae4b500657',
        x=0.07,
        y=1,
    ))

new.add_layout_image(
    dict(
        source="https://raw.githubusercontent.com/michaelbabyn/plot_data/master/benzene.png",
        x=0.17,
        y=0.8,
    ))

new.add_layout_image(
    dict(
        source="https://raw.githubusercontent.com/michaelbabyn/plot_data/master/benzene.png",
        x=0.275,
        y=0.5,
    ))



new.update_layout_images(dict(
        xref="paper",
        yref="paper",
        sizex=0.1,
        sizey=0.1,
        xanchor="right",
        yanchor="bottom"
))

很好地生成了下面的柱状图。Image of the bar chart

然而,当我把自己的文件上传到GitHub时,似乎根本无法显示标识。我确定把路径也改成了下面的链接。

我使用的链接是 https:/user-images.githubusercontent.com4708121782669721-3b97db00-9c3c-11ea-90f6-c525e647bc49.png。

有什么是我忽略的吗?

python plotly
1个回答
1
投票

我不认为,从github可以打开一个外部链接。你有没有尝试下载 png 在你的 notebookscript 所在的同一个文件夹中?


1
投票

我想,如果GitHub上的格式不是正常格式,也许PILLOW库可以处理。

from PIL import Image

img = Image.open('https://github.itu.dk/storage/user/2360/files/eeb40480-9c3b-11ea-99e6-b9ae4b500657')
© www.soinside.com 2019 - 2024. All rights reserved.