zoukankan      html  css  js  c++  java
  • gchart 插件API

       

    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   

    人如代码,规矩灵活;代码如诗,字句精伦。
  • 相关阅读:
    使用js对WGS-84 ,GCJ-02与BD-09的坐标进行转换
    百度地图初次使用的一些方法的介绍和静态行驶轨迹,点击当前行驶路径,进行高亮显示
    js数组代码库
    docker学习笔记4-Compose
    Linux and the Unix Philosophy(5)
    Linux and the UnixPhilosophy(4)
    docker原理讲解1-linux namespace
    Docker学习笔记3-生成镜像
    Docker学习笔记2-容器基本使用
    CentOS7下更新jenkins
  • 原文地址:https://www.cnblogs.com/xinlinux/p/4257733.html
Copyright © 2011-2022 走看看