0

0

Plotly 交互式图表怎么用?Plotly 交互式图表使用教程

舞姬之光

舞姬之光

发布时间:2026-02-08 12:09:09

|

259人浏览过

|

来源于php中文网

原创

Plotly是Python中快速生成网页级交互图表的最直接工具,支持缩放、悬停、拖拽、图例开关等功能且无需前端代码;通过Plotly Express一键绘图或Graph Objects精细控制,可导出为独立HTML文件并添加动画与动态筛选。

plotly 交互式图表怎么用?plotly 交互式图表使用教程

如果您希望在Python中快速生成具备缩放、悬停、拖拽、图例开关等能力的网页级图表,而无需编写前端代码,则Plotly是最直接可用的工具。以下是实现交互式图表的核心路径:

一、安装与环境准备

Plotly需先安装基础库,并根据使用场景补充依赖。离线环境或需导出高清图像时,额外组件可提升功能性。

1、在命令行中执行安装命令:pip install plotly pandas

2、如需导出PNG/SVG等高质量静态图,再安装orca支持:pip install plotly-orca

3、若在Jupyter Notebook中首次运行,建议初始化离线模式(新版Plotly已默认适配浏览器,此步非强制):import plotly.offline; plotly.offline.init_notebook_mode()

二、用Plotly Express快速绘图

Plotly Express是高层接口,适合结构化数据一键成图,自动绑定坐标轴、颜色映射与悬停信息,语法极简且交互功能全开。

1、导入必要模块:import plotly.express as px

2、构造示例数据(如pandas DataFrame):df = pd.DataFrame({'x': [1,2,3], 'y': [10,12,8], 'group': ['A','B','A']})

3、调用px.line()或px.scatter()生成图表对象:fig = px.scatter(df, x='x', y='y', color='group', title='交互散点图')

4、显示图表:fig.show()

三、用Graph Objects精细控制图表

当需要自定义轨迹样式、多图层叠加、复杂布局或动态更新逻辑时,Graph Objects提供底层控制力,支持逐元素配置。

1、导入核心模块:import plotly.graph_objects as go

2、创建Figure实例并添加Scatter轨迹:fig = go.Figure(); fig.add_trace(go.Scatter(x=[1,2,3], y=[5,7,6], mode='lines+markers'))

Matlab语言的特点 中文WORD版
Matlab语言的特点 中文WORD版

本文档主要讲述的是Matlab语言的特点;Matlab具有用法简单、灵活、程式结构性强、延展性好等优点,已经逐渐成为科技计算、视图交互系统和程序中的首选语言工具。特别是它在线性代数、数理统计、自动控制、数字信号处理、动态系统仿真等方面表现突出,已经成为科研工作人员和工程技术人员进行科学研究和生产实践的有利武器。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看

下载

3、设置标题与坐标轴标签:fig.update_layout(title='手动配置折线图', xaxis_title='时间', yaxis_title='数值')

4、启用最近邻悬停模式以提升交互精度:fig.update_layout(hovermode='closest')

5、调用show方法渲染:fig.show()

四、导出为独立HTML文件

生成的图表本质是嵌入JavaScript的HTML文档,可脱离Python环境运行,适用于汇报、分享或嵌入网页。

1、对任意fig对象调用write_html方法:fig.write_html("my_chart.html")

2、生成的文件可在任意现代浏览器中双击打开,全部交互功能(缩放、拖拽、图例开关、下载)均保留。

3、如需嵌入现有网页,可提取其内部JSON数据:json_str = fig.to_json()

五、添加动画与动态筛选

通过指定animation_frame或facet_col等参数,可不写JavaScript实现时间序列动画或分面联动,hover行为跨子图同步生效。

1、准备含时间列的数据框(如year列):df['year'] = [2020,2020,2021,2021]

2、使用animation_frame参数生成带年份滑块的散点图:fig = px.scatter(df, x='gdp', y='life_exp', color='continent', animation_frame='year')

3、点击图例项可即时隐藏/显示对应分类,右上角“下载”按钮支持导出MP4(需orca已配置)。

4、启用facet_col按维度拆分子图,保持悬停联动:px.scatter(df, x='x', y='y', facet_col='category')

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

431

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

543

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

314

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

79

2025.09.10

Python 时间序列分析与预测
Python 时间序列分析与预测

本专题专注讲解 Python 在时间序列数据处理与预测建模中的实战技巧,涵盖时间索引处理、周期性与趋势分解、平稳性检测、ARIMA/SARIMA 模型构建、预测误差评估,以及基于实际业务场景的时间序列项目实操,帮助学习者掌握从数据预处理到模型预测的完整时序分析能力。

73

2025.12.04

Python 数据清洗与预处理实战
Python 数据清洗与预处理实战

本专题系统讲解 Python 在数据清洗与预处理中的核心技术,包括使用 Pandas 进行缺失值处理、异常值检测、数据格式化、特征工程与数据转换,结合 NumPy 高效处理大规模数据。通过实战案例,帮助学习者掌握 如何处理混乱、不完整数据,为后续数据分析与机器学习模型训练打下坚实基础。

3

2026.01.31

pip安装使用方法
pip安装使用方法

安装步骤:1、确保Python已经正确安装在您的计算机上;2、下载“get-pip.py”脚本;3、按下Win + R键,然后输入cmd并按下Enter键来打开命令行窗口;4、在命令行窗口中,使用cd命令切换到“get-pip.py”所在的目录;5、执行安装命令;6、验证安装结果即可。大家可以访问本专题下的文章,了解pip安装使用方法的更多内容。

344

2023.10.09

更新pip版本
更新pip版本

更新pip版本方法有使用pip自身更新、使用操作系统自带的包管理工具、使用python包管理工具、手动安装最新版本。想了解更多相关的内容,请阅读专题下面的文章。

421

2024.12.20

Golang处理数据库错误教程合集
Golang处理数据库错误教程合集

本专题整合了Golang数据库错误处理方法、技巧、管理策略相关内容,阅读专题下面的文章了解更多详细内容。

65

2026.02.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号