android 中图表展示的实现——echarts方式实现

最新推荐文章于 2024-09-09 18:39:18 发布

阅读量7k

点赞数 1

分类专栏：移动开发文章标签： android echarts webview javascript

本文链接：https://blog.csdn.net/huozhonbin/article/details/44781867

版权

android 中想要实现图表的展示，非常麻烦。网上查了一下实现方案，无非三种：

1.自己写画布，慢慢实现，要求太高，很难搞定。

2.用AchartEngine实现，丑陋，而且扩展性很小。

3.采用webview加载js的方式，虽然理论上会比较耗费资源，但是效果不错，而且难度小很多。

下面以一个例子具体介绍依稀这种方式：

首先布局文件：

<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"
		    android:layout_height="wrap_content"
		    android:layout_weight="1"
		    android:text="柱状图" />
		
		<Button