传统中小CMS建站系统大多都是用来做网站,主要作用是保存网站内容,鲜少有支持可视化BI(Business Intelligence)图表的CMS系统,但是在数字化AI时代,内容就是企业的无形资产,内容要服务业务,那BI图表一定是最重要的工具,国内外的一些企业级CMS产品也不断创新,很多大型cms或多或少的集成了可视化BI图表功能,这让CMS不仅仅是一个简单的保存网站内容的工具,而是真正可以为业务赋能的系统,下面对国内外几款支持BI图表的CMS系统进行评测。
一、PageAdmin CMS
pageadmin是国内团队开发的内容管理系统,支持统一身份认证,CMS模块和低代码模块,原生支持支持可视化和拖拽式集成BI图表,pageadmin的BI图表功能核心特点:
1、采用可视化拖拽排版,开箱即用,业务人员就能快速上手。
2、集成中国省市/地图、柱形图、横向柱形图、对称条形图、仪表盘、折线图、双轴图,排行榜,数值图,饼图,漏斗图,雷达图等20种图表,直接拖动带编辑器即可。
3、支持维度字段和指标字段自定义,支持统计,平均价,最大值,最小值,求和等指标统计,直接拖到字段到维度字段和指标字段区域即可。
PageAdmin的BI图表功能很完善,几乎可媲美市面上专业的BI图表系统,下图为pageadmin的BI可视化制作界面。
二、Joomla
joomla是基于PHP和MySQL开发的内容管理系统(CMS),由OpenSourceMatters组织维护,支持跨平台运行。系统包含Joomla CMS和Joomla Platform两大核心组件,最新稳定版本为5.3.1,曾于2015-2018年连续获得全球“最佳CMS”奖项。
Joomla原生也不支持BI功能,要实现Bi功能,必须采用自定义代码,你可以在Joomla 网站上集成如Chart.js、ECharts 等流行的 JavaScript 图表库,安装步骤:
1、在你的Joomla网站模板中添加一个自定义模块或组件。
2、在该模块或组件的HTML中引入所需的JavaScript图表库。
3、使用JavaScript和库的API来绘制图表。
4、将数据通过AJAX从后端获取(例如,从PHP脚本或数据库)
<div id="curve_chart"></div>
<script type="text/javascript" src="/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {
'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2013', 1000, 400],
['2014', 1170, 460],
['2015', 660, 1120],
['2016', 1030, 540]
]);
var options = {
title: 'Company Performance',
curveType: 'function',
legend: {
position: 'top' }
};
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
</script>
三、Drupal CMS
Drupal 是一个基于 PHP 语言开发的内容管理框架,它集成了内容管理系统(CMS)和强大的开发框架功能,拥有高度灵活的架构和强大的扩展能力,适用于从个人博客到大型企业级、社区驱动型网站的各类项目, Drupal本身不具备Bi图表功能,完全需要自己去实现,没有PageAdmin的可视化拖拽制作那么方便,实现步骤:
1、可以使用Drupal的模块管理界面来安装Chart.js模块,例如,chartjs模块可以直接在Drupal的官网或通过Composer安装,通过下面的代码安装。
composer require drupal/chartjs
2、创建一个自定义模块来包含你的图表代码,例如,创建一个包含图表的.html.twig模板文件或.js文件。
在模板或JavaScript文件中编写代码来初始化图表。例如,创建一个简单的柱状图:
var options = {
series: [{
name: "Sales", data: [44, 55, 41, 67, 22, 43] }], chart: {
height: 350, type: 'bar', }, // 其他配置... };
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();
3、Drupal要实现Bi图表几乎需要前端人员和后端人员配合才能完成,还处于比较原始的状态,和全新开发几乎没有区别。
总结:
BI图表集成的成熟度:PageAdmin的I集成最成熟,可直接可以用于企业级生产环境。
BI图表制作便利性:PageAdmin的完全可视化,从技术难度和便捷性上都远超wordpress和Drupal,wordpress和Drupal都需要借助php程序来实现,其中Drupal几乎需要从0到1集成。
BI图表组件丰富程度:由于都是采用直接或间接的使用第三方的如chartjs这类框架,所以组件丰富程度没有差异。