在上面这篇文章里，展示了 Plotly Express 在交互式可视化方面的强大功能，很多童鞋表示很赞~~

但同时也遇到一些小问题，比如，上述代码是在 Jupyter Notebook 中运行的，有不少童鞋问到在 Pycharm 中如何运行？

刚开始遇到这个问题时，我基本回复的都是 “建议参考 Plotly 来进行修改”。

但估计很多童鞋还是不清楚怎么运行。这里，我提供一种方法，大家可以在 Pycharm 、 VScode 等 IDE中运行代码， 由于 Pycharm、VSCode 我用的相对较多，只测试了这两种。

其他的 IDE，个人觉得也是差不多的，大家可以自己试试。

第一个示例

我们以 iris 数据集为例来演示，代码如下（.py 文件）：

<pre spellcheck="false" style="box-sizing: border-box; margin: 5px 0px; padding: 5px 10px; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-weight: 400; font-stretch: inherit; font-size: 16px; line-height: inherit; font-family: inherit; vertical-align: baseline; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; background-color: rgb(240, 240, 240); border-radius: 3px; white-space: pre-wrap; color: rgb(34, 34, 34); letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"># Code based on Python 3.x

* coding: utf-8 *

Author: "LEMON"

Website: http://liyangbit.com

公众号: Python数据之道

ID: PyDataRoad

import plotly_express as px
import plotly
import plotly.graph_objs as go
plotly.offline.init_notebook_mode(connected=True)
iris = px.data.iris()
iris_plot = px.scatter(iris, x='sepal_width', y='sepal_length',
color='species', marginal_y='histogram',
marginal_x='box', trendline='ols')
plotly.offline.plot(iris_plot)
</pre>

代码运行后，结果会出现在浏览器端，效果如下：

<tt-image data-tteditor-tag="tteditorTag" contenteditable="false" class="syl1554275584811" data-render-status="finished" data-syl-blot="image" style="box-sizing: border-box; cursor: text; color: rgb(34, 34, 34); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial; display: block;"> image

<input class="pgc-img-caption-ipt" placeholder="图片描述(最多50字)" value="" style="box-sizing: border-box; outline: 0px; color: rgb(102, 102, 102); position: absolute; left: 187.5px; transform: translateX(-50%); padding: 6px 7px; max-width: 100%; width: 375px; text-align: center; cursor: text; font-size: 12px; line-height: 1.5; background-color: rgb(255, 255, 255); background-image: none; border: 0px solid rgb(217, 217, 217); border-radius: 4px; transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;"></tt-image>