Android通過iChartJs實現動態圖表、報表的顯示Demo

效果展示如下：

再看佈局文件如下：

[html]  

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

 

代碼實現：

[java]  

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目錄下。

 

[java]