這個折線圖是我在網上找的代碼,然後自己給補充了下注釋,寫在這裏作爲一個記錄。
轉載時請記得標明源地址: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>