前言: 众所周知,大家在很多项目中都会使用到图表,具体表现形式为饼图、折线图、柱状图等,但是网上有很多图表架包都是需要收费的,而Google的AChartEngine是免费的,于是AChartEngine...就变成了首选方案,接下来就介绍一下AChartEngine在项目中的具体使用方法。...下面话不多说了,来一起看看详细的介绍吧 AChartEngine简介: AChartEngine是一款基于Android的图表绘制引擎; AChartEngine支持绘制饼图、柱状图、折线图、散点图等;...values[2]/sumVal); series.add("其它:"+values[3], values[3]/sumVal); return series; } 4、构建渲染器(Renderer) 饼图的渲染器...用ChartFactory.getPieChartView()方法生成饼图: 先在布局文件中创建控件: <LinearLayout android:id="@+id/ll_expense_piechart
PS:我们在做安卓程序的时候,免不了会做一些图形,自己可以选择自定义view ,就是用Canvas画,也可以用写好的jar包,就是achartengine.jar,使用jar包的好处就快速绘制图形,不用我们计算坐标等...,计算坐标就会和数学结合,通过sin,cos等来计算,遇到3维那就更麻烦了,就像OpenGL一样,空间视角,三维制作,我的博客里也有一些,感兴趣的小火鸡可以看一下, 上效果图: ?...getPieChartView(this,数据,渲染器); 数据getData(); //创建饼图 public CategorySeries getData() {...cs = new CategorySeries("第一个饼图"); cs.add("黄金",30); cs.add("铂金",10); cs.add("...public CategorySeries getData() { cs = new CategorySeries("第一个饼图"); cs.add
ECharts绘制简单饼图 饼图 <!
项目地址 AChartEngine 简介 : AChartEngine 是 Android 平台的图表开发库, 能绘制 折线图, 饼图, 气泡图, 柱状图, 散点图, 面积图等统计图表; 最新版本 :...: 多饼图图表数据集, 该类对象与单饼图图表数据集 CategorySeries 对象没有包含关系; 准备数据 : -- 饼图每个元素名称 : List titles, 其中集合中的数组就是一个饼图每个元素的集合...; -- 饼图每个元素的大小 : List values, 其中的数组就是一个饼图每个元素的大小; 相关方法介绍 : -- 创建多饼图数据集 : MultipleCategorySeries...饼图的元素名称组成的数组 * 第三个参数是 饼图的元素对应的数值组成的数组SimpleSeriesRenderer * * 注意 饼图元素名称数组 与 饼图值数组...饼图渲染器 相关类介绍 : -- DefaultRenderer : 饼图渲染器, 单饼图 和 多饼图使用的渲染器都是同一个; -- DefaultRenderer : 饼图单个元素渲染器, 一个饼图有多个该渲染器渲染
今天给大家讲解图表中饼图的两个变体——双饼图、饼柱图 饼图的两个变体 ▽ 一 双饼图 通常如果一个数据系列要做对比 数据量较少并且数据之间差异不大的话还好 但是有适合数据量不但很多 大小差异还特别大的时候...做成饼图的话哪些太小的数据基本无法辨识 如下图所示 ?...数据1%、3%所代表的比例已经很难辨认了 那么通常如果可以把较小的数据单独分割出来再做一个饼图的话 数据显示效果就会好很多 比如像这样 ? 怎么做呢 先选中所有源数据区域 插入饼图——复合饼图 ?...除此之外还有可以调整饼图的扇区间距分离程度 更改两个饼图之间的间距 自定义第二饼图的大小 二 双饼图 当然,也可以把第二个图表做成柱形图 ? 默认仍然是只把最小的两个值单独拆开做成了柱形图 ?...至于这两种形式的分割法的使用场景 没有固定的说法看具体情况 如果是想要展示不同数据占总体百分比 那么双饼图比较合适 如果仅仅是比较数据点之间的大小 饼柱图还是比较清晰的
MPAndroidChart 强大的图表绘制工具,支持折线图、面积图、散点图、时间图、柱状图、条图、饼图、气泡图、圆环图、范围(高至低)条形图、网状图及各种图的结合;支持图的拖拽缩放。...v=ufaK_Hd6BpI achartengine 强大的图表绘制工具,支持折线图、面积图、散点图、时间图、柱状图、条图、饼图、气泡图、圆环图、范围(高至低)条形图、拨号图/表、立方线图及各种图的结合...支持折线图、柱状图、饼图、气泡图、组合图;支持预览、放大缩小,滚动,部分图表支持动画;支持 Android 2.2 以上 项目地址:https://github.com/lecho/hellocharts-android.../raw/master/screenshot/Road-Trip-200.gif dialogplus 一个简单的Android对话框。...支持不同的弹出模式 项目地址:https://github.com/orhanobut/dialogplus FlowLayout 一个简单的流式布局,使用方法类似 LinearLayout,可是可以让子元素依据宽度自己主动换行
AChartEngine AChartEngine是Android平台上的图表绘制引擎,提供了包括折线图、柱状图、饼状图等图表显示。.../achartengine/ 使用AChartEngine要在代码中设置许多属性,无法一一说明,下面还是直接上个代码例子(成绩统计图): import java.util.ArrayList;...不过正因为提供了动画效果,所以为了兼容低版本的Android系统,工程中还需引用nineoldandroids的jar包。...下面是MPAndroidChart的一个柱状图动画截图: ? XCL-Charts XCL-Charts是国人写的图表控件库,它的图表比较符合我们的习惯,也支持动画效果。...下面是XCL-Charts的一个饼状图截图: ? 点此查看Android开发笔记的完整目录
更新图 二、GitHub 代码地址,欢迎指正https://github.com/MNXP/XPPieChart 三、思路 1、空心图(一个大圆中心绘制一个小圆) 2、根据数据算出所占的角度...3、根据动画获取当前绘制的角度 4、根据当前角度获取Paint使用的颜色 5、动态绘制即将绘制的 和 绘制已经绘制的部分(最重要) 四、实现 1、空心图(一个大圆中心绘制一个小圆)初始化数据...X int pieCenterY = screenW / 3;//饼状图中心Y int pieRadius = screenW / 4;// 大圆半径 //整个饼状图rect...isDrawByAnim) { drawCakeByAnim(); } isFirst = false; } isDrawByAnim判断是否需要动画绘制 drawCake()为静态绘制饼状图...solidWidth="5" app:duration="3000" app:isSolid="true" app:isDrawByAnim="true"/ 以上就是简单的实现动态绘制饼状图
创意饼图 ▽ 觉得默认的饼图不够炫酷、不够养眼,木有逼格 没关系,今天就交给大家一种创意饼图的制作技巧 图标填充饼图 首先你需要下载两个代表男性、女性的图标素材 百度一下一大堆,最好是PNG格式的...然后把图表导入到PPT中 然后利用数据做出来一个饼图 调整到和合适大小并复制一个不要更改大小 其中一个饼图填充两个扇区填充纯色 (按照喜好自己定义) 另外一个需要用图标填充 在代表女性的扇区中填充女性图标...并调整透明度 先复制女性图标 然后对着女性的扇区点击两次 选中扇块之后单击右键 选择填充——图片或纹理填充——插入图片来自剪切板 勾选将图片平铺为纹理 并调整透明度为70%(如果不合适可以为微调)...用同样的方法完成男性扇区的填充 完成之后,将填充图标的饼图至于页面表层 然后同时选中两个饼图 选择对齐工具栏中的左右居中、上下居中 如果仍然有局部没有对齐的话 摁住Alt键然后用鼠标拖动饼图微调...直到完全对齐位置 然后插入两个文本框 分别填充各自代表所代表扇区的颜色 最后将数据标签放大 更改字体类型 这里我用的是impact字体 这是一款商务场合用于表示数字的高频字体 非常受欢迎 然后再加上图表其他元素
AChartEngine 首先要做的是一个用于展示支出、收入的饼状图,效果如下: 之前没有接触过图表的绘制,经过实现这个功能了解并学习了AChartEngine,这是专门用于android绘制图表(...饼状图、条形图)的工具库。...目前最新的是achartengine-1.1.0.jar,下载地址:点击打开链接。...,CategorySeries,以(key,value)的方式添加将要在饼状图表上表示的分类及数据。...style="white-space:pre"> //ChartFactory.getPieChartView(context, categorySeries, renderer),返回一个饼状图
45.71,23.34,34.24,56,67.51,78.23),group=c("SOD","PPO","POD","LOX","LPS","CAT")) 对数据value降序 data<-arrange(data,desc(value)) 饼图颜色搭配
前言 这次的饼图和之前写过的都不太一样。主要是饼图的旋转是通过Button去触发,被选中的某块需要平移出来。...//某块饼图平移的距离 public static final int TRANS_DIS = -20; private Paint mPaintOuter; private Paint...Color.TRANSPARENT, Color.TRANSPARENT, Shader.TileMode.CLAMP)); } /** * 旋转前的饼图...oval, mStartAngle, mAngle, true, mPaintOuter); mStartAngle += mAngle; } /** * 旋转后的饼图...private float[] mPies; //饼图 private AnimatePieChartView mAnimatePieChartView; //初始化当前的
【背景】:项目中需要使用到图表,于是找了目前非常热门的开源图表,折线图/柱状图/饼图等应有尽有,各种效果实现都很给力,附上github链接,有原DEMO,github是最好的老师,看DEMO例程源码,相比在网上泛泛的查资料要高效的多...这里仅给出折线图的使用方法,柱状图和饼形图的使用基本类似,在官方GEMO中即可找到,不再赘述了,文末会给出柱状图和饼形图的使用效果展示。...一、折现图的初始化 入参为折线图的对象和自定义的XY坐标轴数据,初始化的相关属性注释中都已给出,这里主要单独说明下如何自定义XY坐标轴、如何点击折线图中的数据显示数据标签。...布局可以自定义 // Legend l = chart.getLegend();//图例 // l.setEnabled(true); //是否使用 图例 } 二、折现图设置数据...,Entry的x key按序号从0开始递增,y value值即是我们要显示的y轴自定义的数值,实际上在我们上一节定义的X轴类中,可以看到获取X轴数据就是通过0开始的序号对应获取我们自定义的值的。
本文实现一个如图所示的控件,包括两部分,左边的饼状图和中间的两个小方块,及右边的两行文字 ?...实现起来比较简单,只是一些绘图API的调用 核心代码在onDraw函数里边,对静态控件进行绘制即可 @Override protected void onDraw(Canvas canvas) { super.onDraw...(canvas); /** * 饼状图的x坐标 */ float centreX= getWidth()/5; /** * 饼状图的y坐标 */ float centreY= getHeight()/2...: public class PieHalfView extends View { /** * 左边饼状图的画笔 */ private Paint piePaint; /** * 右边文字的画笔 */...private Paint textPaint; /** * 饼状图的半径 */ private float radius; private RectF rectf; /** * 饼状图中第一个扇形占整个圆的比例
MPAndroidChart是一款基于Android的开源图表库,MPAndroidChart不仅可以在Android设备上绘制各种统计图表,而且可以对图表进行拖动和缩放操作,应用起来非常灵活。...MPAndroidChart同样拥有常用的图表类型:线型图、饼图、柱状图和散点图。....app.ActionBarActivity; import android.graphics.Color; import android.os.Bundle; import android.util.DisplayMetrics...// 饼图数据 /** * 将一个饼形图分成四部分, 四部分的数值比例为14:14:34:38 * 所以 14代表的百分比就是14% */ float quarterly1 = 14;...= new PieDataSet(yValues, "Quarterly Revenue 2014"/*显示在比例图上*/); pieDataSet.setSliceSpace(0f); //设置个饼状图之间的距离
本文实例讲述了Android开发中使用achartengine绘制各种图表的方法。分享给大家供大家参考,具体如下: 1....); renderer.setBackgroundColor(Color.GRAY); renderer.setLabelsTextSize(20); renderer.setChartTitle("饼状图...renderer.setXAxisMax(20); renderer.setShowGrid(false); renderer.setXLabels(20); renderer.setChartTitle("上证指数-24小时趋势图"...<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.anjoyo.achartengine..." </activity </application </manifest 更多关于Android相关内容感兴趣的读者可查看本站专题:《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程
首先实现一个饼状图 <!...= echarts.init(document.getElementById('main')); var names = []; //类别数组(用于存放饼图的类别)...讲饼状图变成一个环形图 关键在于这个属性 radius: ['40%', '50%'], ? 参考代码如下: <!...echarts.init(document.getElementById('main')); var names = []; //类别数组(用于存放饼图的类别)...模拟数据 {"list":[{"value":"管理","name":40}, {"value":"管理","name":140}, {"value":"操作工","name":31}]} ok,变成了环形图了
本期内容为 THE ISSUE WITH PIE CHART 饼图的问题[2]。 1Bad by definition 坏的定义 饼图是一个分为多个扇区的圆,每个扇区代表整体的一部分。...如上图,在相邻部分中,尝试找出最大的一组,并尝试按值对它们进行排序。您可能会很难做到这一点,这就是必须避免使用饼图的原因。 如果您仍然不相信,让我们尝试比较下列几个饼图。...2And often made even worse 而且常常变得更糟 即使饼图从定义上来说很糟糕,但通过添加其他不好的功能仍然有可能使它们变得更糟: 3d 图例放在一边 总和≠100% 过多的内容 爆炸饼图...4Going further 更进一步 谁出售更多武器[3]:请参阅这个故事,它提供了饼图的几种替代方案。 在 R[4] 和 Python[5] 中绘制饼图。...私货时间:我认为,如果你还没有明确自己的目的(你到底想要表达给读者什么内容)时,就不要选择饼图。 下图是我汇报时制作的饼图,目的是体现从种植面积的角度体现玉米研究的重要性,提供给大家参考。
很难直观地感受到到1,2,3,4的饼的大小比例的变化 一些人认为饼图不容易准确地传达数据,尤其是当有多个部分时。...以下是一些关于饼图的常见批评: 难以比较部分大小: 人类视觉难以精确比较不同角度的扇形大小,尤其是在有多个部分的情况下。 限制部分数量: 饼图通常适用于表示少量部分的情况。...当有很多部分时,饼图可能变得混乱难读。 如果你想改进可视化方案,以下是一些建议: 使用条形图: 条形图是更直观和易于比较的一种方式。你可以考虑使用条形图代替饼图。...在 Python 中使用 matplotlib 库绘制饼图和条形图的简单示例。...plt.xlabel('Sample') plt.ylabel('Counts') plt.title('Bar Chart') plt.show() 这些代码演示了如何使用 matplotlib 库创建简单的饼图和条形图
在我自己的产品开发中,我也使用到了一些常用的开源项目,下面就介绍一下我使用的一些Android开源项目。 1.android-wheel 还记得iPhone上经典的日期选择滑轮组件吗?...2.achartengine 这个是android上用于报表类的组件,可以实现条形图、饼图、柱状图、折线图等等。...可以在产品中用于一些报表统计类的功能,通过这些图形报表给用户一个直观的统计,比如用户的收支走势图、分类支出对比图等等。...开源项目地址:https://code.google.com/p/achartengine/ ? ? 3.Satellite Menu 还记得Path的弧形弹出式菜单吗?...6.NineOldAndroids Android3.0增加了一套属性动画的框架,让开发者能更容易的完成更复杂的动画,但是为了兼容低版本的手机,我们又不能把应用升级到Android3.0,不过幸好有NineOldAndroids
领取专属 10元无门槛券
手把手带您无忧上云