android 折線圖

這個折線圖是我在網上找的代碼，然後自己給補充了下注釋，寫在這裏作爲一個記錄。

轉載時請記得標明源地址：http://my.oschina.net/lijindou/blog

用這個是要一個jar包的

achartengine-1.1.0.jar（jar包在demo的源碼中）

---

源碼地址：https://pan.baidu.com/s/1i52iJNB

---

這個是mainactivity中的代碼

---

package com.xy_link_view;

import android.app.Activity;
import android.content.pm.ActivityInfo;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;

import org.achartengine.ChartFactory;
import org.achartengine.GraphicalView;
import org.achartengine.chart.PointStyle;
import org.achartengine.model.XYMultipleSeriesDataset;
import org.achartengine.model.XYSeries;
import org.achartengine.renderer.XYMultipleSeriesRenderer;
import org.achartengine.renderer.XYSeriesRenderer;

public class MainActivity extends Activity {

    private View view;
    private LinearLayout L;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        this.setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
        setContentView(R.layout.activity_main);
        L = (LinearLayout) findViewById(R.id.l);


        lineView();
    }

    //折線圖
    public void lineView() {
        //同樣是需要數據dataset和視圖渲染器renderer
        XYMultipleSeriesDataset mDataset = new XYMultipleSeriesDataset();

        XYSeries series = new XYSeries("六月");
        series.add(1, 6);
        series.add(2, 5);
        series.add(3, 7);
        series.add(4, 4);
        series.add(5, 9);
        series.add(6, 14);
        series.add(7, 24);
        series.add(8, 34);
        mDataset.addSeries(series);
        XYSeries seriesTwo = new XYSeries("七月");
        seriesTwo.add(1, 4);
        seriesTwo.add(2, 6);
        seriesTwo.add(3, 3);
        seriesTwo.add(4, 7);
        seriesTwo.add(5, 9);
        seriesTwo.add(6, 41);
        seriesTwo.add(7, 22);
        seriesTwo.add(8, 13);
        mDataset.addSeries(seriesTwo);


        XYMultipleSeriesRenderer mRenderer = new XYMultipleSeriesRenderer();
        mRenderer.setMarginsColor(Color.WHITE);//設置表格以外的  背景顏色
        //設置圖表的X軸的當前方向
        mRenderer.setOrientation(XYMultipleSeriesRenderer.Orientation.HORIZONTAL);
        mRenderer.setXTitle("日期");//設置爲X軸的標題
        mRenderer.setYTitle("註冊人數");//設置y軸的標題
        mRenderer.setAxisTitleTextSize(20);//設置軸標題文本大小
        mRenderer.setChartTitle("註冊人數走勢圖");//設置圖表標題
        mRenderer.setChartTitleTextSize(30);//設置圖表標題文字的大小
        mRenderer.setLabelsTextSize(18);//設置標籤的文字大小
        mRenderer.setLegendTextSize(20);//設置圖例文本大小
        mRenderer.setPointSize(3f);//設置點的大小

        mRenderer.setYAxisMin(0);//設置y軸顯示時最小值是0
        mRenderer.setYAxisMax(10);//設置Y軸顯示時的最大值爲10

        mRenderer.setXAxisMin(0);//設置x軸顯示時最小值是0
        mRenderer.setXAxisMax(10);//設置x軸顯示時的最大值爲10

        mRenderer.setYLabels(10);//設置Y軸刻度 密度  這裏的 數字    mRenderer.setYAxisMax(10)  這裏的數字    Y軸分格的密度= mRenderer.setYLabels(10)的 數字  / mRenderer.setYAxisMax(10)  這裏的數字
        mRenderer.setXAxisMax(10);//設置X軸的刻度密度    X軸  也是 同理 的

        mRenderer.setShowGrid(true);//顯示網格
        //將x標籤欄目顯示如：1,2,3,4
        for (int i = 0; i < 32; i++) {
            mRenderer.addXTextLabel(i, String.valueOf(i));
        }


        mRenderer.setXLabels(0);//設置只顯示如1，2等替換後的東西，不顯示1,2,3等
        mRenderer.setMargins(new int[]{20, 30, 15, 20});//設置視圖位置

        //此處是設置六月的 那條折線的
        XYSeriesRenderer r = new XYSeriesRenderer();//(類似於一條線對象)
        r.setColor(Color.BLUE);//設置顏色
        r.setPointStyle(PointStyle.CIRCLE);//設置點的樣式 CIRCLE=圓點   TRIANGLE=三角   SQUARE=正方形  DIAMOND=菱形    POINT=這個加上的效果是將點去掉了
        r.setFillPoints(true);//填充點（顯示的點是空心還是實心）
        r.setDisplayChartValues(true);//將點的值顯示出來
        r.setChartValuesSpacing(10);//顯示的點的值與圖的距離
        r.setChartValuesTextSize(20);//點的值的文字大小

//          r.setFillBelowLine(true);//是否填充折線圖的下方
//          r.setFillBelowLineColor(Color.GREEN);//填充的顏色，如果不設置就默認與線的顏色一致
        r.setLineWidth(2);//設置線寬
        mRenderer.addSeriesRenderer(r);


        XYSeriesRenderer rTwo = new XYSeriesRenderer();//(類似於一條線對象)
        rTwo.setColor(Color.GRAY);//設置顏色
        rTwo.setPointStyle(PointStyle.CIRCLE);//設置點的樣式
        rTwo.setFillPoints(true);//填充點（顯示的點是空心還是實心）
        rTwo.setDisplayChartValues(true);//將點的值顯示出來
        rTwo.setChartValuesSpacing(10);//顯示的點的值與圖的距離
        rTwo.setChartValuesTextSize(20);//點的值的文字大小

        //  rTwo.setFillBelowLine(true);//是否填充折線圖的下方
        //  rTwo.setFillBelowLineColor(Color.GREEN);//填充的顏色，如果不設置就默認與線的顏色一致
        rTwo.setLineWidth(2);//設置線寬

        mRenderer.addSeriesRenderer(rTwo);


        GraphicalView view = ChartFactory.getLineChartView(this, mDataset, mRenderer);
        view.setBackgroundColor(Color.WHITE);//折線圖 的  背景顏色
        L.addView(view);
    }
}

---

這個是activity_main.xml中的代碼

---

<?xml version="1.0" encoding="utf-8"?>
<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.xy_link_view.MainActivity">

    <LinearLayout
        android:id="@+id/l"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

    </LinearLayout>
</RelativeLayout>

---