基于PHP的超炫酷HTML5交互式图表如何设计

来源:码农网时间:2017-03-10 17:05:15

word-wrap: break-word; font-family: 微软雅黑, Tahoma, Helvetica, SimSun, sans-serif; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);">用php实现专业级的基于Web的图表,而无需深入的HTML5和JavaScript知识。

  介绍
  最近,我需要从一组PHP数据组快速创建图表。要求图表必须是交互式的,用户友好的,也可下载的。在评估了一些PHp图表的解决方案,包括phpChart、pChart和Highcharts之后,我决定采用phpChart作为我的首选工具。


  背景
  作为一个主要的后端程序员,我既没有很多时间去慢慢研究使用JavaScript(客户想要在24小时内就能在网上看到图表),也不具备先进的前端编码知识。从根本上说,我希望几乎没有任何前端编程经验的PHP开发人员也能够快速开发出精美的图表。

  我试过pChart,一个流行的PHP图表库。生成的图表看起来挺不错,虽然是可下载的,但图表都是静态图像。Highcharts似乎是最好的选择。图表看上去令人惊艳,又是动画的,并且有很多自定义选项,但同时,它也是非常复杂的,而且需要大量的JavaScript知识。 Highcharts既不是专为PHP设计的,用于商务也不是免费的。


  phpChart的基本要素
  我最喜欢phpChart的地方就是它能让人从简单和最少量的代码入手。

  phpChart精简版可以从这里下载。下载文件并解压到网站根目录。

  设置conf.php

  我们要做的第一件事是设置变量SCRIPTPATH到conf.php文件的PhpChart类库。该变量代表了在你的Web服务器上的phpChart库的相对或绝对URL。

  1. define('SCRIPTPATH','/phpChart/');

复制代码


  创建最简单的图表
  包含PHP头文件conf.php:

  1. require_once("../conf.php");

复制代码


  调用构造函数C_PhpChartX,最后调用draw()函数。

  1. $pc=new C_PhpChartX(array(array(123, 34, 51, 22, 3)), ‘simplest_graph’);

  2. $pc->draw();

复制代码


  这就是开始你需要的代码。下面是经过渲染的输出。

1.png


  这就是我所谓的最少量的编码。当你有一个团队的程序员来工作的时候,艰辛地去学习基础就没有意义了。任何程序员尽快想要做的一件事就是从一组新的库或工具埋头研究复杂的文档。

  顺便说一句,构造函数中的第二个参数的命名对你的图表而言应该是唯一的。我键入的是“simplest_graph”,也可以是任何非空格字符串。它必须是一个唯一的值,这样你才可以在一个页面中拥有多个图表。

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:9145908@qq.com