欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android實現(xiàn)動態(tài)添加數(shù)據(jù)與堆疊折線圖詳解流程

 更新時間：2021年10月29日 16:28:01   作者：FranzLiszt1847  
堆疊折線圖是折線圖的一種，堆積折線圖用于顯示每一數(shù)值所占大小隨時間或有序類別而變化的趨勢，可能顯示數(shù)據(jù)點以表示單個數(shù)據(jù)值，也可能不顯示這些數(shù)據(jù)點。堆疊折線圖中，類別數(shù)據(jù)沿水平軸均勻分布，所有值數(shù)據(jù)沿垂直軸均勻分布

效果視頻

引用

描述

本示例采用的是非常、非常、非常好用的一款第三方SDK——helloCharts
傳送門

導(dǎo)包

第一步 ：導(dǎo)入maven

maven { url 'https://jitpack.io' }

第二步：導(dǎo)入依賴

implementation 'com.github.lecho:hellocharts-library:1.5.8@aar'

代碼分析

本示例總共采用了三條折線，分別為溫度、濕度、光照

初始化

初始化三條折線顏色

TmpLine = new Line( mTmpChart ).setColor( Color.parseColor( "#cc00ff" ) );
 HumLine= new Line( mHumChart ).setColor( Color.parseColor( "#0033ff" ) );
 LightLine = new Line( mLightChart ).setColor( Color.parseColor( "#cc0000" ) );

初始化三條折線樣式

        TmpLine.setShape( ValueShape.SQUARE);
        TmpLine.setCubic(true);//曲線是否平滑，即是曲線還是折線
        TmpLine.setFilled(true);//是否填充曲線的面積
        TmpLine.setHasLabels(true);//曲線的數(shù)據(jù)坐標(biāo)是否加上備注
        TmpLine.setHasLines(true);//是否用線顯示。如果為false 則沒有曲線只有點顯示
        TmpLine.setHasPoints(true);//是否顯示圓點 如果為false 則沒有原點只有點顯示（每個數(shù)據(jù)點都是個大的圓點）

        HumLine.setShape( ValueShape.CIRCLE);//折線圖上每個數(shù)據(jù)點的形狀  這里是圓形 （有三種 ：ValueShape.SQUARE  ValueShape.CIRCLE  ValueShape.DIAMOND）
        HumLine.setCubic(true);//曲線是否平滑，即是曲線還是折線
        HumLine.setFilled(true);//是否填充曲線的面積
        HumLine.setHasLabels(true);//曲線的數(shù)據(jù)坐標(biāo)是否加上備注
        HumLine.setHasLines(true);//是否用線顯示。如果為false 則沒有曲線只有點顯示
        HumLine.setHasPoints(true);//是否顯示圓點 如果為false 則沒有原點只有點顯示（每個數(shù)據(jù)點都是個大的圓點）

        LightLine.setShape( ValueShape.DIAMOND);//折線圖上每個數(shù)據(jù)點的形狀  這里是圓形 （有三種 ：ValueShape.SQUARE  ValueShape.CIRCLE  ValueShape.DIAMOND）
        LightLine.setCubic(true);//曲線是否平滑，即是曲線還是折線
        LightLine.setFilled(true);//是否填充曲線的面積
        LightLine.setHasLabels(true);//曲線的數(shù)據(jù)坐標(biāo)是否加上備注
        LightLine.setHasLines(true);//是否用線顯示。如果為false 則沒有曲線只有點顯示
        LightLine.setHasPoints(true);//是否顯示圓點 如果為false 則沒有原點只有點顯示（每個數(shù)據(jù)點都是個大的圓點）

將三條折線添加到折線集合內(nèi)

        lines.add( TmpLine );
        lines.add( HumLine );
        lines.add( LightLine );

添加折線

        data = new LineChartData();
        data.setLines(lines);

