Global

G2-mobile 的全局配置信息。

属性

GM.Global 中属性有三种类型:

  • 度量相关

    // size的默认范围
    sizes: {
    min: 1,
    max: 10
    },
    // 度量
    scales: {
    nice: true  // 度量优化(将数值范围调整为临近的整体区域,例如范围在2-93的数据优化为0-100)
    },
    // 柱状图的宽度占比
    widthRatio: { 
    column: 1 / 2, // 柱状图的柱子宽度占比 1/2
    }

    配置示例:

    GM.global.widthRatio = { column: 2 / 3 };
  • 动画相关

    animateReduceMultiple: 1 // 动画降频倍数

    配置示例:

    GM.global.animateReduceMultiple = 2;
  • 图形相关

    lineDash: [5,15] // 虚线样式

    配置示例:

    GM.global.lineDash = [4,4];

皮肤主题相关

  // 字体
  defaultFont: {
    fontSize: '10px',
    fontFamily: '"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, "sans-serif"'
  },
  // 精度
  pixelRatio: 1,
  // 边距
  margin: [40, 40, 40, 40],
  // 颜色集
  colors: ['#4E7CCC', '#36B3C3', '#4ECDA5', '#94E08A', '#E2F194', '#EDCC72', '#F8AB60', '#F9815C', '#EB4456', '#C82B3D'],
  // 坐标轴
  axis: {
    // 底部坐标轴
    "bottom":{
      "label":{
        "fillStyle":"#979797",
        "font":"20px san-serif",
        "textBaseline":"hanging"
      },
      "labelOffset":12,
      "line":{
        "stroke":"#999999",
        "lineWidth":1
      },
      "tickLine":null
    },
    // 左边坐标轴
    "left":{
      "label":{
        "fillStyle":"#979797",
        "font":"20px san-serif",
        "textAlign":"end"
      },
      "labelOffset":6,
      "line":null,
      "grid":{
        "stroke":"#E9E9E9",
        "lineWidth":1
      },
      "tickLine":null
    },
    // 右边坐标轴
    "right":{
      "label":{
        "fillStyle":"#979797",
        "font":"20px san-serif",
        "textAlign":"start"
      },
      "labelOffset":6,
      "line":null,
      "grid":null,
      "tickLine":null
    },
    //角度坐标轴
    "circle":{
      "label":{
        "fillStyle":"#979797",
        "font":"20px san-serif"
      },
      "labelOffset":6,
      "line":{
        "stroke":"#999999",
        "lineWidth":1
      },
      "grid":{
        "stroke":"#E9E9E9",
        "lineWidth":1
      },
      "tickLine":null
    },
    // 半径坐标轴
    "radius":{
      "label":{
        "fillStyle":"#979797",
        "font":"20px san-serif"
      },
      "labelOffset":6,
      "line":{
        "stroke":"#E9E9E9",
        "lineWidth":1
      },
      "grid":{
        "stroke":"#E9E9E9",
        "lineWidth":1
      },
      "tickLine":null
    }
  }

方法

GM.Global 提供了一个方法:setTheme(object) 设置主题。

Global.setTheme

Global.setTheme(object)

参数

  • object

    用户自定义的主题配置。

常用配置示例

GM.Global.setTheme({pixelRatio : 2}); // 设为双精度