package com.moral.screen.activity;
|
|
import android.app.AlertDialog;
|
import android.graphics.Color;
|
import android.graphics.drawable.ColorDrawable;
|
import android.os.Bundle;
|
import android.support.annotation.IdRes;
|
import android.text.TextUtils;
|
import android.view.LayoutInflater;
|
import android.view.View;
|
import android.view.Window;
|
import android.widget.Button;
|
import android.widget.ImageView;
|
import android.widget.RadioGroup;
|
import android.widget.TextView;
|
|
import com.lzy.okgo.cache.CacheMode;
|
import com.moral.andbrickslib.utils.FastJsonTools;
|
import com.moral.andbrickslib.utils.NumberUtils;
|
import com.moral.andbrickslib.utils.TimeUtil;
|
import com.moral.screen.R;
|
import com.moral.screen.base.BaseActivity;
|
import com.moral.screen.common.API;
|
import com.moral.screen.httputils.HttpCallBack;
|
import com.moral.screen.model.SensorData;
|
|
import org.json.JSONException;
|
import org.json.JSONObject;
|
|
import java.util.ArrayList;
|
import java.util.HashMap;
|
import java.util.List;
|
import java.util.Timer;
|
import java.util.TimerTask;
|
|
import lecho.lib.hellocharts.formatter.AxisValueFormatter;
|
import lecho.lib.hellocharts.formatter.LineChartValueFormatter;
|
import lecho.lib.hellocharts.formatter.SimpleAxisValueFormatter;
|
import lecho.lib.hellocharts.formatter.SimpleLineChartValueFormatter;
|
import lecho.lib.hellocharts.gesture.ContainerScrollType;
|
import lecho.lib.hellocharts.gesture.ZoomType;
|
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;
|
|
/**
|
* Created by haijiang on 2017/7/13.
|
*/
|
|
public class ChartActivity extends BaseActivity {
|
private LineChartView chartView;
|
Line line;
|
LineChartData data;
|
Axis axisX;
|
Axis axisY;
|
private List<PointValue> mPointValues = new ArrayList<>();
|
private List<AxisValue> mAxisXValues = new ArrayList<>();
|
|
private TextView tv_sub,tv_unit;
|
private String sensorKey, mac, name, unit;
|
private float maxValue;
|
|
private Timer timer;
|
|
/**
|
* 计时器
|
*/
|
private boolean isFinish = false;
|
private void showChangeLineChart() {
|
timer = new Timer();
|
timer.schedule(new TimerTask() {
|
@Override
|
public void run() {
|
if(!isFinish){
|
getData(1,false);
|
}
|
}
|
},0,5*1000);
|
}
|
@Override
|
protected void getBundleExtras(Bundle extras) {
|
sensorKey = getIntent().getStringExtra("sensorKey");
|
mac = getIntent().getStringExtra("mac");
|
name = getIntent().getStringExtra("name");
|
unit = getIntent().getStringExtra("unit");
|
maxValue = getIntent().getFloatExtra("maxValue", 0);
|
}
|
|
@Override
|
protected int getLayoutId() {
|
return R.layout.ac_charts_layout;
|
}
|
|
@Override
|
protected void initViews() {
|
initTopBar();
|
tv_title.setText("动态走势");
|
tv_sub = findView(R.id.tv_sub);
|
tv_unit = findView(R.id.tv_unit);
|
tv_sub.setText(name + "动态走势图");
|
tv_unit.setText("单位：" + unit);
|
chartView = findView(R.id.chart);
|
initLineChart();
|
}
|
|
@Override
|
protected void initListener() {
|
|
}
|
|
@Override
|
protected void initData() {
|
getData(8,true);
|
showChangeLineChart();
|
}
|
|
@Override
|
protected void processClick(View view) {
|
switch (view.getId()) {
|
case R.id.tv_left:
|
finish();
|
break;
|
}
|
|
}
|
|
@Override
|
protected void onErrorPageClick() {
|
|
}
|
|
private void initLineChart() {
|
line = new Line(mPointValues).setColor(Color.parseColor("#ffffff")); //折线的颜色
|
List<Line> lines = new ArrayList<>();
|
line.setShape(ValueShape.CIRCLE);//折线图上每个数据点的形状 这里是圆形 （有三种 ：ValueShape.SQUARE ValueShape.CIRCLE ValueShape.DIAMOND）
|
line.setPointColor(Color.parseColor("#ffffff"));
|
line.setCubic(false);//曲线是否平滑，即是曲线还是折线
|
line.setFilled(false);//是否填充曲线的面积
|
line.setHasLabels(true);//曲线的数据坐标是否加上备注
|
// line.setHasLabelsOnlyForSelected(true);//点击数据坐标提示数据（设置了这个line.setHasLabels(true);就无效）
|
line.setHasLines(true);//是否用线显示。如果为false 则没有曲线只有点显示
|
line.setHasPoints(true);//是否显示圆点 如果为false 则没有原点只有点显示（每个数据点都是个大的圆点）
|
LineChartValueFormatter chartValueFormatter = new SimpleLineChartValueFormatter(1);
|
line.setFormatter(chartValueFormatter);//显示小数点
|
lines.add(line);
|
data = new LineChartData();
|
data.setLines(lines);
|
data.setValueLabelBackgroundColor(Color.TRANSPARENT);//此处设置坐标点旁边的文字背景
|
data.setValueLabelBackgroundEnabled(false);
|
data.setValueLabelsTextColor(Color.WHITE);
|
data.setValueLabelTextSize(8);
|
|
//坐标轴
|
axisX = new Axis(); //X轴
|
axisX.setHasTiltedLabels(false); //X坐标轴字体是斜的显示还是直的，true是斜的显示
|
axisX.setName("实时数据"); //表格名称
|
axisX.setTextSize(8);//设置字体大小
|
axisX.setTextColor(getResources().getColor(R.color.blue_txt));
|
// axisX.setMaxLabelChars(7); //最多几个X轴坐标，意思就是你的缩放让X轴上数据的个数7<=x<=mAxisXValues.length
|
axisX.setValues(mAxisXValues); //填充X轴的坐标名称
|
axisX.setHasLines(true); //x 轴分割线
|
axisX.setLineColor(getResources().getColor(R.color.blue_txt));
|
axisX.setHasSeparationLine(true);
|
data.setAxisXBottom(axisX); //x 轴在底部
|
//data.setAxisXTop(axisX); //x 轴在顶部
|
|
// Y轴是根据数据的大小自动设置Y轴上限(在下面我会给出固定Y轴数据个数的解决方案)
|
axisY = Axis.generateAxisFromRange((float) 0.0, maxValue == 0 ? 100 : maxValue, maxValue == 0 ? 10 : maxValue / 16); //Y轴
|
// axisY = new Axis();
|
axisY.setAutoGenerated(false);
|
// AxisValueFormatter yvalue = new SimpleAxisValueFormatter(1);
|
// axisY.setFormatter(yvalue);
|
axisY.setHasLines(true);
|
axisY.setHasSeparationLine(true);
|
axisY.setName(" ");//y轴标注
|
axisY.setTextSize(8);//设置字体大小
|
axisY.setTextColor(getResources().getColor(R.color.blue_txt));
|
axisY.setLineColor(getResources().getColor(R.color.blue_txt));
|
data.setAxisYLeft(axisY); //Y轴设置在左边
|
|
//设置行为属性，支持缩放、滑动以及平移
|
chartView.setInteractive(true);
|
chartView.setZoomType(ZoomType.HORIZONTAL);
|
chartView.setMaxZoom((float) 2);//最大方法比例
|
chartView.setContainerScrollEnabled(true, ContainerScrollType.HORIZONTAL);
|
chartView.setLineChartData(data);
|
chartView.setVisibility(View.VISIBLE);
|
/**注：下面的7，10只是代表一个数字去类比而已
|
* 当时是为了解决X轴固定数据个数。见（http://forum.xda-developers.com/tools/programming/library-hellocharts-charting-library-t2904456/page2）;
|
*/
|
final Viewport v = new Viewport(chartView.getMaximumViewport());
|
v.bottom = (float) 0.0;
|
v.top = maxValue;
|
chartView.setMaximumViewport(v);
|
chartView.setCurrentViewport(v);
|
}
|
|
private int index = 0;
|
|
private void reshowChart(final SensorData sensorData) {
|
chartView.post(new Runnable() {
|
@Override
|
public void run() {
|
mPointValues.add(new PointValue(index, sensorData.getValue()));
|
mAxisXValues.add(new AxisValue(index).setLabel(index + ""));
|
if(mPointValues.size()>8){
|
mPointValues.remove(0);
|
}
|
if(mAxisXValues.size()>8){
|
mAxisXValues.remove(0);
|
}
|
axisX.setValues(mAxisXValues);
|
data.setAxisXBottom(axisX);
|
line.setValues(mPointValues);
|
List<Line> lines = new ArrayList<Line>();
|
lines.add(line);
|
data.setLines(lines);
|
chartView.setLineChartData(data);
|
index++;
|
final Viewport v = new Viewport(chartView.getMaximumViewport());
|
v.bottom = (float) 0.0;
|
v.top = maxValue;
|
chartView.setMaximumViewport(v);
|
chartView.setCurrentViewport(v);
|
}
|
});
|
}
|
|
private ArrayList<SensorData> dataList = new ArrayList<>();
|
|
private void getData(int size,boolean show) {
|
HashMap<String, String> params = new HashMap<>();
|
params.put("sensorKey", sensorKey);
|
params.put("mac", mac);
|
params.put("size", size + "");
|
mHttpUtils.doGet(API.SENSOR, params, CacheMode.DEFAULT, show, new HttpCallBack() {
|
@Override
|
public void onSuccess(String res, String msg) {
|
if (progressDialog.isShowing()) {
|
progressDialog.dismiss();
|
}
|
ArrayList<SensorData> temp = (ArrayList<SensorData>) FastJsonTools.getArrayJson(res, SensorData.class);
|
if (temp != null) {
|
dataList.clear();
|
dataList.addAll(temp);
|
}
|
for (SensorData data:dataList){
|
reshowChart(data);
|
}
|
}
|
|
@Override
|
public void showLoadingDialog() {
|
progressDialog.show();
|
}
|
|
@Override
|
public void onFail(int errno, String s) {
|
if (progressDialog.isShowing()) {
|
progressDialog.dismiss();
|
}
|
}
|
});
|
}
|
|
@Override
|
protected void onDestroy() {
|
super.onDestroy();
|
if(timer!=null){
|
timer.cancel();
|
timer =null;
|
}
|
}
|
}
|
