1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > python 柱状图和折线图放在一起_一款多条折线与柱状图共存图表

python 柱状图和折线图放在一起_一款多条折线与柱状图共存图表

时间:2021-12-10 11:27:48

相关推荐

python 柱状图和折线图放在一起_一款多条折线与柱状图共存图表

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. 在想要实现的布局当中添加控件

android:id="@+id/main_chart"

android:layout_width="match_parent"

android:layout_height="300dp"/>

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. 可以直接在布局文件当中设置需要的属性

android:id="@+id/main_chart"

android:layout_width="match_parent"

android:layout_height="300dp"

app:chart_is_slide_point="true"

app:chart_bottom_text_color="@color/colorPrimary"

app:chart_is_show_grid="true"

app:chart_bottom_padding="10dp"

app:chart_line_size="1dp"/>

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

//左边显示的指标数

//左边指数的字体大小

//下方指标的字体大小

//中间某一点的值具体大小

//折线图线的大小

//表格分割线具体大小

//底部线的具体大小

//左边指标的距离

//图表上方的距离

//图表下方的距离

//左边指标的具体颜色

//中间值的颜色

//下方指标的颜色

//柱状图的颜色

//分割线的颜色

//底部线的颜色

//折线的颜色

//图表的背景颜色

//中心点的颜色(点为空心)

//是否显示柱状图

//是否画点

//绘制的点是否空心

//是否显示折线图都一点的值

//是否显示分割线

这是一条结束线

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。