Highcharts charts svg should be rendered using htmlunit-driver same as it is any other browser like chrome, edge, firefox etc
Charts rendered are too small. Generated svg has a few NaN in the width attributes of couple rect tags. Moreover linearGradient and clipPath tags are all lowercased.
Live demo with steps to reproduce
I have copied my sample project jdoodle. But it is not able to download maven dependencies. Anyways you can check my code for reference and copy the project to your local to run it:
https://www.jdoodle.com/ia/BEk
Attachment: highcharts_htmlunit_test.zip
All the source files needed to run the sample project as zip file. Because java, js and pom files cannot be uploaded here.
Brief structure of my example project:
<dependencies>
<dependency>
<groupId>org.seleniumhq.selenium</groupId>
<artifactId>selenium-java</artifactId>
<version>4.7.2</version>
</dependency>
<dependency>
<groupId>org.seleniumhq.selenium</groupId>
<artifactId>htmlunit-driver</artifactId>
<version>4.7.2</version>
</dependency>
</dependencies>
Product version
highcharts.js 10.3.2 (also tried with 8.2.2)
highcharts-more.js 10.3.2 (also tried with 8.2.2)
Affected browser(s)
htmlunit
I have opened same html/js files in chrome, and chart is rendered correctly there.
Also tried same code with ChromeDriver, it is generating the chart correctly
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
You're funding impactful open source efforts
You want to contribute to this effort
You want to get funding like this too