从 highcharts 中抓取数据

Question

我有两个问题：第一，我不能点击显示全部底部；其次，我无法从高位图表中获取数据。

我在 Stack Overflow 上看到了一些关于高位图表的示例；但是，我不知道人们如何确定我们要执行哪些 JS 代码。

我尝试了以下代码来实现：

from selenium import webdriver
DRIVER_PATH = r"C:\Users\XX\Downloads\chromedriver_win32\chromedriver.exe"
driver = webdriver.Chrome(executable_path=DRIVER_PATH)
url = "https://siterankdata.com/wsj.com"
driver.get(url)
driver.find_element_by_xpath('//*[@id="smallchart"]/div/div/svg/g[17]/g/text/tspan').click() # Does not work I try to click on the show all button.

我将不胜感激！

Answer 1

点击show all按钮使用WebDriverWait()并等待element_to_be_clickable()并关注xpath

driver.get(url)
WebDriverWait(driver,10).until(EC.element_to_be_clickable((By.XPATH,"//div[@id='smallchart']//*[name()='svg']/*[name()='g'][17]/*[name()='g']/*[name()='text']/*[name()='tspan']"))).click()

您需要导入以下库

from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait

Answer 2

文本为 Show all 的元素是 svg 元素，因此要单击该元素，您必须为 element_to_be_clickable() 诱导 WebDriverWait 并且您可以使用以下任一Locator Strategies：

• 使用CSS_SELECTOR：

  driver.get("https://siterankdata.com/wsj.com")
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div#smallchart svg g text[text-anchor='start'] tspan"))).click()
  

• 使用XPATH：

  driver.get("https://siterankdata.com/wsj.com")
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@id="smallchart"]//*[name()='svg']//*[name()='g']//*[name()='text']//*[name()='tspan' and text()='Show all']"))).click()
  

• 注意：您必须添加以下导入：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC
  

---

参考文献

您可以在interacting with SVG element 中找到一些相关讨论：

• How to access to 'rect' type element through Selenium-Python
• Clicking on svg using selenium python