如何提取嵌入网页的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
相关产品推荐
相关产品推荐

