首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

图表案例——简约却不简单图表制作技巧

我们通常看到的小而美的图表,一般都是经过图表制作者深层次加工过的成品。 而要想了解一个规范的商务图表制作过程,对图表的拆解与还原就显得非常重要。...三组填充面积图并肩而立,看起来清晰明了,信息表达直观准确、图表风格简约美观。 但是只有亲手去复制一个图表案例,你才会体会到简约的图表中蕴含的不简单图表中所呈现的数据信息如下(近似值): ?...要想高度还原该图表案例,我想到的方法所需要的数据结构如下: ? 我的思路是,利用错行组织(方便填色),同时结合时间格式的坐标轴(X轴)实现面积图之间的断点空隙。...X轴为辅助时间轴,其余四列全部添加制作面积图,并将三、四列(Huawei、Huawei-占位)两列图表类型更改为堆积面积图模仿原图中的强调色填充区域。 ?...最后修改图表线条及填充区域颜色,格式化至与原图一致为止。 ? 最后合理布局单元格,布局图表元素,调整并拍照引用: ? 以下是原图与案例图的对比: ?

1.3K90
您找到你想要的搜索结果了吗?
是的
没有找到

原来制作图表这么简单

图表在各行各业的使用十分常见。 但制作一份精美的数据图表却是不易。 今天分享一个优秀的图表工具:零基础,无编程,便捷操纵,几分钟就能制作出一个专业美观的数据图表。 非编程人员,直接拿图!...关于 ChartCube 图表魔方 ChartCube中文名也叫图表魔方,是阿里巴巴数据可视化团队(AntV)出品的在线图表制作工具,让我们通过简单几步就能够制作出专业美观的数据图表。...从最简平快的配置,到深入细节的微调,都有最简单友好的方式来制作。 丰富的结果导出。 各式图片、数据文件、配置记录,都可以导出。甚至可以一键复制代码。...使用 ChartCube 是一款轻量好用的图表制作工具,几乎能满足日常工作中制作图表的需求。...让非编程人员脱离Office制图的繁琐 让编程人员逃离配置文档的苦海 操作设计简单,引导性强,只需4步即可完成: 导入数据 选择图表 配置图表 导出结果,拿图走人!

92730

2018-11-06 图表设计-远不止“好看”这么简单图表设计-远不止“好看”这么简单

图表设计-远不止“好看”这么简单 此文已由作者王强授权网易云社区发布。...然而,好的可视化设计一定集易读、突出数据价值、易于分析、美观为一体的,最终让数据变得更加简单,方便交流,反之,不仅让数据变得更复杂,而且还会带来错误诱导。...,看起来会简单、清晰很多。 [图片上传失败......(image-9214e1-1541496123622)] 图2-1-3 遵循设计原则 图表的设计价值在于精准、高效、简单的传递数据信息,最好能够让读者一目了然,即使做不到一目了然也应该具备自我解释的能力...(image-6910d2-1541496123622)] 图2-2 总结 图表设计的过程更像是一系列将用户和数据建立对话的过程,作为交互设计师考虑的重点在于如何让复杂、混乱的数据更简单的呈现给用户,并且

50630

实现node端渲染图表简单方案

实现node端渲染图表简单方案 这个题目有点小,本篇博客真正谈论的应该是服务端生成图表简单方案,这里面有两个关键字:服务端 & 简单,我们知道基于js有很多的图表库,知名的如D3、echarts...请注意服务端生成图表和编写服务端代码生成图表的细微区别,服务端编写代码生成图表并不一定是在服务端渲染图表,有可能只是是对客户端js的一种封装而已....常规思路微调整 借用常规思路,我们了解到,在我们不熟悉chart库生成图表规则的前提下,我们并没有特别简单的方式来构建svg或者canvas图表,但是如果我们能在服务端直接把渲染的结果截图保存下来也基本实现了我们的方案...要实现这么一个库,并且简单好用,那么就要保持和原chart库同样的配置,对于实现的消费者来说,最简单的调用应该就是render(options) ,options为所用第三方chart库的配置项,render...总结 这种思路写起来较为简单,但是也有一定的不足,首先限于puppeteer的限制,截图只支持两种png 、jpeg,其它格式当前版本(1.4.0)暂时不支持

2.8K20

图表到底应该“简单“一些还是“复杂”一些???

