直接find_element找不到图表数据点，因ECharts等动态图表将数据渲染在Canvas/SVG中而非DOM节点，Selenium无法直接访问；需通过execute_script调用echarts.getInstanceByDom获取实例并读取getOption()数据。
为什么直接 find_element 找不到图表里的数据点？
动态图表（如 ECharts、Chart.js、D3 渲染的 SVG/Canvas）通常不把数据点作为 DOM 元素暴露，而是通过 JS 在 Canvas 或 SVG <path></path>/<circle></circle> 中绘制。Selenium 默认只能操作可见 DOM 节点，对 Canvas 内部像素、SVG 的 transform 坐标、或未挂载到 document 的临时元素完全不可见。
常见错误现象：NoSuchElementException 即使元素在浏览器开发者工具里“看起来存在”；get_attribute("textContent") 返回空；用 XPath 定位 <svg></svg> 后调用 text 拿不到数值。
- 先确认图表渲染完成：等待
document.readyState === "complete"且图表容器有特定 class（如"echarts-wrapper"）或非空data-option属性 - 不要依赖
visibility_of_element_located判断图表是否“可交互”，它只管 DOM 可见性，不管 JS 渲染状态 - 优先查图表库类型：右键检查 → 查看源码中是否引入
echarts.min.js或chart.min.js，不同库的取数方式差异极大
如何从 ECharts 实例中安全读取原始数据？
ECharts 会把实例挂载到 DOM 元素上（通过 echarts.init），但默认不暴露全局变量。必须通过 execute_script 主动获取，且要等实例初始化完毕——不能靠 DOM 出现就执行，得等 echarts.getInstanceByDom 返回非 null。
chart_el = driver.find_element("css selector", "#main-chart")
driver.execute_script("""
var chart = echarts.getInstanceByDom(arguments[0]);
if (chart) {
// 注意：getData() 是部分版本才有的方法，更通用的是 getOption()
return chart.getOption().series[0].data;
}
""", chart_el)
- 避免硬编码
series[0]：先用getOption().series.length判断数量，再循环提取 - 某些页面会压缩 ECharts 变量名（如
echarts→e），此时需改用window.echarts或捕获define加载后的模块 - 若返回
undefined，大概率是脚本执行过早：加显式等待，比如轮询echarts.getInstanceByDom(...)直到非 null（最多 5 秒）
Canvas 图表怎么模拟鼠标悬停并抓 tooltip 数据？
Canvas 是位图，没有 DOM 元素对应数据点，但 tooltip 通常是绝对定位的 <div class="echarts-tooltip"> 或原生 <code><canvas></canvas> 上绘制的文字。关键不是“点哪里”，而是“让 JS 认为你悬停了”。
正确做法是触发 ECharts 的 dispatchAction，而不是用 move_to_element_with_offset 模拟坐标移动（Canvas 坐标系和页面坐标系常不一致，且缩放/滚动会失效）：
让 macOS 自动化像说话一样简单 —— 用代码控制你的 Mac，无需学习 AppleScript 系统要求 macOS 14+ (Sonoma) Python 3.9+ 需要开启：辅助功能 + 屏幕录制权限
driver.execute_script("""
var chart = echarts.getInstanceByDom(arguments[0]);
if (chart) {
chart.dispatchAction({
type: 'showTip',
seriesIndex: 0,
dataIndex: 42 // 指定第 42 个数据点
});
}
""", chart_el)
# 等待 tooltip DOM 出现并读取
tooltip = driver.find_element("css selector", ".echarts-tooltip")
print(tooltip.text)
- 不要用
ActionChains对 Canvas 元素做move_to_element：Canvas 本身不响应 mouseover 事件，tooltip 是 JS 主动控制的 -
dataIndex必须是整数，且不能越界；可先用getOption().series[0].data.length校验范围 - 有些页面禁用
dispatchAction（如生产环境关闭 debug 模式），此时需退回到监听chart.on('mousemove', ...)并注入自定义 handler
抓取后如何处理异步更新与内存泄漏？
动态图表常伴随定时刷新（setInterval）或 WebSocket 推送，若 Selenium 长时间驻留，页面 JS 可能累积大量旧图表实例，导致内存暴涨、后续 execute_script 超时或崩溃。
- 每次抓取完立即清理：用
driver.execute_script("echarts.dispose(arguments[0])", chart_el)释放实例（ECharts 专用） - 避免在单次 session 中反复打开同一图表页：用
driver.get()替代refresh()，防止旧 JS 上下文残留 - 若需多轮抓取，建议每 5–10 次后
driver.quit()+ 新建webdriver.Chrome()，比强行复用更稳定
最易被忽略的一点：图表 JS 可能监听 window.beforeunload 或重写 console.error，导致 execute_script 报错却不抛出异常——务必在脚本里加 try/catch 并显式返回错误信息，否则 silent fail 很难排查。
