逆向学习物联网-移动App-AppInventor-04MQTT程序设计之动态曲线绘图程序设计

一、曲线图绘制函数调用位置

 

 

 二、绘图原理

1）.画布坐标系

 

     一屏最多可以描述的点  n,   对应的采样数值组： Arr[n]

  3)第num个数的坐标计算

       x坐标的计算：x0+num*( x1-x0)/n

      y坐标的计算：y0- Arr[num] *（y0-y1)/const           (其中const为采样可能的最大数）

 4）绘制曲线

      按顺序将各个坐标点用直线连接起来。

 

5)动态刷新曲线 （将第1个数删除，添加新数据到最后）

     for(i=0;i<NUM-1;i++)

     {

            Arr[i]=Arr[i+1];

     }     

     Arr[i]=value;

    重新显示一次曲线。

 

三、绘图函数的实现

 1）.坐标初始化代码

 

 

 

 

 

 2）.采集数据，更新数组 n=50

 

 3)绘制温度曲线

 

 

 

 

 4）.绘制湿度曲线