开源GraphView的使用--数据统计
时间：2018-10-26 16:46:06
手机看文章
扫描二维码
随时随地手机看文章
[导读]最近做室内定位需要绘出加速度传感器输出的三个方向的加速度曲线，找到了开源https://github.com/jjoe64/GraphView-Demos，省去了要重新学MatLab *=*。在htt
最近做室内定位需要绘出加速度传感器输出的三个方向的加速度曲线，找到了开源https://github.com/jjoe64/GraphView-Demos，省去了要重新学MatLab *=*。
在http://www.android-graphview.org/download--getting-started.html下载.jar包。
1、GraphView的使用和普通View的使用相同。
2、支持三种图表：Line和Bar、Point。
GraphView graph = (GraphView) findViewById(R.id.graph);
LineGraphSeriesseries = new LineGraphSeries(new DataPoint[] {
new DataPoint(0, 1),
new DataPoint(1, 5),
new DataPoint(2, 3),
new DataPoint(3, 2),
new DataPoint(4, 6)
});graph.addSeries(series); GraphView graph = (GraphView) rootView.findViewById(R.id.graph);
BarGraphSeriesseries = new BarGraphSeries(new DataPoint[] {
new DataPoint(0, -2),
new DataPoint(1, 5),
new DataPoint(2, 3),
new DataPoint(3, 2),
new DataPoint(4, 6)
});
series.setSpacing(30);
graph.addSeries(series);PointsGraphSeriesseries3 = new PointsGraphSeries(new DataPoint[] {
new DataPoint(0, 0),
new DataPoint(1, 3),
new DataPoint(2, 1),
new DataPoint(3, 0),
new DataPoint(4, 4)
});
graph.addSeries(series3);
series3.setShape(PointsGraphSeries.Shape.TRIANGLE);//设置点的形状
series3.setColor(Color.YELLOW);也可以在XML中使用，但通过.jar包的不支持此功能。
3、设置各种属性
设置每条曲线的标注：
graph.getLegendRenderer().setVisible(true);
graph.getLegendRenderer().setAlign(LegendRenderer.LegendAlign.TOP);//右上角对每条线注释
graph.getLegendRenderer().setTextColor(Color.WHITE);//标注字的颜色
series.setTitle("foo");
series1.setTitle("bar");
设置轴的数据显示格式：
//设置轴分割数字格式 NumberFormat nf = NumberFormat.getInstance(); nf.setMinimumFractionDigits(1);//小数位数 nf.setMinimumIntegerDigits(2);//整数部分位数 graph.getGridLabelRenderer().setLabelFormatter(new DefaultLabelFormatter(nf, nf));
自定义画笔：
//自定义画笔
Paint paint = new Paint();
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(10);
paint.setPathEffect(new DashPathEffect(new float[]{8, 5}, 0));
series1.setCustomPaint(paint);
点击事件：
//线条点击事件
series.setOnDataPointTapListener(new OnDataPointTapListener() {
@Override
public void onTap(Series series, DataPointInterface dataPoint) {
Toast.makeText(MainActivity.this, "Series1: On Data Point clicked: "+dataPoint, Toast.LENGTH_SHORT).show();
}
});
设置表格（分割线）颜色：
graph.getGridLabelRenderer().setGridColor(Color.WHITE);//表格颜色
实例展示：
自定义轴标签：
graph.getGridLabelRenderer().setLabelFormatter(new DefaultLabelFormatter() {
@Override
public String formatLabel(double value, boolean isValueX) {
if (isValueX) {
// show normal x values
return super.formatLabel(value, isValueX);
} else {
// show currency for y values
return super.formatLabel(value, isValueX) + "*";
}
}
});
X轴设置为时间：
// generate Dates
Calendar calendar = Calendar.getInstance();
Date d1 = calendar.getTime();
calendar.add(Calendar.DATE, 1);
Date d2 = calendar.getTime();
calendar.add(Calendar.DATE, 1);
Date d3 = calendar.getTime();
GraphView graph = (GraphView) rootView.findViewById(R.id.graph);
// you can directly pass Date objects to DataPoint-Constructor
// this will convert the Date to double via Date#getTime()
LineGraphSeriesseries = new LineGraphSeries(new DataPoint[] {
new DataPoint(d1, 1),
new DataPoint(d2, 5),
new DataPoint(d3, 3)
});
graph.addSeries(series);
// set date label formatter
graph.getGridLabelRenderer().setLabelFormatter(new DateAsXAxisLabelFormatter(getActivity()));
graph.getGridLabelRenderer().setNumHorizontalLabels(3); // only 4 because of the space
// set manual x bounds to have nice steps
graph.getViewport().setMinX(d1.getTime());
graph.getViewport().setMaxX(d3.getTime());
graph.getViewport().setXAxisBoundsManual(true);
// as we use dates as labels, the human rounding to nice readable numbers
// is not nessecary
graph.getGridLabelRenderer().setHumanRounding(false);设置X、Y轴 Bounds：
// set manual X bounds graph.getViewport().setXAxisBoundsManual(true); graph.getViewport().setMinX(0.5); graph.getViewport().setMaxX(3.5); // set manual Y bounds graph.getViewport().setYAxisBoundsManual(true); graph.getViewport().setMinY(3.5); graph.getViewport().setMaxY(8);
设置图表可以缩放：
// enable scaling graph.getViewport().setScalable(true);
设置Y轴可以Auto，图表可以横向滑动：
// enable scrolling graph.getViewport().setScrollable(true);
这只左右两个Y轴：
// set second scale
graph.getSecondScale().addSeries(series2);
// the y bounds are always manual for second scale
graph.getSecondScale().setMinY(0);
graph.getSecondScale().setMaxY(100);
series2.setColor(Color.RED);
graph.getGridLabelRenderer().setVerticalLabelsSecondScaleColor(Color.RED);
// legend
series.setTitle("foo");
series2.setTitle("bar");
graph.getLegendRenderer().setVisible(true);
graph.getLegendRenderer().setAlign(LegendRenderer.LegendAlign.TOP);
graph.getViewport().setBackgroundColor(Color.GRAY);使用 staticLables:
// use static labels for horizontal and vertical labels
StaticLabelsFormatter staticLabelsFormatter = new StaticLabelsFormatter(graph);
staticLabelsFormatter.setHorizontalLabels(new String[] {"old", "middle", "new"});
staticLabelsFormatter.setVerticalLabels(new String[] {"low", "middle", "high"});
graph.getGridLabelRenderer().setLabelFormatter(staticLabelsFormatter);设置轴Lables：
// titles
graph.setTitle("Chart Title");
graph.getGridLabelRenderer().setVerticalAxisTitle("Vertical Axis");
graph.getGridLabelRenderer().setHorizontalAxisTitle("Horizontal Axis");标签、背景色、字体、字大小、颜色....Styling：
// styling grid/labels
graph.getGridLabelRenderer().setGridColor(Color.RED);
graph.getGridLabelRenderer().setHighlightZeroLines(false);
graph.getGridLabelRenderer().setHorizontalLabelsColor(Color.GREEN);//水平轴字体颜色
graph.getGridLabelRenderer().setVerticalLabelsColor(Color.RED);//垂直轴字颜色
graph.getGridLabelRenderer().setVerticalLabelsAlign(Paint.Align.LEFT);
graph.getGridLabelRenderer().setLabelVerticalWidth(150);
graph.getGridLabelRenderer().setTextSize(40);//字大小
graph.getGridLabelRenderer().setGridStyle(GridLabelRenderer.GridStyle.HORIZONTAL);//表格样式，水平线
graph.getGridLabelRenderer().reloadStyles();
graph.getGridLabelRenderer().setHorizontalLabelsAngle(120);//水平轴标签倾斜角
// styling viewport
graph.getViewport().setBackgroundColor(Color.argb(255, 222, 222, 222));//图表背景色
graph.getViewport().setDrawBorder(true);
graph.getViewport().setBorderColor(Color.BLUE);
// styling series
series.setTitle("Random Curve 1");
series.setColor(Color.GREEN);
series.setDrawDataPoints(true);
series.setDataPointsRadius(10);
series.setThickness(8);
series2.setTitle("Random Curve 2");
series2.setDrawBackground(true);
series2.setBackgroundColor(Color.argb(100, 255, 255, 0));
Paint paint = new Paint();
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(10);
paint.setPathEffect(new DashPathEffect(new float[]{8, 5}, 0));
series2.setCustomPaint(paint);
// styling legend 注释每条线代表什么
graph.getLegendRenderer().setVisible(true);
graph.getLegendRenderer().setTextSize(25);
graph.getLegendRenderer().setBackgroundColor(Color.argb(150, 50, 0, 0));
graph.getLegendRenderer().setTextColor(Color.WHITE);
//graph.getLegendRenderer().setAlign(LegendRenderer.LegendAlign.TOP);
//graph.getLegendRenderer().setMargin(30);
graph.getLegendRenderer().setFixedPosition(150, 0);
下载文档
