Android通过iChartJs实现动态图表、报表的显示Demo

最新推荐文章于 2022-08-20 15:10:05 发布

原创最新推荐文章于 2022-08-20 15:10:05 发布 · 4.9k 阅读

6 ·

CC 4.0 BY-SA版权

Android开发专栏收录该内容

38 篇文章

订阅专栏

本文详细介绍了如何在Android应用中集成JavaScript，通过引入ichart-1.0.js和mypie3dDemo.html文件，并利用WebView组件实现交互式图表显示，提供了完整的代码实现和布局设计，包括初始化数据、配置WebView属性、加载HTML页面等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果展示如下：

再看布局文件如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <WebView 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/webView"
        />
</RelativeLayout>

代码实现：

public class MainActivity extends Activity
{
    /**
     * ********by :lixiaodaoaaa QQ:346825741 http://t.qq.com/lixiaodaoaaa/
     * *****http://weibo.com/lixiaodaoaaa
     */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initAllDatas();
    }
    private void initAllDatas()
    {
        WebView webView = (WebView) this.findViewById(R.id.webView);
        webView.getSettings().setJavaScriptEnabled(true); // 允许使用javascript脚本语言
        webView.getSettings().setBuiltInZoomControls(true); // 设置可以缩放
        // 设置javaScript可用于操作MainActivity类
        webView.addJavascriptInterface(this, "MainActivity");
        webView.loadUrl("file:///android_asset/mypie3dDemo.html");
    }
}

工程中要引入ichart-1.0.js和mypie3dDemo.htm两个文件。把这个两个文件放在asset目录下。

csdn资源下载猛击这里：http://download.youkuaiyun.com/detail/lixiaodaoaaa/5091702

其他地方下载地址： http://pan.baidu.com/share/link?shareid=347893&uk=1845783037