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>

---