统计图组件,其中包括2个自定义控件：
- ChartLineView 折线图统计图
- ChartCircleView 饼状统计图
效果展示:
- 项目build.gradle添加如下
allprojects { repositories { maven { url 'https://jitpack.io' } } }
- app build.gradle添加如下
dependencies { implementation 'com.github.lihangleo2:ChartView:1.0.0' }
xml里只需要这样：
<com.lihang.chart.view.ChartLineView
android:id="@+id/chartLineView"
android:layout_width="match_parent"
android:layout_height="200dp"
/>初始化数据代码：
public void initData() {
//横坐标titles数据
ArrayList<String> axesTitles = new ArrayList<>();
arrayList.add("2");
arrayList.add("4");
arrayList.add("6");
arrayList.add("8");
arrayList.add("10");
//设置横坐标titles
chartLineView.setHoriItems(arrayList);
//第一条折线数据
ArrayList<Integer> points = new ArrayList<>();
points.add(0);
points.add(40);
points.add(0);
points.add(0);
points.add(70);
points.add(50);
//第二条折线数据
ArrayList<Integer> points_second = new ArrayList<>();
points_second.add(0);
points_second.add(0);
points_second.add(30);
points_second.add(30);
//初始化折线统计图item
ArrayList<ChartLineItem>items = new ArrayList<>();
/*
* 参数：
* 1、折线统计的数据源
* 2、此折线的颜色值
* 3、手势操作后，展示此折线数据的描述语
* 4、此折线是否带阴影填充色
* 5、此折线是否带动画展示
* */
items.add(new ChartLineItem(points, R.color.red, "昨日", true, true));
items.add(new ChartLineItem(points_second, R.color.black, "今日", true, true));
//设置折线数据源
chartLineView.setItems(items);
}在我们还未设置任何属性的时候，我们的坐标轴长这样：
修改后如图：
修改后如图：
图1为刻度值过密 --> 图2为隐藏奇数刻度值
修改后如图：
这里要注意，如果传入的数值中，有比最大值还大，那么最终最大值为 传入数值最大值+设置最大值/4
修改后如图：
修改后如图：
修改后如图：
修改后如图：
修改后如图：
同样我们先看看饼状统计图的效果：
| 添加/移除item | 初始角度startAngle | 圆环or扇形 |
|---|---|---|
 |
 |
 |
| 圆环比率 | ||
 |
<com.lihang.chart.view.ChartCircleView
android:id="@+id/charCircleView"
android:layout_width="wrap_content"
android:layout_height="200dp" />初始化数据代码：
private void initData() {
ArrayList<ChartCircleItem> items = new ArrayList<>();
/*
* 参数：
* 1、当前的value的值
* 2、绘制此部分的颜色值
* 3、此部分的文字描述
* */
items.add(new ChartCircleItem(1, R.color.yellow, "原价"));
items.add(new ChartCircleItem(3, R.color.blue, "优惠"));
//设置数据源
charCircleView.setItems(items);
}这样你就能用了。soEasy！
- 这里指的是demo中原价/优惠的字体大小
- demo中原价/优惠字体颜色
- 可以控制统计图从哪个角度开始启动。默认是0度
- 圆环比率，这里可以简单认为是控制圆环粗细的属性
- 改变控件外观。默认为圆环状，通过app:cv_isArc="true"可改变为扇形
- 圆环开始到结束的动画时间
- 圆环是否需要动画。这里要注意也可以动态改变，最终以代码为最终结果
//改变是否需要动画有2种方法
//方法1.
charCircleView.setAnim(true);
//方法2.（设置数据的时候）
charCircleView.setItems(true,items);Android工作多年了，一直向往大厂。在前进的道路上是孤独的。如果你在学习的路上也感觉孤独，请和我一起。让我们在学习道路上少些孤独
- 关于我的经历
- QQ群： 209010674
（点击图标，可以直接加入）
MIT License
Copyright (c) 2020 leo
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.