Jqplot在joomla元件中的應用

2021-09-06 22:11:35 字數 1204 閱讀 1472

(1)在com_collect元件中採用的是ajax獲取json型別的值。[這上邊有例項。

(2)在jqplot中由於x軸上的文字密集,最開始想到的是給文字設定乙個傾斜角度,angle = 30,可是發現我的字型還是密密麻麻的,沒有變化,後來我在查詢問題時發現可以設定x軸每個座標的寬度,即設定 .jqplot-xaxis-tick的寬度,設定之後還是不行,文字超出了div的邊界顯示,最後給div設定了css屬性:white-space:normal,(當文字超出div邊界就換行)才可以使文字豎直顯示。

(3) 在com_repairreport元件中採用的是ajax獲取json型別的值。[這上邊有例項。基本思路是用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:,series: [, , , ],設定每一條曲線代表的含義。

(7)設定柱狀圖旋轉90度,我設定的時候,只需把xaxis,yaxis與正常顯示是互換位置即可,同時利用ajax獲取的值也要進行同樣的呼喚。

有與jqplot的特點是柱狀圖無法顯示具體資料值,餅狀圖無法顯示具體百分比,因此在餅狀圖中我顯示百分比時採用的方法是把值傳遞到json陣列中的名稱中

(我寫的joomla元件整理的知識,

快速編寫joomla的元件

joomla的元件只要在相應的site方的views下面有目錄就自動能在選單中生成鏈結,可以在選單中直接使用,而在前台要顯示的 都可以寫在tmpl下面的default.php檔案中,最方便,而其中用到的css和注意就都變成了joomla的全域性目錄,自己的css存放在joomla的根目錄下,css中...

Joomla常用元件和外掛程式

二 標籤雲元件 jtags 三 後台安全外掛程式 systemjsecure 1.0.5 五 流量統計元件 joomlawatch 1.2.9 六 相簿元件 phocagallery v2.6.1 用在相簿欄目 七 三維相簿外掛程式 bonckowall.v.2.0.1 用在相簿欄目 九 文章附件元...

joomla2 5 常用元件

名稱 說明bt slideshow slideshow feedgator 採集rss內容並自動發布 xcloner 備份ariextmenu dropdown menu allvideoshare video列表元件 swfobject v2.1 用於顯示flash的module falang j...