图表PHP类概述

PHP的Kendo UI Chart是一个服务器端包装器剑道用户界面图小部件。

图表是…的一部分PHP的Telerik UI一个专业级的UI库，包含 90+ 组件，用于构建现代和功能丰富的 应用程序。要想尝试一下，注册一个30天的免费试用。

免费下载试用版

开始

最基本的

有两种方法可以绑定PHP的剑道UI图:

• 在本地-本地绑定将图表绑定到PHP数组。
• 远程-在远程绑定期间，图表发出AJAX请求并绑定到JSON结果。

配置

下面列出了配置Kendo UI Chart进行本地绑定时需要遵循的步骤。

步骤1确保您遵循了从PHP的Telerik UI介绍性文章-包括自动加载器，JavaScript和CSS文件。

步骤2创建将图表绑定到的数组。

<？php数组$ data =(阵列(“名字”= >“John Doe”,“年龄”= > 32),数组(“名字”= >“简”,“年龄”= > 29));? >

步骤3创建一个数据源然后设置它数据。

<？php $dataSource = new \Kendo\Data\ dataSource ();dataSource - >数据(元数据);? >

步骤4创建一个图表，配置其系列，categoryAxis然后设置它数据源。

<？php $ageSeries = new \Kendo\Dataviz\UI\ChartSeriesItem();ageSeries - >字段(年龄);$categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem();categoryAxis - >字段('名称');$chart = new \Kendo\Dataviz\UI\ chart ('chart');$chart->addSeriesItem($ageSeries) ->addCategoryAxisItem($categoryAxis) ->dataSource($dataSource);? >

步骤5的结果来输出图表渲染方法。

<？PHP echo $chart->render();? >

事件处理

你可以订阅所有的图表事件。

指定函数名

下面的示例演示了如何通过指定JavaScript函数名来订阅事件。

<？php $chart = new \Kendo\Dataviz\UI\ chart ('chart');// 'chart_dataBound' JavaScript函数将处理图表的'dataBound'事件$chart->dataBound('chart_dataBound');回声图- >渲染();?> 

提供内联代码

下面的示例演示了如何提供内联JavaScript代码。

<？php $chart = new \Kendo\Dataviz\UI\ chart ('chart');$chart->dataBound('function(){/*处理dataBound事件*/}');回声图- >渲染();? >

参考

客户端实例

您可以通过引用客户端Kendo UI Chart实例jQuery.data ()。一旦建立了引用，就使用图表API控制它的行为。

<？php $chart = new \Kendo\Dataviz\UI\ chart ('chart');回声图- >渲染();?>