WebView呈现问题中的Javascript

WebView呈现问题中的Javascript,javascript,java,swing,webview,chart.js,Javascript,Java,Swing,Webview,Chart.js,我对编码并不陌生,但我对使用WebView显示HTML还不熟悉。 我的JavaSwing项目需要图表,我认为最漂亮的是Chart.js。 为了显示javascript创建的图表,我保存了以编程方式创建的html,并将其读入JPanel中的浏览器(WebView页面)(通过Javafx) 这是我的问题: Chart.js(以及我创建的HTML文件)在真正的web浏览器中运行良好,但在WebView中,它们确实存在一些奇怪的故障,破坏了我的图形(包括数据点等)。就我所见,这些小故障只出现在径向图中,

我对编码并不陌生,但我对使用WebView显示HTML还不熟悉。 我的JavaSwing项目需要图表,我认为最漂亮的是Chart.js。 为了显示javascript创建的图表,我保存了以编程方式创建的html,并将其读入JPanel中的浏览器(WebView页面)(通过Javafx)

这是我的问题: Chart.js(以及我创建的HTML文件)在真正的web浏览器中运行良好,但在WebView中,它们确实存在一些奇怪的故障,破坏了我的图形(包括数据点等)。就我所见,这些小故障只出现在径向图中,如饼图、甜甜圈图和雷达图。 我甚至访问过chart.js网页(通过我的应用程序),他们主页上的示例也有同样的问题。我有他们开源代码的更新、稳定版本

我所尝试的:

  • 在html中混用背景/css
  • 在图表创建中弄乱参数,例如笔划控件或动画
  • 使用不同的数据点数量和不同的值绘制不同的图形
我没有尝试过的:

  • 我对Javascript不太熟悉,所以还没有调试它的主chart.js Javascript文件
任何real web浏览器中示例图形的外观示例:

还有一个例子,说明了在我的java应用程序中相同的图形是什么样子的:


请帮忙

在Oracle JRE 1.80_60-b27的JavaFX中运行Chart.js 2.0的径向饼图和圆环图也存在同样的问题。。。条形图和折线图可以通过动画和UI更新正常运行。