初始化X軸、Y軸樣式屬性

        Axis axisX = new Axis(); //X軸
        axisX.setHasTiltedLabels(false);  //X坐標(biāo)軸字體是斜的顯示還是直的，true是斜的顯示
        axisX.setTextColor(Color.RED);  //設(shè)置字體顏色
        //axisX.setName("時間");  //表格名稱
        axisX.setTextSize(7);//設(shè)置字體大小
        axisX.setMaxLabelChars(10); //最多幾個X軸坐標(biāo)，意思就是你的縮放讓X軸上數(shù)據(jù)的個數(shù)7<=x<=mAxisXValues.length
        axisX.setValues(mAxisXValues);  //填充X軸的坐標(biāo)名稱
        data.setAxisXBottom(axisX); //x 軸在底部
        //data.setAxisXTop(axisX);  //x 軸在頂部
        axisX.setHasLines(true); //x 軸分割線

        // Y軸是根據(jù)數(shù)據(jù)的大小自動設(shè)置Y軸上限(在下面我會給出固定Y軸數(shù)據(jù)個數(shù)的解決方案)
        Axis axisY = new Axis();  //Y軸
        axisY.setName("歷史數(shù)據(jù)");//y軸標(biāo)注
        axisY.setTextSize(10);//設(shè)置字體大小
        axisY.setTextColor( Color.RED );
        axisX.setLineColor( Color.GREEN );
        data.setAxisYLeft(axisY);  //Y軸設(shè)置在左邊

設(shè)置折線圖支持滑動、縮放、平移等功能

        lineChart.setInteractive(true);
        lineChart.setZoomType( ZoomType.HORIZONTAL);
        lineChart.setMaxZoom((float) 2);//最大方法比例
        lineChart.setContainerScrollEnabled(true, ContainerScrollType.HORIZONTAL);
        lineChart.setLineChartData(data);
        lineChart.setVisibility( View.VISIBLE);

        Viewport v = new Viewport(lineChart.getMaximumViewport());
        v.left = 0;
        v.right = 7;
        lineChart.setCurrentViewport(v);

動態(tài)添加數(shù)據(jù)

采用Timer動態(tài)添加數(shù)據(jù)

  private void getValue(){
      timer = new Timer(  );
      timer.schedule( new TimerTask() {
          @Override
          public void run() {
           runOnUiThread( ()->{
               getTmp();
               getHum();
               getLight();
           } );
          }
      } ,100,2000);
  }

溫度數(shù)據(jù)

從云獲取數(shù)據(jù)

 float tmp = Float.parseFloat( pointDTO.get( i ).Value );

刷新數(shù)據(jù)，(很重要)

 lineChart.setLineChartData(data);

private void getTmp(){
      business.getSensorData( Param.DEVICEID, Param.TMPTAG, "1", "1", null, null, "ASC", "20", "1", new NCallBack<BaseResponseEntity<SensorDataPageDTO>>(context) {
          @Override
          protected void onResponse(BaseResponseEntity<SensorDataPageDTO> response) {

          }

          @Override
          public void onResponse(Call<BaseResponseEntity<SensorDataPageDTO>> call, Response<BaseResponseEntity<SensorDataPageDTO>> response) {
              super.onResponse( call, response );
              BaseResponseEntity<SensorDataPageDTO> dto = response.body();
              if (dto != null && dto.getStatus() == 0){
                  List<SensorDataPageDTO.VR> pointDTO = dto.getResultObj().DataPoints.get( 0 ).PointDTO;
                  if (pointDTO != null){
                      for (int i = 0; i <pointDTO.size() ; i++) {
                          float tmp = Float.parseFloat( pointDTO.get( i ).Value );
                          //Toast.makeText( context,tmp+"",Toast.LENGTH_SHORT ).show();
                          mTmpChart.add( new PointValue( i,tmp ) );
                          lineChart.setLineChartData(data);
                      }
                  }else {
                   Toast.makeText( context,"數(shù)據(jù)為空",Toast.LENGTH_SHORT ).show();
                  }
              }
          }
      } );
  }

濕度數(shù)據(jù)

