”一图胜千言”,图形是报表展示中不可或缺的内容,没有图形的报表是没有灵魂的,所以大家在做报表工具选型考察的时候,都会很关注图形。
关注点基本有如下几条:
1. 自有图形的种类
自有图形通常是指工具内置的图形,不需要再扩展和引入。自有图形是报表的基本功能,它决定了报表工具的下限。
2. 对第三方图形的支持程度,以及特殊图形的绘制能力
当自有图形满足不了需求时就需要扩展,可以对接第三方,也可以自定义。虽然大部分需求可能使用自有图形就能满足,但遇到特殊需求时工具的扩展能力十分重要,这决定了报表工具的上限。
3. 制作是否简单
这点很好理解,制作简单意味着开发快,开发快意味着省人工,省人工意味着低成本。
4. 美观程度
“看脸”在图形方面表现尤其突出,颜值高有时会拉高产品的层次,虽然功能和外观并无太大关系,不过图形的美观程度也是我们选择报表工具的标准之一。
5. 打印导出能力
报表不仅需要在系统里看,有时还要落在纸面上(打印),有时还要脱离系统使用(导出),图形也不例外,虽然不及表格导出打印频繁,但打印导出对图形来说仍然不可或缺。
6. 页面交互能力
图形有时不会孤立存在,而会与其他表格、图形进行交互,数据穿透钻取、页面联动分析、图形类型切换,这些都会丰富图形的应用场景,满足更多样化的用户需求。
本文就针对这 6 点,对市场上比较主流的五款号称能完美解决各种图形需求的报表工具进行对比评测,来看看他们的图形功能到底如何。这五款工具分别是:润乾报表、帆软报表 FineReport、Smartbi、永洪 BI 和亿信 BI。
工具内置的自有图形种类会对一般图形(大部分)需求产生影响,理论上内置图形种类越丰富,工具的适用范围越广。那么这五款工具在内置图形方面表现如何呢?
润乾报表提供了常见的饼图、柱图、折线图、散点图以及高级些的双轴柱线图、时间走势图、时序状态图、雷达图、工字图等 30 多种统计图形,可以覆盖绝大部分图形需求。需要指出的是,润乾内置图形中并不包含地图,关注地图的用户要注意。
帆软自带的统计图种类比润乾多一些,主要在图形小类上做了一些细化,达到近 50 种。除了常见统计图外,帆软内置图形还提供了地图、词云、漏斗图等。帆软的自有图形同样可以覆盖绝大部分的图形需求,由于内置了地图,因此在自有图形方面比润乾覆盖需求更广。
Smartbi 的报表制作是直接使用 Excel 作为设计器,其图表实现也是利用 Excel 自身的图表,基础图形可实现线图、柱图、饼图、股价图、雷达图、面积图、泡泡图、圆环图等,通过叠加使用基础图形实现高级图形。目前 Excel2016 支持 14 种图形。
永洪支持的图表类型大概有 30 种,除常见的点图,线图,面积图,柱状图,饼图,雷达图外,还有组织图,气泡,词云,矩形图,盒须图、地图、帕累托图等。
支持的图形大概有 11 种,包括柱状图、线、饼、仪表、条形图、迷你柱、迷你走势图、迷你进度图、迷你饼环图、迷你占比图、地图等类型。
从自有图形方面来看,五款工具的差异并不大(其中帆软自有图形种类最多,亿信最少),基本都能满足一般的图形需求。这也很好理解,作为国内最活跃的五款报表产品,作为基础功能的内置图表自然不相伯仲。
名称种类润乾报表30 种帆软报表50 种Smartbi14 种永洪30 种亿信11 种
报表工具能否实现丰富的可视化效果,除了考察其自带图形的种类外,比较关键的是这种工具的图形可扩展能力,也就是看是否支持更专业的第三方图形,是否提供更灵活的方式实现特殊图形的能力,下面我们分别针对这两点来看下五种工具的图形扩展能力。
润乾提供了第三方图形接口,可以支持所有第三方 JS 图形,如 ECharts 和 D3。在润乾产品安装包中内置了大量 ECharts 和少量 D3 模板,通过模板进行图形扩展只需要简单设置就可以将报表数据传递到图形中,使图形根据动态数据灵活展现。用户还可以在工具提供的 JS 面板中添加图形种类(JS 代码)接收报表已准备的数据进行图形呈现,同时还可以扩展第三方图形模板。
帆软不提供直接的第三方图形支持,而是需要通过插件的方式进行扩展。目前帆软的图形插件有两种类型,一种是官方提供但未内置到产品中,使用者需要下载安装插件,这类图形主要为大屏场景服务;另外一种是非官方图形插件,帆软提供了插件开发接口,如果要对接第三方图形需要自行开发对应的插件或寻找其他人已开发的插件付费使用。
直接内置了 ECharts , 主要用于实现动态图形需求,产品本身做了一些常用的图形化配置界面,如果用户对图形有更多要求,需要通过自定义属性或宏代码修改图形样式。不直接提供其他第三方图形的支持,需要通过自行开发扩展包进行扩展。
它的图表组件中直接提供了 GIS 地图组件,支持配置多种 GIS 服务器,包括百度地图,高德地图和谷歌地图,可以像自带图表组件一样拖动到面板中,通过点选设置绑定数据。
永洪的文档中提到内置了 ECharts 应用,但是产品中并没有看到具体设置的入口。
支持的第三方图形有 ECharts 、webgis、D3。在产品中内置了 ECharts3 统计图,需要其他版本需要自己引用 ECharts 网站的统计图脚本来完成。webgis 地图分为百度地图、天地图和 arcgis 地图,它们都是使用的第三方地图,必须要能连接到外网,才能加载地图图层。系统默认使用百度地图,如果需要修改地图类型,需要到文件中修改。D3 在产品中并没有内置,如果需要使用 D3,需要以资源包的方式引入。
工具内置图形和第三方图形(如果支持)已经可以满足绝大部分图形需求了,不过在一些项目上还存在特殊的图形需求无法通过工具提供的这两种手段实现,这类特殊的图,虽不常见,但是偶尔遇到一个,就会很头疼,憋死人,而报表工具鲜有在图形扩展方面的专门接口,一般也就是 Java 硬编码实现,难度非常大。
不过,润乾报表提供有计算脚本能够实现自定义图形绘制。比如下面这个例子,计算人口数和发病数是不是正相关,使用带有拟合直线的散点图展现,其中那条红色的直线就是拟合的线,散点图是比较常见的图形,但几乎不会提供这种线性趋势的设置。
用润乾提供的脚本绘图方式可以较轻松地实现。用其他产品就非常困难了,报表工具自带图形及集成的第三方图形都不支持这种图。
从图形的扩展能力来看,润乾由于可以对接任意第三方图形,加上通过集算器可以较方便绘制特殊图形,因此润乾的扩展性最好;帆软次之,帆软官方提供了 14 种图形扩展插件,以及提供了图形插件开发接口,如果想要对接第三方图形或实现特殊图形需要自行开发有一定难度。Smartbi、永洪和亿信的扩展能力差不多,都不是很强,这可能跟产品偏 BI 系统和产品诞生年限有关。
自带统计图可通过可视化界面将报表单元格数据或数据集数据进行绑定,设置简单,易于理解,润乾文档中对各类型的图形也有制作实例说明,上手容易。
第三方统计图润乾报表在安装包中提供了部分 Echarts 模板,报表的数据以参数的方式在模板中引用,非地图类的,设置也很简单,地图类还有其他非简单横纵轴类的图形,数据设置上,需要参考现有实例的写法,但也不算复杂。
内置图表在普通报表中直接通过快捷按钮插入图表,选定图表类型后,在属性面板中设置数据来源以及样式做图,设置方式简单。
插件类图表设计,是需要预先下载好插件,在设计器安装扩展图表插件才可以。在决策报表里是直接从图表管理面板将扩展图表拖拽到决策报表设计主体中。
在普通报表中和基础图表同样的方式添加,只不过图形类型对应选择扩展图形。
关于第三方插件图表在设计器下没有找到对应设置的地方,在文档里也没有单独的介绍,在帆软市场中可以找到付费的形式提供的 FR 集成 Echarts 的插件下载,说明中提到使用这种方式对使用者有一定门槛,并且不建议使用。
Excel 中安装 Smartbi 的插件后,单击 Smartbi 工具栏中的 图形,弹出“插入图表”窗口。
选择 Excel 作图,选择统计图类型,这种方式对于熟悉 Excel 软件的用户来说。操作体验还是比较友好的。
插入图表的时候选择 ECharts 图表,ECharts 配置界面如下图所示,通过选项配置就可完成图形配置,但如果用户对图形有更多要求,还是需要通过自定义属性或宏代码修改图形样式来实现。
通过图表组件制作图表,在报告编辑区中拖拽图表组件,生成相应的图表,是通过拖拽数据段到绑定窗口实现数据绑定,操作上也还算比较方便。
统计图组件实现是鼠标拖拽统计图组件到表体,添加系列,绑定数据,提供了一些通用的图形配色,在设置的窗口中还有图形的缩略图,在报表设置的过程中,就可以比较直观的看到图表大致的效果,可以提高一定的做图效率。
预览效果:
制作难易程度上,润乾和帆软的自带图表操作更简单;帆软集成 ECharts 需要下载付费插件,对 ECharts 了解的使用者,一个图大概需要 2 到 3 个小时完成,操作上相对复杂了些;润乾内置 ECharts 能快速实现 ECharts 图形,在样式不满足的情况会涉及到手动修改相关 JS,略有些复杂但仍可接受;永洪和亿信的图形都是通过组件方式,可视化的设置方式绑定数据,提供的配色和样式可满足图表样式需求时,设置还是挺简单的。
这里由于篇幅限制就不放太多效果图了,大家可以去看各个厂商的 demo,在图形这块,可以说是沉鱼落雁闭月羞花,都挺美。
值得一提的是帆软报表,虽然它的图形实现大多都是通过自带图形来完成的,但也都很美观。其他厂家可能自带的图形不太美,或者没有自带的图形,但现在也都支持了更为专业制图的第三方图表,美观度就拉平了,实际上要想做出的图形美观,适合自己项目的应用场景,主要是开发人员选对图表类型,前端开发人员提供合理的配色方案,相互配合实现才行。
自带图形不需要单独配置,可直接随报表一同进行打印导出;也支持 ECharts 图形的打印导出,导出与打印依赖于 slimerjs 和 firefox,只需要在服务器端安装和配置,任意客户端就可以打印打出 ECharts 图形了。具体配置步骤可以参考: 如何才能导出和打印 Echarts 图形? ](http://c.raqsoft.com.cn/article/1533179194864,亲测可用。)
自带图表报表展现页面带有工具条,图形可以和报表一同进行打印、导出;扩展图表在页面上只有针对图形导出图片的按钮,如果报表中有其他内容,不能随报表一同打印导出,所以这类图形一般用在数据分析展现页面上;帆软官网提供的 ECharts 插件下载链接里(https://market.fanruan.com/plugin/567c8601-d041-4981-8e8b-f658a4ef8b69),提到 ECharts 导出方案存在非常明显的缺陷, 暂时无法提供 ECharts 导出功能。
它的 Excel 图表和 ECharts 图表都可以进行打印导出。
页面上的 ECharts 图形打印、导出和页面效果基本一致。
在预览报表的时候没有打印按钮,不支持打印,导出的效果和预览效果一致。
图表打印图表导出润乾自带第三方都支持自带第三方都支持帆软基础图表支持
扩展图表不支持
自带支持
ECharts 不支持
Smartbi支持支持永洪不支持不支持 ECharts 导出亿信 BI支持支持
润乾报表联动实现是通过 DBD 布局,在需要做联动的区块图形中,在 JS 事件中调用 Dashboadlink,局部刷新其他区块。
帆软的决策报表和普通报表实现图表之间的联动是通过超链接实现的。
Smartbi
在自助仪表盘中实现下钻有两种方式,自动下钻和自定义下钻。
自动下钻:基于维度自身含有的层次结构或自定义层次结构的维度构建,系统支持逐级往下钻取的动态效果。自动下钻包括: 时间层次维下钻 、 地理层次维下钻 和 自定义层次维下钻 。
永洪
永洪图形的联动是通过面板中的过滤器进行设置实现,不需要写 JS。地图定义有两种,一种是通过地标列,另外一种是通过 x, y 经纬度的绑定,第一种才支持钻取,第二种无所谓上下层级关系,所以不支持。
亿信 BI在实现地图的钻取,需要地图热区与绑定表元匹配成功后,才会继承数据钻取设置;其他图形可以直接在图形的工具栏中设置动态效果。
润乾报表自带图形可通过增加参数,动态改变统计图单元格表达式 graph(type) 的参数值,实现柱形图、条形图、折线图等图形间的动态切换,可以参考http://c.raqsoft.com.cn/article/1542008169051 实现。
Echarts 常规的双坐标系图形,在页面上课直接进行切换。
帆软 柱图,饼图,线图这类图形可以直接在页面上进行切换。
亿信内置的 ECharts 统计图,自带的工具条属性功能可以满足常规统计图类型的切换。
Smartbi、永洪 同亿信。
小结
这几款报表工具都可支持常见的页面交互动作,在第三方统计图方面,集成使用 Echarts 图形的产品实现方式相同;自带图形方面,润乾有函数可以直接切换,不需要想其他产品需要做多张图来实现,这方面稍有优势。
图表的打印导出方面,润乾无论是自带图形还是第三方图形都可以实现导出打印,有明显优势,具体可以看上面的列表对比情况。
前面每个部分的小结,其实都看一遍就是最好最全的总结了,这里也再把每个部分的精要部分挑拣出来做一个最后的总结。
图形类型和美观度上都没有什么差异;操作上自带的图形要稍微简单些,帆软、润乾有一定优势;但集成第三方的也不算复杂,Smartbi 集成了第三方图形在实现通用效果上,操作上比较方便;导出打印交互方面具体润乾支持的最为全面;罕见、特殊图形的制作上,润乾有一定优势,但因为不常见,也加不了太多分。