標籤:
data: 一個二維數組,參數類型如下:[[153, 60, 52], [113, 70, 60], [120, 80, 40]] size: 圖片顯示的大小 ( width x height ) 300x200 type: 前面已經說過了 這裡不再累述 xis_labels : 橫軸文字 legend :圖例 bar_width : 20 預設 20 條形寬度 bar_spacing : 1 預設1 條形間距 colors : [‘4b9b41‘,‘81419b‘,‘41599b‘] 圖例顯示顏色 bg : ‘e0e0e0‘ 背景顏色 bg_trasparency : 50 背景透明度 bg_offset : ‘000000‘ 漸層終結色 bg_angle : ‘45‘, 預設 90 漸層角度 bg_type : ‘gradient‘ 預設 solid 漸層方式 bg_width : ‘10‘ 預設 10 漸層步伐 chbg : ‘FFFFFF‘, 圖表區顏色 chbg_offset : ‘4b9b41‘ 圖表區漸層終結色 chbg_angle : ‘45‘ 預設90 漸層角度 chbg_type : ‘gradient‘ 預設 solid 漸層方式 title : ‘Bar Chart‘, 圖表標題 title_color : ‘a98147‘, title_size : 20 預設10 grid : true, 預設 false 網格 grid_x : 5, 預設 10 X軸網格寬度 grid_y : 5, 預設格寬度 grid_line : 5, 預設 grid_blank : 0 預設度 fillarea : true 預設圖表區 fillbottom : true 預設下端 filltop : true 預設充上端 lines: [[4,2,2],[6,3,3]] 點線圖,[線寬,點寬,空白寬]
程式碼分析
從上面的代碼可以看出,其實使用這個外掛程式製作圖表就類型的不同而已。需要修改的是 type 這個值
這裡介紹type支援的類型:
折線圖 lc
點線圖 lxy
Sparkline 圖 ls
疊加型水平橫條圖 bhs
疊加型垂直橫條圖 bvs
水平橫條圖 bhg
垂直橫條圖 bvg
餅圖 p
三維餅圖 p3
維恩圖 v (目前沒有看到效果,各位可以嘗試)
散佈圖 s (目前沒有看到效果,各位可以嘗試)
雷達圖 r (目前沒有看到效果,各位可以嘗試)
地圖 t (目前沒有看到效果,各位可以嘗試)
儀錶 gom
gchart 外掛程式API