说说yii 图表插件

1，关于选择

其实yii 本身有一个图表插件叫：yiiopenflashchart，它是集成的openflashchart，一个强大的FLASH开源图表组件。但看上去图形比较单一

另外你可以选择其它的开源插件图表插件，它们是绚丽的HTML5 canvas写的，这里分别介绍AwesomeChartJS-master和chartjs

2，HTML5 canvas图表插件之chartjs

源码及demo地址：
http://www.chartjs.org/
用于yii:

a.将下载的源码解压到yii项目路径的css目录下的 “Chart.js-master”文件

b,修改配置加载进来， protected/views/layouts/main.php

<script src="<?php echo Yii::app()->request->baseUrl; ?>/css/Chart.js-master/Chart.js"></script>

3，HTML5 canvas图表插件之AwesomeChartJS-master

源码及demo地址：
http://cyberpython.github.io/AwesomeChartJS/
用于yii:

a将下载的源码解压到yii项目路径的css目录下的 “AwesomeChartJS-master”文件

b,修改配置加载进来， protected/views/layouts/main.php

<script src="<?php echo Yii::app()->request->baseUrl; ?>/css/AwesomeChartJS-master/awesomechart.js"></script>

这样就可以在yii项目的任一页面像插件demo里的例子一样使用图表功能了。

4，现在主要讲一下yiiopenflashchart

源码及demo地址：
http://www.yiiframework.com/extension/yiiopenflashchart/
a,将下载到的yiiopenflashchart2-1.2.tar.bz2 解压重命名到 protected/extensions/yiiopenflashchart

b.开始一个线性表的例子：

//在项目中的任一页面加入以下代码

$flashChart = Yii::createComponent('application.extensions.yiiopenflashchart.EOFC2');

$flashChart->begin();

$flashChart->setData(array(1,2,4,8),'{n}',false,'Apples');

$flashChart->setData(array(3,4,9,6),'{n}',false,'Oranges');

$flashChart->renderData('line',array('colour'=>'#33cc33'),'Apples');

$flashChart->renderData('line',array('colour'=>'#ccaa44'),'Oranges');

$flashChart->render(300,200);

//将看到发下图形



更多使用，请参考：
http://www.yiiframework.com/extension/yiiopenflashchart/