MPAndroidChart项目实战（八）——自定义分段堆积柱状图

最新推荐文章于 2023-11-23 09:57:58 发布

天一方蓝

最新推荐文章于 2023-11-23 09:57:58 发布

阅读量9.6k

点赞数 5

分类专栏： MpAndroidChart项目实战 # Android 自定义View 文章标签：自定义分段堆积柱状图 Android自定义分段堆积柱状图自定义柱状图 Android自定义柱状图

本文链接：https://blog.csdn.net/dt235201314/article/details/77534468

版权

本文介绍如何在Android中使用MPAndroidChart库创建自定义分段堆积柱状图，通过柱状图的高度展示商品评论热度，用不同颜色区分评论好坏，并通过自定义MarkView显示详细数据。尽管MPAndroidChart存在一些限制，如品类总数不随滑动更新和间距不可调整，但通过自定义View和PopupWindow等技术，可以实现所需功能。同时提供了源码下载链接和相关实战文章推荐。

摘要由CSDN通过智能技术生成

本文出自：http://blog.csdn.net/dt235201314/article/details/77534468

一丶效果图

二丶需求分析及技术点

1.如效果图显示，当一样产品评论越多柱子越高可以展现热度，同一柱子不同颜色不同长度展示评论好坏对比，

自定义MarkView则显示详细数据，这就是分段堆积柱状图的优势所在。

2.MPAndroidChart实现存在的问题：1品类下面的总数不能随柱状图滑动而滑动；2.间距无法调整

3.技术点分析

组合自定义View的实现参考上文：

http://blog.csdn.net/dt235201314/article/details/77248347

MarkView的实现

PopupWindow的灵活使用

4.图解

三丶核心代码

1.造数据

public List<Source> parseData() {
    list = new ArrayList<>();
    Random r = new Random();
    for (int i= 0;i<=6;i++){
        Source source = new Source();
        source.setBadCount(r.nextInt(100));
        source.setGoodCount(r.nextInt(100));
        source.setOtherCount(r.nextInt(100));
        source.setScale(r.nextInt(100));
        source.setSource("品类" + i);
        source.setAllCount(source.getBadCount() + source.getGoodCount() + source.getOtherCount());
        list.add(source);
    }
    return list;
}

2.分段堆积柱状图实体类相关属性（get，set方法略）

public class BarEntity {
    public String title = "";
    private float positivePer;
    public String negativeColor  = "#FEB356";
    private float neutralPer ;
    public String neutralColor = "#51D6C5";
    private float negativePer;
    public String positiveColor = "#3FA0FF";
    private float Allcount;
    private float scale;
    /*填充区域比例*/
    private float fillScale;

3.分段堆积柱状图View（绘制分段柱状图）

public class BarView extends View {
    private BarEntity data;
    private Paint paint;
    private float animTimeCell = 0;

    public BarView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public BarView(Context context) {
        super(context);
        init();
    }

    public BarView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        paint = new Paint();
        paint.setStyle(Paint.Style.FILL);
        paint.setColor(Color.WHITE);
        paint.setAntiAlias(true);
    }

    public void setData(BarEntity data) {
        this.data = data;
        invalidate();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (data != null) {
            //高度填充
            fillHeight = data.getFillScale() * getHeight();
            if (fillHeight != 0) {
                paint.setColor(Color.TRANSPARENT);
                canvas.drawRect(0f, 0f, getWidth(), fillHeight, paint);
                canvas.translate(0f, fillHeight);
            }
            //负面
            paint.setColor(Color.parseColor(data.negativeColor));
            canvas.drawRect(0f, 0f, getWidth(), data.getNegativePer() * getHeight(), paint);
            canvas.translate(0f, data.getNegativePer() * getHeight());
            //中性
            paint.setColor(Color.parseColor(data.neutralColor));
            canvas.drawRect(0f, 0f, getWidth(), data.getNeutralPer() * getHeight(), paint);
            canvas.translate(0f, data.getNeutralPer() * getHeight());
            //正面
            paint.setColor(Color.parseColor(data.positiveColor));
            canvas.drawRect(0f, 0f, getWidth(), data.getPositivePer() * getHeight(), paint);
            canvas.translate(0f, data.getPositivePer() * getHeight());
        }
    }

    private float fillHeight;

    public float getFillHeight() {
        return fillHeight;
    }

    public void startAnim(int animTime) {
        final ObjectAnimator anim = ObjectAnimator.ofFloat(this, "alpha", 0.0F, 1.0F).setDuration(animTime);
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                animTimeCell = (Float) anim.getAnimatedValue();
                invalidate();
            }
        });
    }
}