android之基于Echart的图表

最新推荐文章于 2024-08-13 19:38:35 发布

CL_slacking

最新推荐文章于 2024-08-13 19:38:35 发布

阅读量1.3w

点赞数 15

分类专栏： android studio 文章标签： webview javascript echart

本文链接：https://blog.csdn.net/I_do_can/article/details/50479031

版权

本文介绍了如何在Android应用中使用ECharts展示图表，通过Webview加载远程JS资源。开发者遇到在Android Studio中读取assets文件失败的问题，最终发现是手机未联网导致。实现了基本功能后，还调整了Webview的行为，禁止了缩放，并展示了可用的11种图表效果。

摘要由CSDN通过智能技术生成

APK：http://fir.im/128j

开发环境：android studio

就是在手机上显示图表，这里使用开源的项目：ECharts ：http://echarts.baidu.com/

这个，怎么说呢，刚下载时我也是下了一跳，根本不是android项目嘛，官网下了一堆js,无语了，难道要用webview 加载？一百度，果不其然，有这位前辈：http://blog.csdn.net/huozhonbin/article/details/44781867，好像也只有这一位了

使用webview 加载 js

哎，先说一个自己犯的错误，一直在读取 android studio 下assets下的文件路径，哎呀，各种失败，后来没办法了，开始怀疑人生了，上一个项目明明使用WebView打开网页，怎么现在读取本地文件有问题，就把网址换成了百度，还是打不开，无奈了，怎么可能！都要跳起来了，猛然间发现手机没有联网，哎，这么一个低级的错误，看来以后有需要联网的，手机上还是需要判断，没有联网要么提示要么后台开启

//获取Assets目录下的文件
        chartshow_wb.loadUrl("file:///android_asset/echart/echarts.html");

看一下目录：

官方的代码的 js 文件我没有导入，直接使用的远程网络资源

继续说问题，按照上一位的代码做了一个测试，发现可以访问文件，但是JS效果出不来，比如alert()方法，找了好久，忘了在哪儿找到的了，加上就好了

<span style="white-space:pre">	</span>//js加上这个就好啦！
        chartshow_wb.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsR