Plotly 与谷歌合作的笔记本模式

Question

我正在尝试使用 plotly 笔记本模式进行协作 - 我打开一个新笔记本，从 plotly 的文档中复制并粘贴以下简单示例，但没有看到输出。输出空间中有一个大的空白，通常是绘图所在的位置。

这在我的本地笔记本中运行良好（这是 plotly 的较新版本，但根据他们的文档离线模式应该适用于 google colab 版本） 有什么想法吗？

import plotly
from plotly.graph_objs import Scatter, Layout

plotly.offline.init_notebook_mode(connected=True)

plotly.offline.iplot({
    "data": [Scatter(x=[1, 2, 3, 4], y=[4, 3, 2, 1])],
    "layout": Layout(title="hello world")
})

Answer 1

plotly 4.x 版

从版本 4 开始，plotly 渲染器了解 Colab，因此以下内容足以在 Colab 和 Jupyter（以及 Kaggle、Azure、nteract 等其他笔记本）中显示图形：

import plotly.graph_objects as go
fig = go.Figure( go.Scatter(x=[1,2,3], y=[1,3,2] ) )
fig.show()

plotly 3.x 版

这是一个展示在 Colab 中使用 Plotly 的示例。 （Plotly 需要自定义初始化。）

https://colab.research.google.com/notebook#fileId=14oudHx5e5r7hm1QcbZ24FVHXgVPD0k8f

你需要定义这个函数：

def configure_plotly_browser_state():
  import IPython
  display(IPython.core.display.HTML('''
        <script src="/static/components/requirejs/require.js"></script>
        <script>
          requirejs.config({
            paths: {
              base: '/static/base',
              plotly: 'https://cdn.plot.ly/plotly-latest.min.js?noext',
            },
          });
        </script>
        '''))

并在每个离线绘图单元格中调用它：

configure_plotly_browser_state()

Answer 2

configure_plotly_browser_state() 可以在使用 IPython 的 pre_run_cell 钩子运行每个单元之前执行：

import IPython

IPython.get_ipython().events.register('pre_run_cell', configure_plotly_browser_state)

Answer 3

您需要添加一个方法才能在 Colab 中使用 Plotly。

def enable_plotly_in_cell():
  import IPython
  from plotly.offline import init_notebook_mode
  display(IPython.core.display.HTML('''<script src="/static/components/requirejs/require.js"></script>'''))
  init_notebook_mode(connected=False)

必须为每个显示 Plotly 图的单元格执行此方法。

示例：

from plotly.offline import iplot
import plotly.graph_objs as go

enable_plotly_in_cell()

data = [
    go.Contour(
        z=[[10, 10.625, 12.5, 15.625, 20],
           [5.625, 6.25, 8.125, 11.25, 15.625],
           [2.5, 3.125, 5., 8.125, 12.5],
           [0.625, 1.25, 3.125, 6.25, 10.625],
           [0, 0.625, 2.5, 5.625, 10]]
    )
]
iplot(data)

参考：https://colab.research.google.com/notebooks/charts.ipynb#scrollTo=WWbPMtDkO4xg

Answer 4

您需要更改默认渲染。这是文档的摘录。 https://plot.ly/python/renderers/#setting-the-default-renderer

当前和可用的渲染器是使用 plotly.io.renderers 配置对象。显示此对象以查看 当前默认渲染器和所有可用渲染器的列表。

>>>import plotly.io as pio
>>>pio.renderers


Renderers configuration
    -----------------------
        Default renderer: 'notebook_connected'
        Available renderers:
            ['plotly_mimetype', 'jupyterlab', 'nteract', 'vscode',
             'notebook', 'notebook_connected', 'kaggle', 'azure', 'colab',
             'cocalc', 'databricks', 'json', 'png', 'jpeg', 'jpg', 'svg',
             'pdf', 'browser', 'firefox', 'chrome', 'chromium', 'iframe',
             'iframe_connected', 'sphinx_gallery']

因此，解决问题的方法是指定默认渲染“colab”。

import plotly.io as pio
pio.renderers.default = 'colab'

Answer 5

只需将"colab" 作为fig.show(renderer="colab") 中参数renderer 的值传递

例子：

import plotly.graph_objects as go
fig = go.Figure(
    data=[go.Bar(y=[2, 1, 3])],
    layout_title_text="A Figure Displayed with the 'colab' Renderer"
)
fig.show(renderer="colab")