看的我实在好气啊,就借这个机会跟大家聊一聊关于图表的“简单”与“复杂”吧。...当然,好的图表、坏的图表简单图表、复杂的图表,这些原则还是应该加以区分,至少不能在大方向上与数据可视化的理念背道而驰。...但是有一点值得注意的是,如果是制作过程的复杂促成的理解上的简单化,这是一个提升系统化信息呈现能力的重要途径。但是这种方式需要专业的人去做,需要配备专门的技术人员去实现。(第四类图表)。...我看到过很多人在一个图表中使用图例分类来呈现10几个分类的第二维度,我给出的建议是使用一个分面来使得每一个类别的趋势或者结构更加清晰,但是得到的回复是那样太复杂了了,这样看着简单(真的看着简单吗)。...那么我想反问一句,你真的认真读图了吗,你真的确定你做出来的所谓的简单图表,有我做的这个所谓的复杂的图表更易于理解吗,你真的搞明白了过程的复杂化和信息呈现结果的复杂化的区别了吗,你真的搞明白这些图表的主体受众和使用场景了吗

1.5K51

用echarts实现一个简单的生成图表的功能

说实话一直想做一个可以生成图表的文件,但是一直研究不明白,曾经也看过很多的类似技术的文件,D3.js,Hcharts,Echarts都看过,但是看不下去,一个是api写的很死板,一个是自己事情比较多,今天不是很忙...,简单的看了一下,写一个简单的生成图表,很简单,没有什么技术含量, 只是为了抛砖引玉,我写的只是稍微改了一点官方的例子,谁用的比较厉害的,是echarts的高阶玩家的,可以教我一下,一定虚心学习!...ok效果就是这样,其实代码不用写,估计很多人就已经想到的差不多了,还是贴出来,写法很无脑,获取表格数据和生成的过程都是很繁琐的办法,不是没有简单的写法,只是我没太多时间,就直接最无脑的写了出来。...基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据...: 'bar', data: [p1, p2, p3, p4] }] }; // 使用刚指定的配置项和数据显示图表

58520

Excel图表学习45: 裁剪图表

如下图1所示,在使用柱形图制作图表时,如果有些柱形表示的数字很大,可以截断该柱形,使图表看起来更美观。 ? 图1 注意,将图表裁剪或者是将Y轴的图形截断会让人产生误解或者混淆,因此,请谨慎使用。...图6 在该系列上单击右键,选择“更改系列图表类型”,在图7所示的“更改图表类型”对话框 中,将该系列更改为“带数据标记的折线图”。 ? 图7 将该系列的线条设置为“无线条”,结果如下图8所示。...选取图表中新添加的标记系列,按Ctrl+V组合键粘贴刚才复制的形状。此时,图表如下: ?...图9 步骤5:格式化图表图表中的上下柱形设置为相同的颜色,调整柱形之间的间隙,删除垂直坐标轴,修改图表标题,等等。结果如下图10所示。 ?...图12 至此,图表制作完成! 再次声明,除非迫不得已,不要滥用这样的图表,它会让数据展示“失真”。我们这里只是用于学习Excel图表的制作技巧。

2.2K30

Excel单元格绘制个性化图表可以这么简单

通常我们在Excel绘制图表的流程是:选中数据-插入图表-调整图表格式。这种制图方式有两个缺点:一是受Excel图表类型及格式限制,无法自由发挥;二是图表与数据在展示上是割裂的存在。...1.图表生成 ---- 表面上它是一个条形图,实际是单元格的组合:E列是维度,F列是数据,G列是条形展示。...图表列(G列)的公式如下: =REPT(UNICHAR(9608),F3) 原理是UNICHAR生成的符号样式,使用REPT函数按照数据大小重复。...格式调整 ---- 图表颜色和大小的调整和文字的调整方式相同,如下动画演示: 坐标轴和图表区的分割线,设置单元格的右框线: 数据标签在图表公式加上一个空格外加数据列: 以此类推,多数据标签也不是什么难事...柱形图需要注意两点:第一,图表所在行的单元格需要足够高;第二,图表行的文字方向需要旋转90度。 UNICHAR支持的符号尽管很多但毕竟有限,下一节我们升级下,讲解单元格作图如何填充任意图片。

68830

图表搬家

