用html5画瀑布图,一起制作瀑布图

原标题：一起制作瀑布图

瀑布图能够在反映数据在不同时期或受不同因素影响的程度及结果，还可以直观的反映出数据的增减变化，在工作表中非常有实用价值。

图如其名，瀑布图是指通过巧妙的设置，使图表中数据点的排列形状看似瀑布悬空。这种效果的图形能够在反映数据在不同时期或受不同因素影响的程度及结果，还可以直观的反映出数据的增减变化，在工作表中非常有实用价值。

接下来咱们分别用Excel2010和Excel2016来学习一下瀑布图的制作。

先来说Excel2010的操作方法。

1、准备数据

在C列增加一个“占位”的辅助列。

C2单元格写入0，C3单元格写入公式，向下复制。

=B$2-SUM(B$3:B3)

2 创建图表

点击数据区域的任意单元格，【插入】【柱形图】选择【堆积柱形图】

插入堆积柱形图后的效果如下：

3 清除不需要的项

依次单击图例，按Delete键删除；单击网格线，按Delete键删除；单击纵坐标轴，按Delete键删除。效果如下：

右键单击横坐标轴，【设置坐标轴格式】主要刻度线类型选择【无】

设置后的效果如下：

4 设置系列格式

右键单击“占位”系列，【选择数据】在【选择数据源】对话框中调整数据系列的顺序，将“占位”数据系列调整到上层。

右键单击“占位”系列，【设置系列格式】【填充】选择【无填充】

参照上述步骤，右键单击“销量”系列，【设置数据系列格式】【填充】【纯色填充】选择橙色。设置后的效果如下：

5 美化图表

右键单击“销量”数据系列，添加数据标签。单击绘图区，【布局】【图表标题】【图表上方】添加图表标题。

最后设置图表标题的字体，给出数据来源和制作者的信息，完成瀑布图的制作。

如果你使用的是Excel 2016，瀑布图的制作过程将会十分简单：

单击数据区域任意单元格，依次单击【插入】-【瀑布图】。

.单击【图表标题】，输入图表的标题名称。

右击【盈余】柱形图，选择【设置为总计】。

单击【格式】-【形状填充】，选择一种颜色。

最后删除图例项和网格线，设置一下图表填充色，完成：

责任编辑：

用html5画瀑布图,一起制作瀑布图相关推荐

如何用计算机做出折线图,Numbers怎么做折线图 Numbers制作折线图教程
Numbers中有丰富的图表可供用户们选择,有的人想要了解下 Numbers怎么做折线图 .Numbers如何做折线图?小编带来了Numbers制作折线图教程,看完就知道Numbers怎么画折线图啦~ ...
php雷达图,如何制作雷达图mac.docx
如何制作雷达图mac 如何制作雷达图mac 导语: 说到雷达图,可能很多办公人士第一反应就是用Excel.Excel拥有强大的制图功能,能很好的满足我们平时处理数据的需求.但是想要在Excel中绘制出 ...
arcgis中制作出行od图_arcgis制作坡度图
坡度图制作方法坡度图制作方法 1 坡度分级标准按照耕地坡度分级的要求,对耕地坡度分为五级,即小于等于 2°为Ⅰ级,大于 2°.小于等于 6°为Ⅱ级,大于 6°.小于等于 15°的为Ⅲ级,大于 1 ...
wps 甘特图_制作甘特图提升办公效率！亿图下的这款项目管理软件很不错
距离春节还有5天很多小伙伴为了提升办公效率可谓绞尽脑汁,但是却没有能够想出办法!其实提醒办公效率的方法有很多,今天小编就为大家分享一种.那就是通过制作甘特图来实现,快来试试看这款亿图旗下的项目管理软 ...
python制作雷达图_python制作雷达图
雷达图是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多变量数据的图形方法,雷达图通常用于综合分析多个指标,具有完整,清晰和直观的优点. 下面以实际例子给大家讲解一下雷达图的应用场 ...
如何最简单方式查看gif图和制作gif图
1.gif 图不管是在开发还是生活中都很常见,作一个gif图也是我们必备的技能之一,如何查看一个gif图的每一帧呢? 使用2345看图王,为甚选择这个呢?首先这个软件小,安装简单,没有静默安装垃圾软件 ...
CSS3多图叠加制作闪图效果
效果如图 HTML代码 <!DOCTYPE html > < html lang= "en" > < head > < meta char ...
python批量雷达图_python批量制作雷达图
老板要画雷达图,但是数据好多组怎么办?不能一个一个点excel去画吧,那么可以利用python进行批量制作,得到样式如下: 首先制作一个演示的excel,评分为excel随机数生成: 1 =INT(( ...
JS制作字体图（文字图）
我们经常会在网页中看到很多小图标,其实这些图标大多数都不是图片,而是字体图. 制作字体图总共有三种办法: 第一种: CSS Sprite(美其名曰雪碧图) 第二种: font + HTML 进行制作 ...
怎么用多张图片制作动态图？
怎么用多张图片制作动态图?昨天公司的同事向我请教一个问题,因为某项工作的原因,现在主要将多张图片制作成一个动态图片,他在网上寻找了一些方法教程,大多是采用ps软件来进行完成,但是由于他以前从未使用过p ...

用html5画瀑布图,一起制作瀑布图

用html5画瀑布图,一起制作瀑布图相关推荐

最新文章

热门文章