Record

区块链记录你的初心
营销地产创业创新求职面试Word技巧金融职场工作区块链Excel教程财经PPT教程产品运营
Excel教程:什么才是给领导最好的图表?这是我见过最好的答案

Excel教程:什么才是给领导最好的图表?这是我见过最好的答案

图标教程

你知道什么样的图表才可以称作好的图表吗?我觉得至少看图表的人能一眼看懂你图表要表达的含义,而不需要再去翻看原始数据。在这个基础上,我们再做好色彩搭配和排版布局,这样的图表就是好的! 下表为某代理商市场销售部门的销售完成情况。其中包含了销售完成的额度以及目标计划销售的额度,我们需要将这些信息制作成简洁易懂的Excel图表做工作汇报。 很多同学会想到用完成销售额的数据除以目标销售额得到完成率比例,最后通过折线图来表示。 比如:在F列计算出完成率 然后选中B列、F列数据插入折线图。 在上图中只能看到每个组完成率的趋势变化,无法直观地看到完成销售额是多少、目标销售额是多少、还差多少未完成。 如果要把所有信息都表达出来必须用到次坐标轴,如下所示,做出包含折线图与柱状图的次坐标图表,整体会显的十分凌乱,几乎没人能一眼看懂这个图表想表达什么。 其实,我们可以换一个额思维,通过一些技巧将整个图表设置的更加简约美观,同时能够准确地表达需要传递的信息。 最终效果图如下所示,从下图中我们可以很轻松地看出各组的完成情况,甚至都不需要再去看原始数据,对于哪个组完成最多、各组还剩多少没完成等等信息,都可以一目了然。 下面
弱弱地写了一篇前端教程

弱弱地写了一篇前端教程

教程爬虫技术

分享一篇最近学习总结的前端表格制作教程,先看下方截图,具体演示的功能虽然简单,不过很有实际意义,主要涵盖表格展示数据、删除数据、修改数据、分页、模态窗等常见功能,其中也涉及一些样式的调整,比如隔行变色,此类文章网上很多很多,我也看过不少,但是网上文章都存着一个问题:很多文章代码写的很笼统,跳跃性比较大,你可能哪怕有一个地方看不懂,不知道怎么修改,程序就运行不起来,得不到想要的表格效果和功能,而此篇文章,我会尽可能详细介绍我做的功能的每一步是怎么得来的,并且本文源码也完全开源分享,运行中如果有任何问题,也欢迎留言提一些建议。 一、框架选择: 本文主要用bootstrap和bootstrap-table表格库构建演示demo,部分逻辑功能需要手写js/jquery 二、引入库: 导入库我导入的网上的cdn文件,如果需要下载,你可以根据下方版本进行下载,两个css文件,4个js文件,bootstrap-table基于bootstrap,所有要有bootstrap的css和js文件引入,同时也引入jquery <head> <meta charset="UTF-8" /> <title>表格演示Demo</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"></script> <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/locale/bootstrap-table-zh-CN.min.js"></script> </head> 三、页面布局HTML部分: html部分只放下面两个内容即可: 表格:只放一个空的table即可 模态窗:从bootstrap官方复制粘贴模态窗组件代码,我这里代码有折叠 模态窗代码展开的话,大家就是下面的样子,基本上你就改改一些