今天给大家聊一聊Excel图表的输出! 我们日常所做的图表,如果不是专门用做Excel报表的话,大部分还是要以图片的形式导出。...qq截图(CTRL+ALT+A)保存然后导入PPT就OK了;或者,更简单粗暴一点的,直接将图表复制黏贴(CTRL+C/CTRL+V)到PPT里也可以哦!!!...其实有很多种相对比较科学的导出方式,下面就介绍给大家几种常见的图表导出方式: ▌如果是在同一工作薄的不同工作表之间移动图表的话,直接复制黏贴是没有问题的,也可以使用图表工具(点击图表才会显示)——设计—...使用也特别简单 鼠标拖动选中目标单元格区域 (单元格要能包含整个图表哦) ? 点击照相机按钮 ?...随便找一个空白位置点击释放 放置的图表千万不要遮挡源区域,否则 遮挡部分会“乱入”到图表里 (照相机默认复制的图表对象是带黑色边框的可以自己取消掉) ?

2.2K80

实用干货|简单9步,教你在PPT中演示动态图表

要在 PPT 里实现可以交互演示的动态图表(不是动画图表哦),可以有以下几种方法来实现: 1. PPT VBA 编程 2. Xcelsius 水晶易表 3....这样做法最简单省事,效果也可以,Ctrl Shift F1 切换到全屏演示更佳。 不过,大家更有兴趣的是学会第1种做法,希望在 PPT 里使用下拉框来做,感觉来得更酷。...再在 PPT 里添加一个下拉框,通过 VBA 宏来操作下拉框和嵌入的 Excel,来实现图表的动态切换。完成后的效果是这样的。 ? 制作步骤 1、制作 Excel 里的动态图表模型。...用户的选择结果记录在 dashboard 工作表的 A1 单元格,这是动态图表的驱动引擎。 2、将包含动态图表的 Excel 文件嵌入到 PPT。...复制 Excel 文件里放置图表的单元格区域(注意是图表后面的单元格区域,不是图表本身),在 PPT 里新开一页,选择性粘贴 - 工作表对象,这样,就把那个 Excel 文件“嵌入”到这个 PPT 里了

4.9K50

Excel图表技巧10:快速调整图表数据

我们今天介绍的技巧是通过鼠标可以快速调整图表数据,而图表自身也会作出相应的调整。 如下图1所示,根据示例数据,创建了一个柱状图。 ? 图1 此时,如果我们要将数据换成B部门,很简单!...首先,选择图表,此时相应的图表数据也会自动选择,如上图1所示。 接着,将鼠标移至A部门所在的数据列,当光标变成十字方向箭头时,拖动使得红色和蓝色选择区域至B部门,图表也相应更新,如下图2所示。 ?...图3 你可以使用这种技巧快速制作4个部门的图表。 首先,将当前图表复制3份并排列整齐,如下图4所示。 ? 图4 然后,选择右上角的图表,按照上文所述的方法将数据拖到B部门,结果如下图5所示。 ?...图5 同理,更改下面两个图表的数据,结果如下图6所示。 ? 图6 小结:在绘制图表时,拖动鼠标对数据或图表元素进行调整是一种常用操作。

2.6K30

Excel图表技巧12:为图表精确配色

有时候,我们想要在自己的图表中使用与参照图表完全一样的颜色,但参照图表是以图片形式保存的,这就需要我们得到其准确的RGB值。然而,Excel的主要功能集中于数据处理,其检测对象颜色的能力有所欠缺。...选择图表图片并复制。 2. 打开PowerPoint。 3. 粘贴图表,或者直接插入图表图片。 4. 在幻灯片中插入任意大小的任意形状,如下图1所示。 ?...单击图表图片右侧条形图中上方红色的条形,如下图3所示。 ? 图3 7. 选择形状,单击“绘图工具”选项卡“形状样式”组中的“形状轮廓—取色器”。 8....单击图表图片右侧条形图中下方深色的条形,如下图4所示。 ? 图4 此时,形状的结果如下图5所示。 ? 图5 现在,我们已经确定了形状的颜色,我们可以检查形状的设置以查看填充和边框颜色的颜色代码。...图7 上述步骤完成后,我们就可以将这些颜色应用到自己的图表中了。如下图8所示的图表,我们需要将两个柱形系列分别应用上面的两种颜色。 ?

2.5K40
领券