Выполнить непрерывное наведение мыши с помощью Canvas?

Question

[https://i.stack.imgur.com/yKOOF.png] Я должен щелкнуть один из вариантов в левом виджете (см. Image1.PNG), чтобы отобразить одну строку, как показано в (см. Изображение [https://i.stack.imgur.com/hBNTN.png] .PNG ), а затем наведите указатель мыши на каждое значение и должны захватить всплывающую подсказку для каждого значения этой конкретной строки. Xpath для левого и правого виджетов:

@FindBy(xpath="//*[@id='tabZoneId21']/div/div/div/div[1]/div[5]/div[1]/canvas")
    WebElement wbcanvasWidgetLeft; 

@FindBy(xpath="//*[@id=\"view5159778620503418402_17231458509407196328\"]/div[1]/div[2]/canvas[2]")
    WebElement wbcanvasWidgetRight;

И когда я при наведении курсора мыши на каждое значение, следующий код получает выделения, и только значение 'left' изменяется, в противном случае его значение c для всех параметров.

[![<div class = “ tab-tooltip tab-widget tab-tooltipAR”  style=”user-select: none; -webkit-tap-highlight-color: transparent; top: 1px; **left:119px**;”>… </div>
<div class=”tab-tooltipContainer”>
<div class =”tab-tooltipContent” wairole=”alert” style>
<div class=”tab-ubertip tab-widget” style=”min-width: 368px;”>.
<div class =”tab-ubertipContent”>
<div class=”tab-ubertipTooltip”>
<span style =”white-space:pre-wrap;tab-size:10;-moz-tab-size:10”>
<div style=”text-align:left;”>
                    <span style=””>Health Group </span>
</div>
<table style=”vertical-align:top;padding:0px” cellspacing=”0”>
<tbody>
<tr>
<td style =”white-space:pre”>
    span style=”font-family”     >97</span>
</td>
<td >
    <span style=”font-”  >Minimum</span>
</td>][1]][1]

Изменяется только значение 'left' для каждого параметра с некоторым заданным значением c margin.

Я пробовал использовать следующий код, который при наведении мыши на 87,7% или 30,2% отображает всплывающую подсказку. Я не могу навести курсор мыши на первый параметр, который составляет 19,9% и т. Д. В непрерывном режиме.

public void sikuli() throws FindFailed, Exception {

 driver.switchTo().frame(driver.findElement(By.cssSelector("iframe[title='data visualization']")));

        try{
        //Captured image of first option(Health) and clicked on in it       
     Screen s = new Screen();

                 Pattern target = new Pattern("Health.PNG");
                 s.wait(target,20);
                 s.mouseMove(target);
                 s.click();

Actions act = new Actions(driver);
    act.moveToElement(wbcanvasWidgetLeft).moveByOffset(-50,0).moveToElement(wbcanvasWidgetRight).build().perform();
    //Capturing Tooltip
    System.out.println(driver.findElement(By.xpath("//div[@class='tab-ubertipTooltip']/span/div[3]/span[1]")).getText());
    System.out.println(driver.findElement(By.xpath("//div[@class='tab-ubertipTooltip']/span/div[4]/span")).getText());

      }
         catch(Exception e)
            {
                 e.printStackTrace();
              }

          driver.switchTo().defaultContent();
    }

Могу ли я использовать javascript executor с помощью атрибута style, где я устанавливаю значения полей для 'left 'но я не знаю, как установить поле для атрибута стиля при написании xpath. Любая помощь будет оценена.