HelloCharts（一、LineChart）

HelloCharts控件里的LineChart方法设置

布局文件

<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=".LineChartsActivity" >

<lecho.lib.hellocharts.view.LineChartView
android:id="@+id/chart"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</lecho.lib.hellocharts.view.LineChartView>

</RelativeLayout>代码

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.graphics.Color;
import android.graphics.Typeface;
import android.os.Bundle;
import android.widget.Toast;
import lecho.lib.hellocharts.animation.ChartAnimationListener;
import lecho.lib.hellocharts.listener.LineChartOnValueSelectListener;
import lecho.lib.hellocharts.model.Axis;
import lecho.lib.hellocharts.model.AxisValue;
import lecho.lib.hellocharts.model.Line;
import lecho.lib.hellocharts.model.LineChartData;
import lecho.lib.hellocharts.model.PointValue;
import lecho.lib.hellocharts.model.ValueShape;
import lecho.lib.hellocharts.model.Viewport;
import lecho.lib.hellocharts.view.LineChartView;

public class LineDemo extends Activity {

static int LineChartNums = 10;
int numberOfLines = 1;
int maxNumberOfLines = 4;
boolean isCubic = false;

LineChartView lineChart;

private LineChartData chartData;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.linedemo);

lineChart = (LineChartView) findViewById(R.id.linechart);
lineChart.setInteractive(true);//是否可以缩放
lineChart.setOnValueTouchListener(new LineChartOnValueSelectListener() {

@Override
public void onValueDeselected() {

}

@Override
public void onValueSelected(int arg0, int arg1, PointValue arg2) {
Toast.makeText(LineDemo.this, arg1+"", 0).show();
//addLineToData();
resetViewport();
}
});
lineChart.setValueSelectionEnabled(true);//设置节点点击后动画
toggleCubic();
}

/**
* 添加数据
*/
public void AddLineChartDate(){

List<Line> lines = new ArrayList<Line>();
for (int i = 0; i < numberOfLines; i++) {
List<PointValue> pointValues = new ArrayList<PointValue>();//节点数据结合
Axis axisY = new Axis();//Y轴属性
Axis axisX = new Axis();//X轴属性
axisY.setName("Y轴");
axisX.setName("X轴");
ArrayList<AxisValue> axisValuesY = new ArrayList<AxisValue>();
ArrayList<AxisValue> axisValuesX = new ArrayList<AxisValue>();
for (int j = 0; j < LineChartNums; j++) {
pointValues.add(new PointValue(j, j*10*(i+1)));//添加节点数据
axisValuesY.add(new AxisValue(j*10*(i+1)).setLabel(j+""));//添加Y轴显示的刻度值
axisValuesX.add(new AxisValue(j).setLabel(j+""));//添加X轴显示的刻度值
}
axisY.setValues(axisValuesY);
axisX.setValues(axisValuesX);
axisX.setLineColor(Color.BLACK);//无效果
axisY.setLineColor(Color.BLUE);//无效果

axisX.setTextColor(Color.BLACK);//设置X轴文字颜色
axisY.setTextColor(Color.BLUE);//设置Y轴文字颜色

axisX.setTextSize(20);//设置X轴文字大小
axisX.setTypeface(Typeface.SERIF);//设置文字样式

axisX.setHasTiltedLabels(true);//设置X轴文字向左旋转45度
axisX.setHasLines(true);//是否显示X轴网格线
axisY.setHasLines(true);

axisX.setInside(true);//设置X轴文字在X轴内部

Line line = new Line(pointValues);
line.setColor(Color.GREEN);//设置折线颜色
line.setStrokeWidth(5);//设置折线宽度
line.setFilled(true);//设置折线覆盖区域颜色
line.setCubic(isCubic);//节点之间的过渡
line.setPointColor(Color.RED);//设置节点颜色
line.setPointRadius(10);//设置节点半径
line.setHasLabels(true);//是否显示节点数据
line.setHasLines(true);//是否显示折线
line.setHasPoints(true);//是否显示节点
line.setShape(ValueShape.CIRCLE);//节点图形样式 DIAMOND菱形、SQUARE方形、CIRCLE圆形
line.setHasLabelsOnlyForSelected(false);//隐藏数据，触摸可以显示
lines.add(line);//将数据集合添加到线

chartData = new LineChartData(lines);
chartData.setAxisYLeft(axisY);//将Y轴属性设置到左边
chartData.setAxisXBottom(axisX);//将X轴属性设置到底部
chartData.setBaseValue(20);//设置反向覆盖区域颜色
chartData.setValueLabelBackgroundAuto(false);//设置数据背景是否跟随节点颜色
chartData.setValueLabelBackgroundColor(Color.BLUE);//设置数据背景颜色
chartData.setValueLabelBackgroundEnabled(false);//设置是否有数据背景
chartData.setValueLabelsTextColor(Color.RED);//设置数据文字颜色
chartData.setValueLabelTextSize(15);//设置数据文字大小
chartData.setValueLabelTypeface(Typeface.MONOSPACE);//设置数据文字样式
}

lineChart.setLineChartData(chartData);//将数据添加到控件中
}

private void resetViewport() {
// Reset viewport height range to (0,100)
final Viewport v = new Viewport(lineChart.getMaximumViewport());
v.bottom = 0;
v.top = 100;
v.left = 0;
v.right = LineChartNums - 1;
lineChart.setMaximumViewport(v);
lineChart.setCurrentViewport(v);
}

private void toggleCubic() {
isCubic = !isCubic;

AddLineChartDate();

if (isCubic) {
final Viewport v = new Viewport(lineChart.getMaximumViewport());
v.bottom = -5;
v.top = 105;
lineChart.setMaximumViewport(v);
lineChart.setCurrentViewportWithAnimation(v);
} else {
// If not cubic restore viewport to (0,100) range.
final Viewport v = new Viewport(lineChart.getMaximumViewport());
v.bottom = 0;
v.top = 100;
lineChart.setViewportAnimationListener(new ChartAnimationListener() {

@Override
public void onAnimationStarted() {
// TODO Auto-generated method stub

}

@Override
public void onAnimationFinished() {
lineChart.setMaximumViewport(v);
lineChart.setViewportAnimationListener(null);

}
});
lineChart.setCurrentViewportWithAnimation(v);
}

}

}




jar包点击打开链接