HelloChart--PreviewChartView(预览统计图)

PreviewColumnChartView、PreviewLineChartView相当于是柱形图、折线图的预览模式,当柱形图与折线图数据过多,就可以通过预览图对其进行展示,用户可通过点击其中一部分进行放大查看。而且PreviewColumnChartView、PreviewLineChartView与ColumnChartView、LineChartView属性类似,只是多了一个预览图效果。

在XML中的定义:

//定义预览柱形图
  

        
//定义预览折线图
  

        

控件实例化:

//实例化预览柱形图
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的数据类型一致,可以参考我的关于这两个图表的文章。

  • 折线图相关属性介绍

  • 柱形图相关属性介绍

你可能感兴趣的:(HelloChart--PreviewChartView(预览统计图))