mpAndroidchart 坐标和图表距离_图表 | 这旋风图有点美

我们想做就是如下这张旋风图了!和一般旋风图不同的是好像两边系列都有浅色背景,具体我们来使用Excel做一下吧!

35191ec8556280f516c488e2e8a03cb7.png

经过小编摸索了半个小时,总算是有了套路,下面我们带大家一起来耍!

先说思路:此类图一般使用堆积的条形图处理,中间标签一般使用相同大小的系列占位,然后使用单元格中的值作为标签,可以两边显示,一般是正负值导致!

详细教程

01 数据源的获取

一般其实自己模拟或者手工录入即可,这种我们正好推荐一下神器TIM的识别截图中的文字功能,特别方便好用(注意截图中[文])

37746e0bad739e69e685b496f01fc982.png

整理好后如下:

bf6bf2409766e2ac2254be5fc5bec288.png

02 图表系列数值构建

因为是百分比累计,所以背景色应该都是等于100-对应的比例值
占位符可以根据区域文本的长度执行调整大小!
女性背景:=100-C2男性背景:=-100-E2

cde4606692bbed1e75de521394790ccf.png

03 插入图表(动画演示)


操作步骤:
1、选中占位开始的5列(B2:F8)区域2、点击插入-条形图-堆积条形图3、点击纵坐标轴-设置坐标轴格式-逆序类别第三步主要是条形图默认的显示顺序跟数据源是相反的,想要顺序一致就需要逆序类别!

c5230403300a42fdf4c613bf61f94cc5.gif

其实我们已经完成了,下面剩下的就是简单美化即可!

04 调整配色

我们可以使用截图工具获取到示例图表中RGB值,进行颜色设置全部截取后的RGB颜色值如下表

e196934dffbe0460ce317afed48e15e0.png

设置方法如下:例如设置男性的背景色

70c1bc52a6633acb9504d008589a9615.png

其他依次设置,设置完成如下:

2ff925a8636fa39430949415d5838c88.png

05 细节设置(删除不必要的元素)

1、删除网格线、坐标轴标签设置为-无

6b1766e57b0e4caf101e9bf02715f917.png

2、标签占位系列-添加数据标签,并使用单元格中的值,选择对应的区域列即可

7d35e64ef2e6bb84a6d1c622b6fd6a2a.png

3、插入文本框,制作标题。这种方式标题的位置和设置更加灵活

b7118bbb5fab9b2f5b574f3f37563a8b.png

4、数值标签设置标签我们都用的背景色的标签,然后使用单元格中的值来显示,这样我们就可以完全的达到靠边显示,男性的可以再辅助一列正数作为标签,女性则不用!

18a89cb1e4a0fc68afad5b46bc81e6f8.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值