一款多条折线与柱状图共存图表

MoreLineAndBarChart

---

废话不多说，先上效果图

本框架提供图表组合实现，集成之后你可以实现：

图一.png

图二.png

图三.png

图四.png

图五.png

图六.png

• 显示柱状图表（图一）
• 显示多条折线图（图二）
• 显示单条折线图（图三）
• 显示折线图每个点，以及设置实心空心（图四）
• 柱状图和多条折线图一起显示（图五）
• 显示所有效果（图六）

简单使用

1. 首先在项目中添加 jitpack.io 库

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

2. 然后在项目中添加依赖

dependencies {
            implementation 'com.github.leo2777:MoreLineAndBarChart:1.0.2'
    }
 

3. 在想要实现的布局当中添加控件

4. 绑定控件之后即可设置数据

        moreLineAndBarChart=findViewById(R.id.main_chart);
    
    
        //.......
    
    //设置假数据
    Random random=new Random();
        List value1=new ArrayList<>();
        List value2=new ArrayList<>();
        List value3=new ArrayList<>();
        List barValue=new ArrayList<>();
        List bottomValue=new ArrayList<>();
        for (int i=0;i<5;i++){
            value1.add((float) random.nextInt(60));
            value2.add((float) random.nextInt(40));
            value3.add((float) random.nextInt(5));
            barValue.add((float) random.nextInt(50));
            bottomValue.add("指标");
        }
    
    
        moreLineAndBarChart.setBottomValues(bottomValue);//设置底部数据
        moreLineAndBarChart.setLinesData(value1,value2,value3);//设置折线图数据，
        moreLineAndBarChart.setBarChartValues(barValue);//设置柱状图数据
        moreLineAndBarChart.setLinesColors(Color.BLUE,Color.YELLOW,Color.RED);//设置折线的颜色，不设置会有默认，但是一旦设置需和上面的折线图的条数一样。
        moreLineAndBarChart.setLineWidth(4f);//设置折线图宽度

        moreLineAndBarChart.setDrawPoint(true);//绘制点
        moreLineAndBarChart.setSolid(true);//设置是否空心，搭配绘制点
        moreLineAndBarChart.setDrawBar(true);//设置是否绘制柱状图，不添加柱状图数据也有同样效果
        moreLineAndBarChart.setShowGrid(true);//是否绘制表格线，目前只有横向分割线
        moreLineAndBarChart.setShowLineValue(true);//是否显示折线图每个点的数值（当点太多的时候不生效）

        //.......等等，具体看下方

        //设置完数据之后调用刷新，否则不生效。
        moreLineAndBarChart.invalidateChart();

进阶使用

1. 可以直接在布局文件当中设置需要的属性

2. 框架内可以设置的属性

    //左边显示的指标数
        


        //左边指数的字体大小
        
        //下方指标的字体大小
        
        //中间某一点的值具体大小
        
        //折线图线的大小
        
        //表格分割线具体大小
        
        //底部线的具体大小
        
        //左边指标的距离
        
        //图表上方的距离
        
        //图表下方的距离
        




        //左边指标的具体颜色
        
        //中间值的颜色
        
        //下方指标的颜色
        
        //柱状图的颜色
        
        //分割线的颜色
        
        //底部线的颜色
        
        //折线的颜色
        
        //图表的背景颜色
        
        //中心点的颜色（点为空心）
        




        //是否显示柱状图
        
        //是否画点
        
        //绘制的点是否空心
        
        //是否显示折线图都一点的值
        
        //是否显示分割线
        

github直达连接 https://github.com/leo2777/MoreLineAndBarChart

这是一条结束线

---