当前位置:编程学习 > JS >>

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]  
  
补充:移动开发 , Android ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,