首页后端开发其他后端知识Socket通信动态折线图的使用方法

Socket通信动态折线图的使用方法

时间2024-03-28 14:48:03发布访客分类其他后端知识浏览518
导读:在实际案例的操作过程中,我们可能会遇到“Socket通信动态折线图的使用方法”这样的问题,那么我们该如何处理和解决这样的情况呢?这篇小编就给大家总结了一些方法,具有一定的借鉴价值,希望对大家有所帮助,接下来就让小编带领大家一起了解看看吧。...
在实际案例的操作过程中,我们可能会遇到“Socket通信动态折线图的使用方法”这样的问题,那么我们该如何处理和解决这样的情况呢?这篇小编就给大家总结了一些方法,具有一定的借鉴价值,希望对大家有所帮助,接下来就让小编带领大家一起了解看看吧。
 


     

项目里需要App端不断地从服务器获取数据,实时生成图表。在线程一个线程中不断的从服务器获取数据,然后在Handler中更新界面,每获取一个数据发送一个Message,Handler收到Message之后更新折线图。图表控件使用的是MPAndroidChart。自己写了一个实时更新折线图的工具类。希望有需要的盆友可以直接拿走使用。


1、实时折线图工具类

import android.graphics.Color;
    

import com.github.mikephil.charting.charts.LineChart;
    
import com.github.mikephil.charting.components.AxisBase;
    
import com.github.mikephil.charting.components.Description;
    
import com.github.mikephil.charting.components.Legend;
    
import com.github.mikephil.charting.components.XAxis;
    
import com.github.mikephil.charting.components.YAxis;
    
import com.github.mikephil.charting.data.Entry;
    
import com.github.mikephil.charting.data.LineData;
    
import com.github.mikephil.charting.data.LineDataSet;
    
import com.github.mikephil.charting.formatter.IAxisValueFormatter;
    

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


public class ChartUtils {
    

    private LineChart lineChart;
    
    private LineData mLineData;
    
    private ListEntry>
     lineList = new ArrayList>
    ();
    
    private ListString>
     xData = new ArrayList>
    ();



    public void initStateChart(LineChart chart) {
    
        lineChart = chart;
    
        lineChart.setBackgroundColor(Color.rgb(255, 255, 255));
    
        // 不可以缩放
        lineChart.setScaleEnabled(false);
    

        //启用或禁用描述
        Description description = lineChart.getDescription();
    
        description.setEnabled(false);
    

        //新建空数据
        LineDataSet dataSet = new LineDataSet(lineList, "设备波形图");
    
        //线条颜色
        dataSet.setColor(Color.parseColor("#60B0F2"));
    
        //圆点颜色
        dataSet.setCircleColor(Color.parseColor("#60B0F2"));
    
        dataSet.setCircleRadius(1.5f);
    
        dataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER);
    
        dataSet.setFillColor(Color.parseColor("#60B0F2"));
    
        dataSet.setFillAlpha(50);
    
        //线条宽度
        dataSet.setLineWidth(1f);
    

        //设置x轴、y轴样式
        YAxis rightAxis = lineChart.getAxisRight();
    
        YAxis leftAxis = lineChart.getAxisLeft();
    
        //保证Y轴从0开始,不然会上移一点
        leftAxis.setAxisMinimum(0f);
    
        rightAxis.setAxisMinimum(300f);
    
        //设置图表右边的y轴禁用
        rightAxis.setEnabled(false);
    
        //设置图表左边的y轴禁用
        //设置x轴
        XAxis xAxis = lineChart.getXAxis();
    
        xAxis.setTextColor(Color.parseColor("#333333"));
    
        xAxis.setTextSize(11f);
    
        xAxis.setAxisMinimum(0f);
    
        //是否绘制轴线
        xAxis.setDrawAxisLine(true);
    
        //设置x轴上每个点对应的线
        xAxis.setDrawGridLines(true);
    
        //绘制标签  指x轴上的对应数值
        xAxis.setDrawLabels(true);
    
        //设置x轴的显示位置
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
    
        //禁止放大后x轴标签重绘
        xAxis.setGranularity(1f);
    
        //自定义x轴值
        xAxis.setValueFormatter(LineXiavf0);
    
        //图表将避免第一个和最后一个标签条目被减掉在图表或屏幕的边缘
        xAxis.setAvoidFirstLastClipping(true);
    

        Legend l = lineChart.getLegend();
    
