码迷,mamicode.com
首页 > 移动开发 > 详细

Android使用echarts框架的K线图

时间:2016-08-17 22:57:38      阅读:487      评论:0      收藏:0      [点我收藏+]

标签:

百度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

              技术分享

                 邮箱:oneou6688@163.com

Android使用echarts框架的K线图

标签:

原文地址:http://www.cnblogs.com/wangoublog/p/5782016.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!