日期:2014-05-16  浏览次数:20344 次

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

效果展示如下:


再看布局文件如下:

<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.csdn.net/detail/lixiaodaoaaa/5091702


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