echarts方式实现android图表展示

最新推荐文章于 2024-06-25 15:34:07 发布

panmezihuan420

最新推荐文章于 2024-06-25 15:34:07 发布

阅读量3.8k

点赞数

分类专栏：移动开发

本文链接：https://blog.csdn.net/panmezihuan420/article/details/73824377

版权

该博客介绍了一种在Android应用中通过WebView加载ECharts JavaScript库来展示图表的方法，尽管这种方法可能较为资源密集。

摘要由CSDN通过智能技术生成

采用webview加载js的方式，虽然理论上会比较耗费资源

ECharts下载地址：ECharts

以下是一个简单的例子：

布局文件：

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.hzbst.echartst.MainActivity" >
	<LinearLayout 
	    android:id="@+id/bt_ly"
	    android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
	    >
		<Button
		    android:id="@+id/linechart_bt"
		    style="?android:attr/buttonStyleSmall"
		    android:layout_width="match_parent"
		    android:layout_height="wrap_content"
		    android:layout_weight="1"
		    android:text="折线图" />
	    
		<Button
		    android:id="@+id/barchart_bt"
		    style="?android:attr/buttonStyleSmall"
		    android:layout_width="match_parent"
		    an