GitHub无法显示Plotly图表，如何让px绘图在GitHub可见？

GitHub不支持渲染Plotly生成的交互式HTML图表，直接推送代码或Notebook里的交互式输出会看不到内容，以下是几种可行的解决办法：

方法一：导出静态图片并嵌入文档 #

这是最直接的方案，把Plotly图表导出为PNG/JPG等静态格式，再在markdown文档里引用：

1. 先安装依赖库kaleido（Plotly导出静态图必须用到它）：

   pip install kaleido
   

2. 修改代码，添加导出静态图的语句：

   import plotly.express as px
   
   fig = px.choropleth(data_frame = df22,
                       locations= 'Country',
                       locationmode='country names',
                       color= 'Happiness Score',
                       hover_name= "Country",
                       color_continuous_scale= 'RdYlGn',
                       width=1200,
                       height=600,)
   # 导出为PNG图片并保存到本地
   fig.write_image("happiness_score_map.png")
   

3. 在README.md或其他markdown文件里，用图片语法嵌入：

   ![全球幸福指数地理分布图](happiness_score_map.png)
   

   推送图片和markdown文件到GitHub后，就能正常显示图表了。

方法二：在Jupyter Notebook中强制输出静态图片 #

如果你是用Jupyter Notebook（.ipynb文件），可以配置Plotly默认渲染为静态PNG，这样Notebook运行后的输出就是静态图，推送到GitHub能直接预览：

import plotly.io as pio
# 设置默认渲染器为png
pio.renderers.default = "png"

# 正常绘制图表
fig = px.choropleth(data_frame = df22,
                    locations= 'Country',
                    locationmode='country names',
                    color= 'Happiness Score',
                    hover_name= "Country",
                    color_continuous_scale= 'RdYlGn',
                    width=1200,
                    height=600,)
fig.show()

运行代码后保存Notebook，再推送到GitHub，就能看到图表内容了。

补充说明 #

你之前尝试的fig.show("png")无效，大概率是因为没安装kaleido依赖，安装后再用这个方法就能生成静态预览了。

内容的提问来源于stack exchange，提问作者Nadezhda GR