前言

最近发现几款不错的开源报表，还提供源码，现在给大家分享一下，希望能带来帮助！

小编最经常的工作是将一些项目的数据从数据库导出，然后分门别类的列到excel表格中，领导看起来眼花缭乱。小编想，要是能以图表可视化展现出来，领导就可以看到项目近几个月的走势，也知道之后要怎么决策了。

小编尝试了使用excel制作图表，由于操作复杂，小编放弃了，于是小编在网上找到了以下6种可视化工具，现在我们来看一下：

小编最近发现几款不错的开源报表，还提供源码，现在给大家分享一下，希望能给你带来帮助！

1、项目名称： 积木报表

• 项目简介：积木报表，免费的企业级WEB报表工具。专注于“专业、 易用 、优质”的报表设计器和大屏设计器。支持打印设计、数据报表、图形报表、大屏设计器，重点是

善用工具，省时省力！

一、Metabase

它在Github星数上万，适合业务人员使用，界面美观，安装简单，体验感超棒。但是支持的数据源少，只有12种，不支持Hive、Kylin，支持的图表类型仅仅14种，比superset少。但是图表可视化选择多，设置灵活，提供的数据格式多。你可以创建集合，分组管理图表、看板、定时任务，有简单的图表钻取功能，无法复杂联动。支持文档和定时发送邮件，源代码质量最好，结构清晰整洁。

小编最近收到不少使用者的私信，其中有几个用户跟我提到ureport2，建议其中有些功能，可以学习一下，于是小编花了一天的时间，整理了一下他们的区别：

备注：绿色的表示优点；

小编根据积木报表和ureport2比较发现：

图形开发领域，色彩准确提取是关键。图形开发学院 - 天下万物，无所不“形”

我们是否想过没有CSS对HTML标签元素的影响，那么我们的标签在浏览器是什么样形式存在的？CSS对HTML标签元素到底产生了什么影响？又做了什么规则限定？来聊聊吧！！！

CSS 作为一门标记性语言，但是它的简单易学，很多开发者都不知道它是一门语言，语言的东西必定具备诸多概念，但是我们会往往忽略这些概念，确实，就算你不知道这些概念，你仅仅知道这些样式是干什么的，都能写出一张复杂的页面，所以我们不止要做到会用，而且

• css中元素标识用逗号隔开表示两个不同类的样式类名用同一个样式；

• 空格隔开表示从属包含关系，是当前的元素子元素；

逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。

比如下面的代码示例：

• CSS代表层叠样式表，是WEB的核心技术之一；
• 用CSS来描述视觉风格和内容呈现我们之前编写的HTML页面。
• CSS有无数的属性，我们可以用这些属性去格式化不同的东西；

CSS代码举例：

h1 {
	color: bule;
	text-align: center;
	font-size: 20px;
}

CSS，是Cascading Style Sheet的缩写，即“层叠样式单”的缩写。

HTML5的规范，推荐由CSS实现页面外观的显示，HTML负责页面的基本语义。通过使用CSS，我们可以使得数据逻辑和显示逻辑分离，提高HTML文档的可读性和可维护性。

1、CSS的语法

一条CSS规则由一个选择器和一个或多个声明组成，一个声明包括一个属性和一个值。