HelloChart--PreviewChartView(預覽統計圖)

PreviewColumnChartView、PreviewLineChartView相當於是柱形圖、折線圖的預覽模式,當柱形圖與折線圖數據過多,就可以通過預覽圖對其進行展示,用戶可通過點擊其中一部分進行放大查看。而且PreviewColumnChartView、PreviewLineChartView與ColumnChartView、LineChartView屬性類似,只是多了一個預覽圖效果。


在XML中的定義:


//定義預覽柱形圖
  <lecho.lib.hellocharts.view. PreviewColumnChartView


            android:id="@+id/previewColumnChartView"


            android:layout_width="wrap_content"


            android:layout_height="wrap_content" >


        </lecho.lib.hellocharts.view. PreviewColumnChartView>
//定義預覽折線圖
  <lecho.lib.hellocharts.view. PreviewLineChartView


            android:id="@+id/previewLineChartView"


            android:layout_width="wrap_content"


            android:layout_height="wrap_content" >


        </lecho.lib.hellocharts.view. PreviewLineChartView>
 
控件實例化:


//實例化預覽柱形圖
PreviewColumnChartView previewColumnChartView;
previewChartView=(PreviewColumnChartView )findViewById(R.id.previewColumnChartView);
//實例化預覽折線圖
PreviewLineChartView previewLineChartView;
previewChartView=(PreviewLineChartView )findViewById(R.id.previewLineChartView);
 
chart屬性設置:


previewChartView.setZoomEnabled(boolean isZoomEnabled)//設置是否支持縮放
previewChartView.setOnValueTouchListener(LineChartOnValueSelectListener touchListener);//爲圖表設置值得觸摸事件
previewChartView.setInteractive(boolean isInteractive);//設置圖表是否可以與用戶互動
previewChartView.setValueSelectionEnabled(boolean idValueSelectionEnabled);//設置圖表數據是否選中進行顯示
previewChartView.setPreviewColor(int color);//設置預覽圖的顏色
previewChartView.setLineChartData(LineChartData data);//爲圖表設置數據,數據類型爲LineChartData或者CoulmnChartData
 
預覽圖基本與折線、柱形圖屬性一致,僅僅是多了一個設置預覽圖的顏色屬性
設置ChartData屬性及爲chart設置數據:


   //爲預覽圖添加數據
    previewColumnChartView.setColumnChartData(LineChartData  data);
    previewLineChartView.setLineChartData(LineChartData data);
 
PreviewColumnChartView、PreviewLineChartView的數據分別爲ColumnChartData、LineChartData,且與ColumnChartView、LineChartView的數據類型一致,可以參考我的關於這兩個圖表的文章。

發佈了22 篇原創文章 · 獲贊 9 · 訪問量 18萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章