You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何提取嵌入网页的plot.ly图表中的数据

提取plot.ly图表标注数据的可用方法
  • 手动快速提取(无代码基础也可操作)
    打开目标页面后按下F12调出浏览器开发者工具,切换到「控制台」标签,输入代码 Plotly.d3.selectAll('.js-plotly-plot').each(function() { console.log(this.data) }) 回车执行,控制台输出的数组就是该图表包含的所有数据,其中每个子对象的text字段对应标注内容,x、y字段分别对应标注的横纵轴数值,右键结果选择复制即可导出为JSON格式直接使用。
  • 借助Plotly官方导出功能
    点击图表上的Edit in Chart Studio按钮进入编辑页,在编辑页顶部菜单栏找到「Export」选项,可直接选择导出为CSV、Excel、JSON等多种格式的结构化数据,所有标注字段都会完整保留。
  • 自动化批量提取(适合多页面爬取场景)
    该站点的plot.ly图表数据是直接内嵌在页面HTML的script标签中的,不需要动态渲染。直接发送GET请求获取页面源码后,用正则匹配提取window.PlotlyConfig对象内的图表数据段,解析后即可得到所有标注数据,无需调用无头浏览器模拟点击,爬取效率更高。

内容的提问来源于stack exchange,提问作者sojim2

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.13 14:09:02