Global

AntV

Search…

Installation

Getting Started

Data

Understanding F2 charts

Global

F2.Global
F2.Global is the global configuration in F2, it contains following attributes:
We can get the default value of an attribute by console.log(F2.Global).
Name
Type
Description
padding
Array / Number
the spacing between the chart plot area and the canvas border. See here. Default value is 'auto'.
appendPadding
Array / Number
The reserved spacing on the four sides of the chart canvas area. See here.
axis
Object
The default configuration for different types of axes.
colors
Array
The default color series.
defaultColor
String
The default color.
fontFamily
String
The default font family.
guide
Object
The default configuration for different types of guides.
legend
Object
The default configuration for different type of legends.
lineDash
Array
The default setting for lineDash.
pixelRatio
Number
The default pixel ratio.
shape
Object
The default style configuration for different shapes.
sizes
Array
The default size range for size mapping.
tooltip
Object
The default tooltip configuration for tooltip.
version
String
The current version of F2. 
widthRatio
Object
ratio of width for different shapes.
Methods
Global.setTheme(config)
Configure F2's charts style. For users to define their own style.
Parameters:
Name
Type
Description
config
Object
theme configuration
Example: 
F2.Global.setTheme({
  colors: [ '#F04864', '#D66BCA', '#8543E0', '#8E77ED', '#3436C7', '#737EE6', '#223273', '#7EA2E6' ],
  pixelRatio: 2,
  guide: {
    line: {
      stroke: '#F04864',
      lineWidth: 2
    }
  }
});

ScrollBar

Util

Last modified 4yr ago

Copy link

Outline

F2.Global

Global.setTheme(config)