Android使用echarts框架的K线图

百度echarts框架还是比较强大的，之前有尝试使用它，但毕竟主要使用于web网页端，效果不是很好，所以最终还是取消使用echarts

但之前在使用的过程中遇到些问题，虽然解决很简单，但也花了我不少时间，所以在这里记录之前如何使用及如何解决其中遇到的问题

1、在echarts官网下载demo

2、如果js代码没有很好的给一个函数入口，则自己提取封装

（1）原本已经提取封装好的函数保持不变

（2）js最开始执行的地方提取出来封装为一个函数，将其中的图形的数据变量作为函数的参数

（3）将html代码放到Android工程的assets目录下

（4）Android的布局这里就不多写了，直接加一个webview就行

（5）在Java代码中调用js，代码如下

//设置编码
        mWebView.getSettings().setDefaultTextEncodingName("utf-8");
        //支持js
        mWebView.getSettings().setJavaScriptEnabled(true);

        //设置背景颜色 透明
        mWebView.setBackgroundColor(Color.argb(0, 0, 0, 0));

        //载入js
//        mWebView.loadUrl("file:///android_asset/echarts-kline.html");
        mWebView.loadUrl("file:///android_asset/candlestick33.html");

    mWebView.loadUrl("javascript:jsFunction(‘" + jsParam+ "‘)");

按照以往我们按照上面的形式调用js是没问题的，但我这里图形就是无法获取到数据，所以也图形也没有什么内容

想了好久，用很多方法尝试，数据是传过去了的，但为什么不显示呢。

自己也猜测：是不是页面图形框架还没加载好就已经执行了这段代码，等真正图形框架加载完需要传数据的时候，那段传数据的代码不再调用了，但Android端如何判断页面加载好呢，这也要看网速的吧

之后在一个群里一个热心好友跟我猜到一起了，但它知道如果是这个原因，可以试试什么方法，方法如下：

WebView可以实现一个onPageFinished的方法，顾名思义，应该就是当页面加载完后，我们再去调用js函数，这里只需要把调用js的那段代码放到如下代码中

mWebView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                mWebView.loadUrl("javascript:jsFunction(‘" + jsParam+ "‘)");
                super.onPageFinished(view, url);
            }

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });
    

本人文笔有限，有写的不好的地方还请包涵。

本人联系方式：

更多精彩分享，可关注我的微信公众号：

　　　　　　微信打赏我请扫描下面的二维码：

微信号：WeixinJungle

邮箱:[email protected]