首先下载相关的jar包 这里用的是hellocharts_library-1.5.8.jar
然后就是在布局里写相关组件了,这里用的是 饼图
<lecho.lib.hellocharts.view.PieChartView android:id="@+id/pie_chart" android:layout_width="226dp" android:layout_height="226dp" android:layout_centerInParent="true" />
之后就是在activity里初始化和插入代码
pieChartView = (PieChartView)findViewById(R.id.pie_chart); setPieChartData(); initPieChartView();在两个方法里分别是插入数据和一些属性的配置
private void setPieChartData(){ // colors.add(Color.rgb(85, 255, 161));//绿色 网银 // colors.add(Color.rgb(249, 255, 85));//黄色 柜面 // colors.add(Color.rgb(255, 179, 179));//粉色 电话银行 // colors.add(Color.rgb(199, 155, 253));//紫色 自助设备 // colors.add(Color.rgb(105, 108, 254));//蓝色 手机银行 // colors.add(Color.rgb(255, 255, 255));//白色 其他 for (int i = 0; i < data.length; ++i) { //这里的颜色是我写了一个工具类 是随机选择颜色的 稍后你把颜色替换下 SliceValue sliceValue = new SliceValue((float) data[i], Utils.pickColor()); values.add(sliceValue); } } private void initPieChartView(){ pieChardata = new PieChartData(); pieChardata.setHasLabels(false);//显示表情 pieChardata.setHasLabelsOnlyForSelected(false);//不用点击显示占的百分比 pieChardata.setHasLabelsOutside(false);//占的百分比是否显示在饼图外面 pieChardata.setHasCenterCircle(true);//是否是环形显示 pieChardata.setValues(values);//填充数据 pieChardata.setValueLabelsTextColor(Color.TRANSPARENT);//设置值得颜色
//设置值得背景透明
pieChardata.setValueLabelBackgroundColor(Color.TRANSPARENT);pieChardata.setCenterCircleColor(Color.TRANSPARENT);//设置环形中间的颜色 pieChardata.setValueLabelBackgroundEnabled(false); pieChardata.setCenterCircleScale(0.98f);//设置环形的大小级别 pieChardata.setCenterText1("");//环形中间的文字1 pieChardata.setCenterText1Color(Color.TRANSPARENT);//文字颜色 pieChardata.setCenterText1FontSize(0);//文字大小 pieChardata.setSlicesSpacing(0);//设置间隔为0 pieChardata.setCenterText2(""); pieChardata.setCenterText2Color(Color.TRANSPARENT); pieChardata.setCenterText2FontSize(0); pieChartView.setPieChartData(pieChardata); pieChartView.setValueSelectionEnabled(false);//选择饼图某一块变大 pieChartView.setChartRotationEnabled(false); pieChartView.setValueTouchEnabled(false); pieChartView.setCircleFillRatio(0); pieChartView.setFadingEdgeLength(0); pieChartView.setClickable(false); pieChartView.setAlpha(0.9f);//设置透明度 pieChartView.setCircleFillRatio(1f);//设置饼图大小 }
最后做出来的效果就是一个圆环 没有任何文字 这里就不上图了 如果需要正常的饼图 只需要修改下代码,让我设置透明或者隐藏的显示出来就可以了