HistogramView - 动效柱状图

浏览

HistogramView - 动效柱状图_第1张图片
一周
HistogramView - 动效柱状图_第2张图片
一个月
HistogramView - 动效柱状图_第3张图片
滑动及点按
HistogramView - 动效柱状图_第4张图片
计步demo

特性

  • 比例将根据传入数据的最大值自动计算
  • 可以更改一屏最大显示行数
  • 颜色字体大小等属性可以更改

用法

在布局文件中添加


在控制器中添加


    HistogramView.HistogramEntity[] entities = new HistogramView.HistogramEntity[30];
    for (int i = 0; i < entities.length; i++) {
        String showInTimeLime = String.valueOf(i); //也可以是 "Mon","Tue","Thr"
        int count = (int) (Math.random()*10); // 任意整型 
        HistogramView.HistogramEntity e = new HistogramView.HistogramEntity(
            showInTimeLime, count);
        entities[i] = e;
    }

    mHistogram.setSelectListener(new HistogramView.OnSelectListener() {
        @Override
        public void onSelected(int index) {
            showToast(index + " selected" + "\nvalue: " + data[index].count);
        }
    });

    // 设置数据同时也会触发动画
    mHistogram.setData(entities);


源码

GitHub

你可能感兴趣的:(HistogramView - 动效柱状图)