• 折线图的代码

    LineChart: 

    1. package com.example.air_conditioner;
    2.  
    3.  
    4.  
    5. import android.content.Context;
    6. import android.graphics.Color;
    7. import android.graphics.Paint.Align;
    8. import org.achartengine.ChartFactory;
    9. import org.achartengine.GraphicalView;
    10. import org.achartengine.chart.PointStyle;
    11. import org.achartengine.model.XYMultipleSeriesDataset;
    12. import org.achartengine.model.XYSeries;
    13. import org.achartengine.renderer.XYMultipleSeriesRenderer;
    14. import org.achartengine.renderer.XYSeriesRenderer;
    15.  
    16. import java.util.List;
    17.  
    18. /**
    19.  * 动态折线图
    20.  */
    21. public class LineChart {
    22.     private GraphicalView mGraphicalView;
    23.     private XYMultipleSeriesDataset multipleSeriesDataset;// 数据集容器
    24.     private XYMultipleSeriesRenderer multipleSeriesRenderer;// 渲染器容器
    25.     private XYSeries mSeries;// 单条曲线数据集
    26.     private XYSeriesRenderer mRenderer;// 单条曲线渲染器
    27.     private Context context;
    28.  
    29.     public LineChart(Context context) {
    30.         this.context = context;
    31.     }
    32.  
    33.     /**
    34.      * 获取图表
    35.      *
    36.      * @return
    37.      */
    38.     public GraphicalView getGraphicalView() {
    39.         mGraphicalView = ChartFactory.getCubeLineChartView(context, multipleSeriesDataset, multipleSeriesRenderer, 0.1f);
    40.         return mGraphicalView;
    41.     }
    42.  
    43.     /**
    44.      * 获取数据集，及xy坐标的集合
    45.      *
    46.      * @param curveTitle   曲线名称
    47.      */
    48.     public void setXYMultipleSeriesDataset(String curveTitle) {
    49.         multipleSeriesDataset = new XYMultipleSeriesDataset();
    50.         mSeries = new XYSeries(curveTitle);
    51.         multipleSeriesDataset.addSeries(mSeries);
    52.     }
    53.  
    54.     /**
    55.      * 获取渲染器
    56.      *
    57.      * @param maxX
    58.      *            x轴最大值
    59.      * @param maxY
    60.      *            y轴最大值
    61.      * @param chartTitle
    62.      *            曲线的标题
    63.      * @param xTitle
    64.      *            x轴标题
    65.      * @param yTitle
    66.      *            y轴标题
    67.      * @param axeColor
    68.      *            坐标轴颜色
    69.      * @param labelColor
    70.      *            标题颜色
    71.      * @param curveColor
    72.      *            曲线颜色
    73.      * @param gridColor
    74.      *            网格颜色
    75.      */
    76.     public void setXYMultipleSeriesRenderer(double maxX, double maxY,
    77.                                             String chartTitle, String xTitle, String yTitle, int axeColor,
    78.                                             int labelColor, int curveColor, int gridColor) {
    79.         multipleSeriesRenderer = new XYMultipleSeriesRenderer();
    80.  
    81.         if (chartTitle != null) {
    82.             multipleSeriesRenderer.setChartTitle(chartTitle);
    83.  
    84.         }
    85.         // 渲染器容器
    86.         multipleSeriesRenderer.setXTitle(xTitle);
    87.         multipleSeriesRenderer.setYTitle(yTitle);
    88.         // 设置xy坐标轴的范围
    89.         multipleSeriesRenderer.setRange(new double[] { 0, maxX, 0, maxY });//xy轴的范围
    90.         // 标题颜色
    91.         multipleSeriesRenderer.setLabelsColor(labelColor);
    92.  
    93.         multipleSeriesRenderer.setXLabels(10);
    94.         multipleSeriesRenderer.setYLabels(10);
    95.         multipleSeriesRenderer.setXLabelsAlign(Align.RIGHT);
    96.         multipleSeriesRenderer.setYLabelsAlign(Align.RIGHT);
    97.  
    98.         // 设置坐标轴的标题字体大小
    99.         multipleSeriesRenderer.setAxisTitleTextSize(20);
    100.         // 设置坐标轴的标题大小
    101.         multipleSeriesRenderer.setChartTitleTextSize(20);
    102.         multipleSeriesRenderer.setLabelsTextSize(20);
    103.         multipleSeriesRenderer.setLegendTextSize(20);
    104.  
    105.         multipleSeriesRenderer.setPointSize(2f);//曲线描点尺寸
    106.         multipleSeriesRenderer.setFitLegend(true);
    107.         multipleSeriesRenderer.setMargins(new int[] { 20, 30, 15, 20 });
    108.         // 设置网格
    109.         multipleSeriesRenderer.setShowGrid(true);
    110.         multipleSeriesRenderer.setZoomEnabled(true, false);
    111.         // 设置坐标轴颜色
    112.         multipleSeriesRenderer.setAxesColor(axeColor);
    113.         multipleSeriesRenderer.setGridColor(gridColor);
    114.         multipleSeriesRenderer.setAxesColor(Color.rgb(128, 138, 135));        //坐标轴颜色
    115.         multipleSeriesRenderer.setLabelsColor(Color.WHITE);                   //标签颜色
    116.         multipleSeriesRenderer.setMarginsColor(Color.rgb(37, 40, 46));        //图表周围颜色
    117.         multipleSeriesRenderer.setGridColor(Color.DKGRAY);                    //表格颜色
    118. //        multipleSeriesRenderer.setBackgroundColor(Color.BLACK);//背景色
    119. //        multipleSeriesRenderer.setMarginsColor(Color.BLACK);//边距背景色，默认背景色为黑色，这里修改为白色
    120.         mRenderer = new XYSeriesRenderer();
    121.         // 设置曲线颜色
    122.         mRenderer.setColor(curveColor);
    123.         mRenderer.setPointStyle(PointStyle.POINT);//描点风格，可以为圆点，方形点等等
    124.  
    125.         multipleSeriesRenderer.addSeriesRenderer(mRenderer);
    126.     }
    127.     // TODO:
    128.     /**
    129.      * 设置图表属性和数据
    130.      */
    131.     public void setChartSettings(XYMultipleSeriesRenderer renderer) {
    132.         // 添加自定义限制线
    133.         renderer.addYTextLabel(4.5, "Custom Line", 0);// 在 y=4.5 的位置添加一条标题为 "Custom Line" 的限制线
    134.  
    135.         renderer.setChartTitle("Chart demo");
    136.         renderer.setXTitle("xValues");
    137.         renderer.setYTitle("yValues");
    138.         renderer.setXAxisMin(0.5);
    139.         renderer.setXAxisMax(10.5);
    140.         renderer.setYAxisMin(0);
    141.         renderer.setYAxisMax(12);
    142.     }
    143.  
    144.     /**
    145.      * 根据新加的数据，更新曲线，只能运行在主线程
    146.      *
    147.      * @param x
    148.      *            新加点的x坐标
    149.      * @param y
    150.      *            新加点的y坐标
    151.      */
    152. //    public void updateChart(double x, double y) {
    153. //        mSeries.add(x, y);
    154. //        mGraphicalView.repaint();  //此处也可以调用invalidate()
    155. //
    156. //    }
    157.  
    158.     /**
    159.      * 根据新加的数据，更新曲线，并将图表滚动到最新的点处，只能运行在主线程
    160.      *
    161.      * @param x 新加点的x坐标
    162.      * @param y 新加点的y坐标
    163.      */
    164.     public void updateChart(double x, double y) {
    165.         mSeries.add(x, y);
    166.  
    167.         // 扩大 x 轴范围以显示整个折线图
    168.         double maxX = x + 50;
    169.         multipleSeriesRenderer.setRange(new double[] { 0, maxX, 0, multipleSeriesRenderer.getYAxisMax()});
    170.  
    171.         if (mSeries.getItemCount() > 1) {
    172.             // 将 x 轴范围设为最新点的位置附近
    173.             double newMaxX = x + (multipleSeriesRenderer.getXAxisMax() - multipleSeriesRenderer.getXAxisMin()) / 50;
    174.             multipleSeriesRenderer.setRange(new double[] { newMaxX - 50, newMaxX, 0, multipleSeriesRenderer.getYAxisMax() });
    175.         }
    176.  
    177.         mGraphicalView.repaint();
    178.     }
    179.  
    180.     /**
    181.      * 添加新的数据，多组，更新曲线，只能运行在主线程
    182.      * @param yList
    183.      */
    184.  
    185.     public void updateChart(List yList) {
    186.         int flag = 10;
    187.         for (int i = 0; i < yList.size(); i++) {
    188.             mSeries.add(flag, yList.get(i));
    189.             flag += 10;
    190.         }
    191.         mGraphicalView.repaint();//此处也可以调用invalidate()
    192.  
    193.     }
    194.     public void updateChart(int x,int[] yList) {
    195.         for (int i = 0; i < yList.length; i++) {
    196.             mSeries.add(x, yList[i]);
    197.             x++;
    198.         }
    199.         mGraphicalView.repaint();//此处也可以调用invalidate()
    200.     }
    201.     /**
    202.      * 清除曲线数据
    203.      */
    204.     public void clearChart() {
    205.         mSeries.clear();
    206.         mGraphicalView.repaint();
    207.     }
    208.  
    209.  
    210. }

     

    DataFragment: 

    1. package com.example.air_conditioner;
    2.  
    3. import android.graphics.Color;
    4. import android.os.Bundle;
    5. import android.view.LayoutInflater;
    6. import android.view.View;
    7. import android.view.ViewGroup;
    8. import android.widget.LinearLayout;
    9.  
    10. import androidx.fragment.app.Fragment;
    11.  
    12. import org.achartengine.GraphicalView;
    13.  
    14. import java.util.ArrayList;
    15. import java.util.List;
    16.  
    17. public class DataFragment extends Fragment {
    18.     /**
    19.      * 存放x、y、z轴加速度的曲线的布局容器
    20.      **/
    21.     private LinearLayout temperatureLayout; // 温度
    22.     private LinearLayout humidityLayout; // 湿度
    23.     private LinearLayout electricityLayout; // 电流
    24.     private LinearLayout voltageLayout;  // 电压
    25.     private LinearLayout powerLayout;  // 功率
    26.     /**
    27.      * 折线图
    28.      */
    29.     private LineChart temperatureLineChart;
    30.     private LineChart humidityLineChart;
    31.     private LineChart electricityLineChart;
    32.     private LineChart voltageLineChart;
    33.     private LineChart powerLineChart;
    34.     /**
    35.      * 用来加载到布局器的view
    36.      **/
    37.     private GraphicalView temperature_wave_view;
    38.     private GraphicalView humidity_wave_view;
    39.     private GraphicalView electricity_wave_view;
    40.     private GraphicalView voltage_wave_view;
    41.     private GraphicalView power_wave_view;
    42.  
    43.     /**
    44.      * 数据集合
    45.      */
    46.     private List tList,vList,pList,eList,hList;
    47.  
    48.     @Override
    49.     public View onCreateView(LayoutInflater inflater, ViewGroup container,
    50.                              Bundle savedInstanceState) {
    51.         // Inflate the layout for this fragment
    52.         View view = inflater.inflate(R.layout.linechart, container, false);
    53.         initView(view);
    54.         return view;
    55.  
    56.     }
    57.  
    58.     private void initView(View view) {
    59.         temperatureLayout = view.findViewById(R.id.temperature);
    60.         humidityLayout = view.findViewById(R.id.humidity);
    61.         electricityLayout = view.findViewById(R.id.electricity);
    62.         voltageLayout = view.findViewById(R.id.voltage);
    63.         powerLayout = view.findViewById(R.id.power);
    64.  
    65.         // 初始化图表
    66.         initChart();
    67.         temperatureLayout.addView(temperature_wave_view,new ViewGroup.LayoutParams(
    68.                 ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
    69.         humidityLayout.addView(humidity_wave_view,new ViewGroup.LayoutParams(
    70.                 ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
    71.         electricityLayout.addView(electricity_wave_view,new ViewGroup.LayoutParams(
    72.                 ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
    73.         voltageLayout.addView(voltage_wave_view,new ViewGroup.LayoutParams(
    74.                 ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
    75.         powerLayout.addView(power_wave_view,new ViewGroup.LayoutParams(
    76.                 ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
    77.  
    78.     }
    79.  
    80.     private void initChart() {
    81.         temperatureLineChart = new LineChart(getContext());
    82.         powerLineChart = new LineChart(getContext());
    83.         humidityLineChart = new LineChart(getContext());
    84.         voltageLineChart = new LineChart(getContext());
    85.         electricityLineChart = new LineChart(getContext());
    86.  
    87.         electricityLineChart.setXYMultipleSeriesDataset("电流曲线");
    88.         humidityLineChart.setXYMultipleSeriesDataset("湿度曲线");
    89.         powerLineChart.setXYMultipleSeriesDataset("功率曲线");
    90.         voltageLineChart.setXYMultipleSeriesDataset("电压曲线");
    91.         temperatureLineChart.setXYMultipleSeriesDataset("温度曲线");
    92.  
    93.         electricityLineChart.setXYMultipleSeriesRenderer(120,10,"电流曲线","时间/min","电流/A",
    94.                 Color.BLACK, Color.RED, Color.RED, Color.BLACK);;
    95.         temperatureLineChart.setXYMultipleSeriesRenderer(120,30,"温度曲线","时间/min","温度/°C",
    96.                 Color.BLACK, Color.RED, Color.RED, Color.BLACK);
    97.         humidityLineChart.setXYMultipleSeriesRenderer(120,10,"湿度曲线","时间/min","湿度/RH",
    98.                 Color.BLACK, Color.GREEN, Color.GREEN, Color.BLACK);
    99.         powerLineChart.setXYMultipleSeriesRenderer(120,10,"功率曲线","时间/min","功率/W",
    100.                 Color.BLACK, Color.GREEN, Color.GREEN, Color.BLACK);
    101.         voltageLineChart.setXYMultipleSeriesRenderer(120,10,"电压曲线","时间/min","电压/V",
    102.                 Color.BLACK, Color.WHITE, Color.WHITE, Color.BLACK);
    103.  
    104.         temperature_wave_view = temperatureLineChart.getGraphicalView();
    105.         power_wave_view = powerLineChart.getGraphicalView();
    106.         voltage_wave_view = voltageLineChart.getGraphicalView();
    107.         humidity_wave_view = humidityLineChart.getGraphicalView();
    108.         electricity_wave_view = electricityLineChart.getGraphicalView();
    109.         // 初始化数据
    110.         initData();
    111.     }
    112.  
    113.     private void initData() {
    114.         pList = new ArrayList<>();
    115.         vList = new ArrayList<>();
    116.         eList = new ArrayList<>();
    117.         hList = new ArrayList<>();
    118.         tList = new ArrayList<>();
    119.         for (int i = 0; i < 12; i++) {
    120.             pList.add(i, (float) (Math.random()*10));
    121.             vList.add(i, (float) (Math.random()*10));
    122.             eList.add(i, (float) (Math.random()*10));
    123.             hList.add(i, (float) (Math.random()*10));
    124.             tList.add(i, (float) (Math.random()*10)+10);
    125.         }
    126.         electricityLineChart.updateChart(eList);
    127.         humidityLineChart.updateChart(hList);
    128.         temperatureLineChart.updateChart(tList);
    129.         voltageLineChart.updateChart(vList);
    130.         powerLineChart.updateChart(pList);
    131.     }
    132.  
    133. }

     linechart:

    1. "1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:layout_width="match_parent"
    4.     android:orientation="vertical"
    5.     android:background="#25282e"
    6.     android:layout_height="match_parent">
    7.     <LinearLayout
    8.         android:layout_width="match_parent"
    9.         android:layout_height="wrap_content"
    10.         >
    11.     LinearLayout>
    12.     <ScrollView
    13.         android:layout_width="fill_parent"
    14.         android:layout_height="fill_parent"
    15.         android:fillViewport="true"
    16.         >
    17.         <LinearLayout
    18.             android:layout_width="fill_parent"
    19.             android:layout_height="wrap_content"
    20.             android:orientation="vertical"
    21.             >
    22.             
    23.             <LinearLayout
    24.                 android:id="@+id/temperature"
    25.                 android:layout_width="fill_parent"
    26.                 android:layout_height="250dp"
    27.                 android:layout_gravity="center_horizontal"
    28.                 android:orientation="vertical"
    29.                 />
    30.             <LinearLayout
    31.                 android:id="@+id/humidity"
    32.                 android:layout_width="fill_parent"
    33.                 android:layout_height="250dp"
    34.                 android:layout_gravity="center_horizontal"
    35.                 android:orientation="vertical"
    36.                 />
    37.             <LinearLayout
    38.                 android:id="@+id/electricity"
    39.                 android:layout_width="fill_parent"
    40.                 android:layout_height="250dp"
    41.                 android:layout_gravity="center_horizontal"
    42.                 android:orientation="vertical"
    43.                 />
    44.             <LinearLayout
    45.                 android:id="@+id/voltage"
    46.                 android:layout_width="fill_parent"
    47.                 android:layout_height="250dp"
    48.                 android:layout_gravity="center_horizontal"
    49.                 android:orientation="vertical"
    50.                 />
    51.             <LinearLayout
    52.                 android:id="@+id/power"
    53.                 android:layout_width="fill_parent"
    54.                 android:layout_height="250dp"
    55.                 android:layout_gravity="center_horizontal"
    56.                 android:orientation="vertical"
    57.                 />
    58.         LinearLayout>
    59.     ScrollView>
    60. LinearLayout>

    效果图： 

     

  • 相关阅读:
    解决 Rust Tauri 1.0 构建时下载 WiX失败
    Spring Boot 链路追踪 SkyWalking 入门
    rabbitMQ学习-发布和确认
    python经典百题之判断回文数
    【C++】如何修改set的值
    YOLOv5 onnx \tensorrt 推理
    TIA博途Wincc Advanced下载项目的具体方法演示（V16版本）
    Visual Studio 2022使用MinGW来编译调试C/C++程序
    ffmpeg草稿
    大数据因果推理与学习入门综合概述
  • 原文地址：https://blog.csdn.net/A125679880/article/details/133682529