        l.setForm(Legend.LegendForm.LINE);
    
        l.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP);
    
        l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.CENTER);
    
        l.setOrientation(Legend.LegendOrientation.HORIZONTAL);
    
        l.setDrawInside(false);
    

        //chart设置数据
        mLineData = new LineData(dataSet);
    
        //是否绘制线条上的文字
        mLineData.setDrawValues(true);
    

        lineChart.setData(mLineData);
    
        lineChart.animateX(500);
    
        lineChart.setNoDataText("暂无数据");
    
        lineChart.invalidate();

    }


    //自定义x轴值
    private IAxisValueFormatter LineXiavf0 = new IAxisValueFormatter() {

        @Override
        public String getFormattedValue(float value, AxisBase axis) {
    
            int p = (int) value;
    
            if (p  xData.size() &
    &
     p >
 -1) {
    
                return xData.get(p);

            }
 else {
    
                return "";

            }

        }

    }
    ;


    //添加数据
    public void addEntry(String xValue, int yValue) {
    
        //添加x轴值
        xData.add(xValue);
    
        //添加y轴值
        Entry entry = new Entry(xData.size(), yValue);
    
        mLineData.addEntry(entry, 0);
    
        //数据刷新
        mLineData.notifyDataChanged();
    
        //char图标刷新
        lineChart.notifyDataSetChanged();
    
        //x轴显示最大个数
        lineChart.setVisibleXRangeMaximum(20);
    
        //x轴移动
        lineChart.moveViewToAnimated(xData.size(), 0, YAxis.AxisDependency.RIGHT, 75);

    }


}
    


2、通过Socket获取后台发送的数据

public class TcpSocketAsyncTask extends AsyncTaskVoid, Void, String>
 {
    

    private String ip;
    
    private String port;


    public TcpSocketAsyncTask(String ip, String port) {
    
        this.ip = ip;
    
        this.port = port;

    }


    @Override
    protected String doInBackground(Void... param) {


        try {
    
            socket = new Socket(ip, Integer.parseInt(port));
    
            InputStream inputStream = socket.getInputStream();
    
            DataInputStream input = new DataInputStream(inputStream);
    
            byte[] b = new byte[10000];

            while (true) {
    
                int length = input.read(b);
    
                String msg = new String(b, 0, length);
    
                Message message = new Message();
    
                message.obj = msg;
    
                mHandler.sendMessage(message);

            }

        }
 catch (Exception ex) {
    
            ex.printStackTrace();
    
            Message message = new Message();
    
            message.obj = ip   ":"   port   "Socket连接异常";
    
            mHandler.sendMessage(message);

        }
    
        return "";

    }


}


3、Message配合Handler实现

Handler mHandler = new Handler() {

    @Override
    public void handleMessage(Message msg) {

        try {
    
            String cussStr = "".equals(mResultTextview.getText().toString()) ? "" : mResultTextview.getText().toString()   "
";
    
            mResultTextview.setText(cussStr   msg.obj.toString());
    

            //要在java代码中设置滚动的方法:
            mResultTextview.setMovementMethod(ScrollingMovementMethod.getInstance());
    
            //下面是设置显示最新的内容:
            mResultTextview.setSelection(mResultTextview.getText().length(), mResultTextview.getText().length());
    

            int valueTen2 = Integer.parseInt(msg.obj.toString());
    
            Log.v("Socket 接收数据==========", msg.obj.toString()   ",十进制数据: "   valueTen2);
    
            mChartUtils.addEntry("", valueTen2);

        }
catch (Exception e){
    
            e.printStackTrace();

        }

    }


}
    ;
    


另外我们在使用MPAndroidChart的时候,需要先导包哦,implementation ´com.github.PhilJay:MPAndroidChart:v3.1.0-alpha´,通过这句代码就可以导入了,然后在界面上引入一个com.github.mikephil.charting.charts.LineChart的View就可以了


关于“Socket通信动态折线图的使用方法”的内容就介绍到这,感谢各位的阅读,相信大家对Socket通信动态折线图的使用方法已经有了进一步的了解。大家如果还想学习更多知识,欢迎关注网络,小编将为大家输出更多高质量的实用文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: Socket通信动态折线图的使用方法
本文地址: https://pptw.com/jishu/655009.html
HTML网页输入框和复选框怎么实现 HTML中引用css文件的方式有什么

游客 回复需填写必要信息