图表案例|全球游戏行业用户渠道调查报告(尼尔森)

今天要跟大家分享的是一个尼尔森的典型图表案例——全球游戏行业用户渠道调查报告

而且本图表是一个使用单选按钮的动态图表,非常适合作为案例来讲,同时可以巩固一下最近学习的关于动态图表相关的知识。

原图表如下:

原数据如下:

下面我来引导大家如何利用之前所学过的动态图表制作技术、单元格排版技巧来模仿本案例图表:

步骤:

  • 插入单选按钮只做选择器;
  • 制作动态数据源;
  • 规划图表背景的单元格区域;
  • 将图表锚定单元格;
  • 完善其他图表元素;
  • 导出图表。

1、插入单选按钮:

这个步骤不想再讲了,不会的可以参考之前的教程。

动态图表13|单选按钮

2、制作动态数据源;

动态数据源就是要根据选择器返回的序列序号,输出对应的列数据。

动态图表系列1|数据有效性(index+match函数)

查询与引用函数——offset函数

动态图表9|组合框(名称管理器)

方法之前的动态图表文章已经讲得很清楚了。

这里我使用的是offset函数。

=OFFSET(A1,1,$B$11,1,1)

(index函数、offset函数、名称管理器+offset函数)

3、规划图表背景的单元格区域;

打破常规的图表制作新思维!!!

4、将图表锚定单元格

论一个图表的自我修养

5、完善其他图表元素

6、导出图表

图表搬家

原图与模仿图对比

而且这个图表是动态图表哦,使用鼠标点击单选按钮,就可以看到动态切换效果,再加上高大上的尼尔森风格经典排版,整体效果真的是没的说哦~

视频内容

原文发布于微信公众号 - 数据小魔方(datamofang)

原文发表时间:2016-06-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏施炯的IoT开发专栏

[翻译]Windows Phone 7 Application Controls

前言-关于这段译文 Windows Phone开发的中文资料缺乏,这段译文翻译自《UI Design and Interaction Guide for Win...

18070
来自专栏韦弦的偶尔分享

微信小程序展开全文

设置130为临界值,是试了3行基本不超过120rpx,4行基本大于140rpx,取了个中间值

24710
来自专栏别先生

HTML+CSS提升小实战

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; ch...

88380
来自专栏游戏开发那些事

【Unity3d游戏开发】浅谈UGUI中的Canvas以及三种画布渲染模式

  Canvas画布是承载所有UI元素的区域。Canvas实际上是一个游戏对象上绑定了Canvas组件。所有的UI元素都必须是Canvas的自对象。如果场景中没...

17710
来自专栏听雨堂

图标的使用和转换实战

桌面应用程序里,难免要做工具栏,尽管充斥着各种各样华丽的选择,什么office效果、vista效果等等,但喧嚣过后,感觉还是windows自带的工具栏最耐看,当...

20380
来自专栏我爱编程

初识HTML5

客观地讲,没有不好的技术,只有没有用好的技术。JavaScript 的坎坷遭遇让我不禁想起了另一种被人们滥用的技术:Adobe公司研发的 Flash。

23720
来自专栏向治洪

实用Android 屏幕适配方案分享

实用Android 屏幕适配方案分享 真正可用,并且简单易行,可以在多个屏幕大小和屏幕密度上有良好表现的Android 屏幕适配方案,已用在一款成熟互联网应用...

66270
来自专栏菜鸟前端工程师

html+css学习笔记013-阿里图标0iframe

14120
来自专栏腾讯社交用户体验设计

为什么要用SVG?- svg与iconfont、图片多维度对比

1.1K40
来自专栏ytkah

一行js弹窗代码就能设计漂亮的弹窗广告

  接到一个设计需求,要求xmyanke在网站右侧挂一个弹窗广告宣传最近的活动,找了半天都没看到合适的,自己鼓捣了一行js弹窗代码就能设计漂亮的弹窗广告,来瞧一...

82180

扫码关注云+社区

领取腾讯云代金券