最近项目涉及到这个统计图形,经过实现,记录下,防止忘记了。
1、Github地址:MPAndroidChart
官方使用RadarChart demo:RadarChartActivitry
2、使用MPAndroidChart,还需要添加 nineoldandroids-2.4.0.jar
官方地址:http://nineoldandroids.com/
使用的是MPAndroidChart v2.2.2 的,还没有jar包。
在app目录下build.gradle的文件添加:
1 repositories { 2 flatDir { 3 dirs ‘libs‘ 4 } 5 maven { url "https://jitpack.io" } 6 maven { // this is for realm-db 7 url ‘http://oss.jfrog.org/artifactory/oss-snapshot-local‘ 8 } 9 } 10 11 dependencies { 12 compile fileTree(dir: ‘libs‘, include: [‘*.jar‘]) 13 compile project(‘:MPChartLib‘) 14 }
在setting.gradle的文件添加:
1 include ‘:MPChartLib‘
对于实心填充
设置图例:
1 Legend l = mChart.getLegend(); 2 // 图例位置 3 l.setPosition(Legend.LegendPosition.BELOW_CHART_LEFT); 4 // 图例字体样式 5 // l.setTypeface(tf); 6 // 图例X间距 7 l.setXEntrySpace(2f); 8 // 图例Y间距 9 l.setYEntrySpace(1f); 10 l.setTextColor(textColor); //字体颜色
设置x、y:
1 XAxis xAxis = mChart.getXAxis(); 2 // X坐标值字体样式 3 // xAxis.setTypeface(tf); 4 // X坐标值字体大小 5 xAxis.setTextSize(12f); 6 xAxis.setTextColor(textColor); 7 8 YAxis yAxis = mChart.getYAxis(); 9 // Y坐标值字体样式 10 // yAxis.setTypeface(tf); 11 // Y坐标值标签个数 12 yAxis.setLabelCount(6, false); 13 // Y坐标值字体大小 14 yAxis.setTextSize(15f); 15 // Y坐标值是否从0开始 16 yAxis.setStartAtZero(true); 17 // 是否显示y值在图表上 18 yAxis.setDrawLabels(false);
设置显示内容块:
RadarDataSet set1 = new RadarDataSet(yVals, "虾米手机"); // 数据颜色设置 set1.setColor(ColorTemplate.VORDIPLOM_COLORS[0]); // 实心填充区域颜色 set1.setFillColor(ColorTemplate.VORDIPLOM_COLORS[0]); // 是否实心填充区域 set1.setDrawFilled(true); // 数据线条宽度 set1.setLineWidth(2f);
来一发效果图:
?
查找到的资源:
1、SpiderWebChart:http://code1.okbase.net/codefile/SpiderWebChart.java_2014121928718_71.htm
2、csdn 上分享写的 MPAndroidChart 教程
4、Radar (Spider Charts) {html用的}http://www.fusioncharts.com/charts/radar-spider-charts/
Android MPAndroidChart RadarChart (蜘蛛网图)
原文:http://www.cnblogs.com/CharlesGrant/p/5193249.html