Jqplot在joomla组件中的应用

（1）在com_collect组件中采用的是ajax获取json类型的值。[http://www.jqplot.com/tests/data-renderers.php]这上边有实例。

（2）在jqplot中由于X轴上的文字密集，最开始想到的是给文字设置一个倾斜角度，angle = 30，可是发现我的字体还是密密麻麻的，没有变化，后来我在查找问题时发现可以设置x轴每个坐标的宽度，即设置 .jqplot-xaxis-tick的宽度，设置之后还是不行，文字超出了div的边界显示，最后给div设置了css属性：white-space：normal，(当文字超出div边界就换行)才可以使文字竖直显示。
（3） 在com_repairreport组件中采用的是ajax获取json类型的值。[http://www.jqplot.com/tests/data-renderers.php]这上边有实例。基本思路是用ajax获取json类型的数值，传递到$jqplot('target','data','option')中的data值即可。

（4） 在jqplot中由于X轴上的文字密集，最开始想到的是给文字设置一个倾斜角度，angle = 30，可是发现我的字体还是密密麻麻的，没有变化，后来我在查找问题时发现可以设置x轴每个坐标的宽度，即设置 .jqplot-xaxis-tick的宽度，设置之后还是不行，文字超出了div的边界显示，最后给div设置了css属性：white-space：normal，(当文字超出div边界就换行)才可以使文字竖直显示。但是当X轴的值为日期时发现还是没有办法正常显示，后来又添加了代码word-break: break-all;word-wrap: break-word;强制换行。

（5）jqplot的折线图rendererOption不需要加载渲染器，对于饼状图则需要加载renderer: $.jqplot.PieRenderer,对于柱状图邪恶需要加载renderer: $.jqplot.PieRenderer,

（6） 在一个图表中显示多条曲线的问题，由于我采用的data都是json类型的数值，当有多条曲线时，我采用ajax传递的值时一个含有多层嵌套的json数组的值，通过访问$.jqplot('chart1',[ret[0],ret[1],ret[2],ret[3]],{})来显示多条曲线,在显示多条曲线时候采用legend:{show:true,location:'ne'},series: [{label: '总报修次数'}, {label: '家属区报修次数'}, {label: '学生区报修次数'}, {label: '办公区报修次数'}],设置每一条曲线代表的含义。

（7）设置柱状图旋转90度，我设置的时候，只需把xaxis，yaxis与正常显示是互换位置即可，同时利用ajax获取的值也要进行同样的呼唤。

有与jqplot的特点是柱状图无法显示具体数据值，饼状图无法显示具体百分比，因此在饼状图中我显示百分比时采用的方法是把值传递到json数组中的名称中
（我写的joomla组件整理的知识，http://wiki.stdu.edu.cn/index.php/Ym_joomla组件