G2-mobile

Global

G2-mobile 的全局配置信息。

属性

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

  • 度量相关

    1. // size的默认范围
    2. sizes: {
    3. min: 1,
    4. max: 10
    5. },
    6. // 度量
    7. scales: {
    8. nice: true  // 度量优化（将数值范围调整为临近的整体区域，例如范围在2-93的数据优化为0-100）
    9. },
    10. // 柱状图的宽度占比
    11. widthRatio: {
    12. column: 1 / 2, // 柱状图的柱子宽度占比 1/2
    13. }

    配置示例：

    1. GM.global.widthRatio = { column: 2 / 3 };

  • 动画相关

    1. animateReduceMultiple: 1 // 动画降频倍数

    配置示例：

    1. GM.global.animateReduceMultiple = 2;

  • 图形相关

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

    配置示例：

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

皮肤主题相关

  1.   // 字体
  2.   defaultFont: {
  3.     fontSize: '10px',
  4.     fontFamily: '"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, "sans-serif"'
  5.   },
  6.   // 精度
  7.   pixelRatio: 1,
  8.   // 边距
  9.   margin: [40, 40, 40, 40],
  10.   // 颜色集
  11.   colors: ['#4E7CCC', '#36B3C3', '#4ECDA5', '#94E08A', '#E2F194', '#EDCC72', '#F8AB60', '#F9815C', '#EB4456', '#C82B3D'],
  12.   // 坐标轴
  13.   axis: {
  14.     // 底部坐标轴
  15.     "bottom":{
  16.       "label":{
  17.         "fillStyle":"#979797",
  18.         "font":"20px san-serif",
  19.         "textBaseline":"hanging"
  20.       },
  21.       "labelOffset":12,
  22.       "line":{
  23.         "stroke":"#999999",
  24.         "lineWidth":1
  25.       },
  26.       "tickLine":null
  27.     },
  28.     // 左边坐标轴
  29.     "left":{
  30.       "label":{
  31.         "fillStyle":"#979797",
  32.         "font":"20px san-serif",
  33.         "textAlign":"end"
  34.       },
  35.       "labelOffset":6,
  36.       "line":null,
  37.       "grid":{
  38.         "stroke":"#E9E9E9",
  39.         "lineWidth":1
  40.       },
  41.       "tickLine":null
  42.     },
  43.     // 右边坐标轴
  44.     "right":{
  45.       "label":{
  46.         "fillStyle":"#979797",
  47.         "font":"20px san-serif",
  48.         "textAlign":"start"
  49.       },
  50.       "labelOffset":6,
  51.       "line":null,
  52.       "grid":null,
  53.       "tickLine":null
  54.     },
  55.     //角度坐标轴
  56.     "circle":{
  57.       "label":{
  58.         "fillStyle":"#979797",
  59.         "font":"20px san-serif"
  60.       },
  61.       "labelOffset":6,
  62.       "line":{
  63.         "stroke":"#999999",
  64.         "lineWidth":1
  65.       },
  66.       "grid":{
  67.         "stroke":"#E9E9E9",
  68.         "lineWidth":1
  69.       },
  70.       "tickLine":null
  71.     },
  72.     // 半径坐标轴
  73.     "radius":{
  74.       "label":{
  75.         "fillStyle":"#979797",
  76.         "font":"20px san-serif"
  77.       },
  78.       "labelOffset":6,
  79.       "line":{
  80.         "stroke":"#E9E9E9",
  81.         "lineWidth":1
  82.       },
  83.       "grid":{
  84.         "stroke":"#E9E9E9",
  85.         "lineWidth":1
  86.       },
  87.       "tickLine":null
  88.     }
  89.   }

方法

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

Global.setTheme

Global.setTheme(object)

参数

  • object

    用户自定义的主题配置。

常用配置示例

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