business.getSensorData( Param.DEVICEID, Param.HUMTAG, "1", "1", null, null, "ASC", "20", "1", new NCallBack<BaseResponseEntity<SensorDataPageDTO>>(context) {
          @Override
          protected void onResponse(BaseResponseEntity<SensorDataPageDTO> response) {

          }

          @Override
          public void onResponse(Call<BaseResponseEntity<SensorDataPageDTO>> call, Response<BaseResponseEntity<SensorDataPageDTO>> response) {
              super.onResponse( call, response );
              BaseResponseEntity<SensorDataPageDTO> dto = response.body();
              if (dto != null && dto.getStatus() == 0){
                  List<SensorDataPageDTO.VR> pointDTO = dto.getResultObj().DataPoints.get( 0 ).PointDTO;
                  if (pointDTO != null){
                      for (int i = 0; i <pointDTO.size() ; i++) {
                          float hum = Float.parseFloat( pointDTO.get( i ).Value );
                          //Toast.makeText( context,tmp+"",Toast.LENGTH_SHORT ).show();
                          mHumChart.add( new PointValue( i,hum ) );
                          lineChart.setLineChartData(data);
                      }
                  }else {
                      Toast.makeText( context,"數(shù)據(jù)為空",Toast.LENGTH_SHORT ).show();
                  }
              }
          }
      } );
  }

光照數(shù)據(jù)

 private void getLight(){
      business.getSensorData( Param.DEVICEID, Param.LIGHTTAG, "1", "1", null, null, "ASC", "20", "1", new NCallBack<BaseResponseEntity<SensorDataPageDTO>>(context) {
          @Override
          protected void onResponse(BaseResponseEntity<SensorDataPageDTO> response) {

          }

          @Override
          public void onResponse(Call<BaseResponseEntity<SensorDataPageDTO>> call, Response<BaseResponseEntity<SensorDataPageDTO>> response) {
              super.onResponse( call, response );
              BaseResponseEntity<SensorDataPageDTO> dto = response.body();
              if (dto != null && dto.getStatus() == 0){
                  List<SensorDataPageDTO.VR> pointDTO = dto.getResultObj().DataPoints.get( 0 ).PointDTO;
                  if (pointDTO != null){
                      for (int i = 0; i <pointDTO.size() ; i++) {
                          float light = Float.parseFloat( pointDTO.get( i ).Value );
                          //Toast.makeText( context,tmp+"",Toast.LENGTH_SHORT ).show();
                          mLightChart.add( new PointValue( i,light ) );
                          lineChart.setLineChartData(data);
                      }
                  }else {
                      Toast.makeText( context,"數(shù)據(jù)為空",Toast.LENGTH_SHORT ).show();
                  }
              }
          }
      } );
  }

動態(tài)添加X軸時間值

初始化

X軸自動刷新時間依舊采用Timer實現(xiàn)
這倆屬性較為重要

        axisX.setTextSize(7);//設(shè)置字體大小
        axisX.setMaxLabelChars(10); //最多幾個X軸坐標(biāo)，意思就是你的縮放讓X軸上數(shù)據(jù)的

X軸屬性初始化

        Axis axisX = new Axis(); //X軸
        axisX.setHasTiltedLabels(false);  //X坐標(biāo)軸字體是斜的顯示還是直的，true是斜的顯示
        axisX.setTextColor(Color.RED);  //設(shè)置字體顏色
        //axisX.setName("時間");  //表格名稱
        axisX.setTextSize(7);//設(shè)置字體大小
        axisX.setMaxLabelChars(10); //最多幾個X軸坐標(biāo)，意思就是你的縮放讓X軸上數(shù)據(jù)的個數(shù)7<=x<=mAxisXValues.length
        axisX.setValues(mAxisXValues);  //填充X軸的坐標(biāo)名稱
        data.setAxisXBottom(axisX); //x 軸在底部
        //data.setAxisXTop(axisX);  //x 軸在頂部
        axisX.setHasLines(true); //x 軸分割線

自動刷新時間實現(xiàn)

    private void getAxis() {
        timerY = new Timer(  );
        timerY.schedule( new TimerTask() {
            @Override
            public void run() {
                test();
            }
        },100,2000 );

    }

