语法

Global

概述

G2的全局配置信息，详细内容详见教程全局变量。

属性

G2.Global 中属性有两种类型：

下面是使用的示例：

var Global = G2.Global;
/**
 * 打印的结果
 * {
 *   min: 0,
 *   nice: false,
 *   type: "linear"
 * }
 */
console.log(Global.scales['..x']);
// 打印结果：['#4E7CCC', '#36B3C3', '#4ECDA5', '#94E08A', '#E2F194', '#EDCC72', '#F8AB60', '#F9815C', '#EB4456', '#C82B3D']
console.log(Global.colors['default']);
Global.colors['default'] = ['red','blue','yellow']; // 更改默认的颜色
// 打印结果：['red','blue','yellow']
console.log(Global.colors['default']);

方法

G2.Global 至提供了一个中方法：setTheme(string | object) 设置主题。

Global.setTheme()

Global.setTheme(string)

参数

  • string

    字符串，取值必须为 ['default', 'dark', 'cheery'] 中的一种，每一个值代表一个主题，否则还是使用默认的主题。详见皮肤。

G2.Global.setTheme('dark'); // 将主题设置为 dark

Global.setTheme(object)

参数

  • object

    对象，可以是 Global.Theme.dark、Global.Theme.default、Global.Theme.cheery 这三种，分别对应 'dark' 'default' 'cheery' 这三个主题名。

    也可是使用户自定义的主题配置。

G2.Global.setTheme(G2.Theme.dark); // 将主题设置为 dark

var customTheme = {
  titleOffset: 30,
  plotCfg: {
    background: {
      fill: '#18242E'
    }
  },
  facetCfg: {
    type: 'rect',
    margin: 40
  }
};
Global.setTheme(customTheme); // 将主题设置为用户自定义的主题
Animate Global