如果动画设置为 false,Chart.js 不会显示在 Android Webview 上

mom*_*omo 1 javascript android webview chart.js

我启用了 javascript WebView,并且ChromeWebClient它们很好地显示了 Chart.Js 饼图示例。将选项设置为“animation: false”后,停止显示图表。

var pieOptions = {
            animation : false
        }
        window.onload = function(){
            var ctx1 = document.getElementById("chart-area1").getContext("2d");
            window.myPie1 = new Chart(ctx1).Pie(pieData,pieOptions);

            var ctx2 = document.getElementById("chart-area2").getContext("2d");
            window.myPie2 = new Chart(ctx2).Pie(pieData);
        };
Run Code Online (Sandbox Code Playgroud)

第一个具有禁用动画的饼图不会显示,第二个会显示。两者在桌面版 Chrome 上都显示良好。顺便说一下,我使用的是 Android 4.4.4 设备。点击无动画图表应在的位置后,它将自行显示(我猜用触摸事件刷新图表)。

我错过了什么还是这是一个错误?

mom*_*omo 5

我在Android WebView 渲染空白/白色上尝试了这个答案,它解决了问题。基本上我们告诉 WebView 避免使用硬件渲染:

webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
Run Code Online (Sandbox Code Playgroud)