gchart 插件API

时间:2023-03-08 18:56:05
gchart 插件API

 data:  一个二维数组,参数类型如下:[[, , ], [, , ], [, , ]] 

    size: 图片显示的大小 ( width x height ) 300x200

    type: 前面已经说过了 这里不再累述

    xis_labels : 横轴文字

    legend :图例

    bar_width :     默认   条形宽度

        bar_spacing :    默认1  条形间距
colors : ['4b9b41','81419b','41599b'] 图例显示颜色
bg : 'e0e0e0' 背景颜色
bg_trasparency : 背景透明度
bg_offset : '' 渐变终结色
bg_angle : '', 默认 渐变角度
bg_type : 'gradient' 默认 solid 渐变方式
bg_width : '' 默认 渐变步伐
chbg : 'FFFFFF', 图表区颜色
chbg_offset : '4b9b41' 图表区渐变终结色
chbg_angle : '' 默认90 渐变角度
chbg_type : 'gradient' 默认 solid 渐变方式
title : 'Bar Chart', 图表标题
title_color : 'a98147',
title_size : 默认10
grid : true, 默认 false 网格
grid_x : , 默认 X轴网格宽度
grid_y : , 默认格宽度
grid_line : , 默认
grid_blank : 默认度
fillarea : true 默认图表区
fillbottom : true 默认下端
filltop : true 默认充上端
lines: [[,,],[,,]] 点线图,[线宽,点宽,空白宽]

代码分析

从上面的代码可以看出,其实使用这个插件制作图表就类型的不同而已。需要修改的是 type 这个值

这里介绍type支持的类型:

折线图 lc

点线图 lxy

Sparkline 图 ls

叠加型水平条形图 bhs

叠加型垂直条形图 bvs

水平条形图 bhg

垂直条形图 bvg

饼图 p

三维饼图 p3

维恩图 v   (目前没有看到效果,各位可以尝试)

散点图 s    (目前没有看到效果,各位可以尝试)

雷达图 r    (目前没有看到效果,各位可以尝试)

地图 t       (目前没有看到效果,各位可以尝试)

仪表 gom