您的位置:首页 > 移动开发 > Android开发

android 折线图

2016-07-14 00:00 357 查看
摘要: 这个折线图是我在网上找的代码,然后自己给补充了下注释,写在这里作为一个记录。

转载时请记得标明源地址: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 in
7fe0
t[]{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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  折线图