如何基于PHP设计一个很酷的HTML5交互图表?
介绍
最近,我需要从一组PHP数据集快速创建一个图表。图表必须是交互式的、用户友好的和可下载的。在评估了一些phpChart解决方案之后,包括phpChart、PCChart和Highcharts,我决定使用PHP Chart作为我的首选工具。
背景
作为一个主要的后端程序员,没有太多的时间慢慢学习和使用JavaScript(客户希望24小时内在线看到图表),也没有高级的前端编码知识。从根本上说,我希望几乎没有前端编程经验的PHP开发人员能够快速开发出漂亮的图表。
我尝试了PCChart,一个流行的PHP图表库。生成的图表看起来相当不错。虽然可以下载,但都是静态图片。Highcharts似乎是最好的选择。图表看起来很神奇,很有动画效果,有很多定制选项,但同时也非常复杂,需要大量的JavaScript知识。Highcharts既不是为PHP设计的,也不是免费用于商业的。
phpChart的基本要素
我最喜欢phpChart的一点是,它允许人们从简单和最少的代码开始。
PhpChart精简版可以从这里下载。下载文件并解压到网站的根目录。
设定conf.php。
我们需要做的第一件事是将变量SCRIPTPATH设置为conf.php文件的PhpChart类库。该变量表示Web服务器上phpChart库的相对或绝对URL。
define(SCRIPTPATH,/phpChart/);
复制代码
创建最简单的图表
包含PHP头文件conf.php:
需要一次(../conf . PHP);
复制代码
调用构造函数C_PhpChartX,最后调用draw()函数。
$ PC = new C _ PhpChartX(array(array(123,34,51,22,3)),' simplest _ graph ');
$ PC-draw();
复制代码
这是您需要启动的代码。以下是渲染输出。
这就是我所说的最小编码量。当你有一个程序员团队在工作的时候,再努力学习基础知识也是没有意义的。任何程序员都想尽快做的一件事是让自己沉浸在研究来自一组新的库或工具的复杂文档中。
顺便说一下,构造函数中第二个参数的名称对于您的图应该是唯一的。我输入了“simplest_graph”或任何非空字符串。它必须是一个唯一的值,这样一页上就可以有多个图表。