HelloCharts之饼状图详解
前言:
公司最近做的项目中含有查看每月收入支出的功能,而且是用饼状图来展示的,后来选择了hellocharts图表框架来实现这一效果,做完之后总结出来方便下次使用。
效果:
如何使用:
●导入依赖:
//build.gradle repositories { ... maven { url "https://jitpack.io" } } //app.gradle dependencies { compile 'com.github.lecho:hellocharts-android:v1.5.8' }
●布局引入:
<lecho.lib.hellocharts.view.PieChartView android:layout_width="300dp" android:id="@+id/piechart" android:layout_gravity="center" android:layout_height="300dp" />
●Activity中进行相应的设置:
public class MainActivity extends AppCompatActivity implements View.OnClickListener{ private PieChartView piechart; private PieChartData data; //存放数据 private boolean hasLabels = false; //是否有标签 private boolean hasLabelsOutside = false; //标签是否在扇形外面 private boolean hasCenterCircle = false; //是否有中心圆 private boolean hasCenterText1 = false; //是否有中心的文字 private boolean hasCenterText2 = false; //是否有中心的文字2 private boolean isExploded = false; //是否是炸开的图像 private boolean hasLabelForSelected = false; //选中的扇形显示标签 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); piechart = (PieChartView) findViewById(R.id.piechart); piechart.setOnValueTouchListener(new PieChartOnValueSelectListener() { @Override public void onValueSelected(int i, SliceValue sliceValue) { Toast.makeText(MainActivity.this, "选中值"+sliceValue, Toast.LENGTH_SHORT).show(); } @Override public void onValueDeselected() { } }); initDatas(); } private void initDatas(){ int numValues = 6; //初始化数据 List<SliceValue> values = new ArrayList<SliceValue>(); for (int i = 0; i < numValues; ++i) { SliceValue sliceValue = new SliceValue((float) Math.random() * 30 + 15, ChartUtils.pickColor()); values.add(sliceValue); } data = new PieChartData(values); data.setHasLabels(hasLabels); data.setHasLabelsOnlyForSelected(hasLabelForSelected); data.setHasLabelsOutside(hasLabelsOutside); data.setHasCenterCircle(hasCenterCircle); if (isExploded) { data.setSlicesSpacing(24); } if (hasCenterText1) { data.setCenterText1("Hello!");//设置中心文字1 } if (hasCenterText2) { data.setCenterText2("Charts (Roboto Italic)");//设置中心文字2 } piechart.setPieChartData(data); } }
项目源码地址:https://github.com/myml666/HelloChartsPieDemo

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
js控制ios设备在微信打开网页时,自动播放音乐
实际情形: 今天在公司做一个微页的项目,涉及到在微信里面点击链接或者是扫描二维码,打开链接的时候,自动播放音乐。 这个功能是非常简单的,直接在HTML页面插入如下代码即可。 <audio src="1.mp3" autoplay="autoplay" controls></audio> 如果使用安卓手机进行访问页面的话,是没有什么错误的,音乐能正常自动播放。但是如果是使用ios设备访问页面的话,音乐是不能自动播放的。 原来是苹果公司考虑到用户可能是用手机流量访问的情况,为了用户流量着想,所以需要用户交互后才能播放。 但是我的这个项目要求网页,必须自动进行播放音乐,于是便有了下面的解决办法。 解决办法: 首先,我们要给页面中的<audio>标签添加一个id="bg-music"。因为我们要在后面的js代码中,使用这个id="bg-music"获取到<audio>标签 <audio id="bg-music" src="1.mp3" autoplay="autoplay" controls></audio> 然后,我们...
- 下一篇
AndroidStudio
android studio Linear Layout !-- 在android中尺寸的单位为dp, 字体的单位为sp--> <LinearLayout <!-- @+id表示添加一个id号, /ll_1表示name--> android:id="@+id/ll_1" android:layout_width="200dp" android:layout_height="200dp" <!-- origentation指明在该控件中元素的排列方式--> android:orientation="vertical" android:background="#000000" <!-- 与该控件上方相邻的间隔--> android:layout_marginTop="20dp" <!-- padding指明父控件与子控件的间距--> android:padding="20dp"> <!-- 控制内部组件的对齐方式--> android:gravity="right" <!-- 设置权重, 把剩余内容安装权重...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- CentOS7设置SWAP分区,小内存服务器的救世主
- Mario游戏-低调大师作品
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- 2048小游戏-低调大师作品
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- MySQL8.0.19开启GTID主从同步CentOS8