private void test(){
                business.getSensorData( Param.DEVICEID, Param.TMPTAG, "1", "1", null,null, "ASC", "20", "1", new NCallBack<BaseResponseEntity<SensorDataPageDTO>>(context) {
            @Override
            protected void onResponse(BaseResponseEntity<SensorDataPageDTO> response) {

            }

            @Override
            public void onResponse(Call<BaseResponseEntity<SensorDataPageDTO>> call, Response<BaseResponseEntity<SensorDataPageDTO>> response) {
                super.onResponse( call, response );
                BaseResponseEntity<SensorDataPageDTO> dto = response.body();
                if (dto != null && dto.getStatus() == 0){
                    List<SensorDataPageDTO.VR> pointDTO = dto.getResultObj().DataPoints.get( 0 ).PointDTO;
                    SensorDataPageDTO.VR[] array = new SensorDataPageDTO.VR[pointDTO.size()];
                    pointDTO.toArray(array);
                    mAxisXValues.clear();
                    mTime = new String[array.length];
                        for (int i = 0; i < array.length ; i++) {
                            //mAxisXValues.clear();
                            mTime[i] = pointDTO.get( i ).RecordTime;
                            mAxisXValues.add(new AxisValue(i).setLabel(mTime[i]));
                        }
                    runOnUiThread( ()->{
                        lineChart.setLineChartData(data);
                    } );
                }
            }
        } );
    }

尾言

如有不足之處，望君海涵
需要源碼，call我

到此這篇關(guān)于Android實現(xiàn)動態(tài)添加數(shù)據(jù)與堆疊折線圖詳解流程的文章就介紹到這了,更多相關(guān)Android 動態(tài)添加數(shù)據(jù) 內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • Android nativePollOnce函數(shù)解析

    Android nativePollOnce函數(shù)解析

    這篇文章主要介紹了Android nativePollOnce函數(shù)解析的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用Android，感興趣的朋友可以了解下
    2021-03-03
  • 詳解Android App中創(chuàng)建ViewPager組件的方法

    詳解Android App中創(chuàng)建ViewPager組件的方法

    這篇文章主要介紹了詳解Android App中創(chuàng)建ViewPager組件的方法,ViewPager最基本的功能就是可以使視圖滑動,需要的朋友可以參考下
    2016-03-03
  • Android Tablayout 自定義Tab布局的使用案例

    Android Tablayout 自定義Tab布局的使用案例

    這篇文章主要介紹了Android Tablayout 自定義Tab布局的使用案例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • 詳解Flutter Image組件如何處理圖片加載過程中的錯誤

    詳解Flutter Image組件如何處理圖片加載過程中的錯誤

    在Flutter中,Image組件可以通過監(jiān)聽加載過程中的錯誤來處理圖片加載過程中的錯誤,本文小編將給大家詳細(xì)介紹了Flutter Image組件是如何處理圖片加載過程中的錯誤,文中有詳細(xì)的代碼示例供大家參考,需要的朋友可以參下
    2023-10-10
  • Android 解析JSON對象及實例說明

    Android 解析JSON對象及實例說明

    本篇文章小編為大家介紹，Android 解析JSON對象及實例說明。需要的朋友參考下
    2013-04-04
  • Android 簡單實現(xiàn)一個流式布局的示例

    Android 簡單實現(xiàn)一個流式布局的示例

    本篇文章主要介紹了Android 簡單實現(xiàn)一個流式布局的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-02-02
  • 關(guān)于Android輸入法彈窗bug的優(yōu)雅處理

    關(guān)于Android輸入法彈窗bug的優(yōu)雅處理

    在Android應(yīng)用中,當(dāng)跳轉(zhuǎn)到某個Activity時,該Activity顯示頁面的EditText獲得焦點,在某些機(jī)器中會觸發(fā)軟鍵盤的自動彈出,這篇文章主要給大家介紹了關(guān)于Android輸入法彈窗bug的優(yōu)雅處理,需要的朋友可以參考下
    2021-10-10
  • Android Listview點贊問題關(guān)于圖片重復(fù)問題

    Android Listview點贊問題關(guān)于圖片重復(fù)問題

    最近在開發(fā)android方面的項目時，遇到很多問題，下面小編以listview 與 baseadapter結(jié)合使用為例，給大家分享下關(guān)于點贊的的時候 圖片重復(fù)問題的解決方法，一起看看吧
    2016-11-11
  • Android10開發(fā)者常見問題(小結(jié))

    Android10開發(fā)者常見問題(小結(jié))

    這篇文章主要介紹了Android10開發(fā)者常見問題(小結(jié))，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-11-11
  • Android忽略文件實例代碼

    Android忽略文件實例代碼

    這篇文章主要介紹了Android忽略文件的實例代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
    2018-02-02

最新評論