logo

Ant Design Charts

  • Manual
  • Options
  • Examples
  • Productsantv logo arrow
  • 2.0.0
  • Component Overview
  • Common Configuration Statistical Charts
    • Overview
    • Component
      • axis
      • legend
      • scrollbar
      • slider
      • title
      • tooltip
    • Label
      • contrastReverse
      • overflowHide
      • overlapDodgeY
      • overlapHide
      • Overview
    • Scale
      • band
      • linear
      • log
      • ordinal
      • point
      • pow
      • quantile
      • quantize
      • sqrt
      • threshold
      • time
    • Annotations
      • image
      • lineX
      • lineY
      • range
      • rangeX
      • rangeY
      • shape
      • text
    • Events
      • Overview
    • Animation
      • fadeIn
      • fadeOut
      • growInX
      • growInY
      • morphing
      • Overview
      • pathIn
      • scaleInX
      • scaleInY
      • scaleOutX
      • scaleOutY
      • waveIn
      • zoomIn
      • zoomOut
    • Interaction
      • brushAxisHighlight
      • brushFilter
      • brushHighlight
      • brushXFilter
      • brushXHighlight
      • brushYFilter
      • chartIndex
      • elementHighlight
      • elementHighlightByColor
      • elementHighlightByX
      • elementSelect
      • elementSelectByColor
      • elementSelectByX
      • fisheye
      • legendFilter
      • legendHighlight
      • poptip
      • scrollbarFilter
      • sliderFilter
      • tooltip
    • Palette
    • Theme
      • Academy
      • classic
      • classicDark
    • Specal Plot
      • Area
      • Bar
      • CirclePacking
      • DualAxes
      • Gauge
      • Line
      • Rose
      • Sankey
      • Scatter
      • Sunburst
      • Treemap
      • Venn
      • WordCloud
      • Column
      • Pie
      • BidirectionalBar
      • Box
      • Bullet
      • Funnel
      • Heatmap
      • Histogram
      • Liquid
      • Radar
      • Stock
      • Tiny
      • Violin
      • Waterfall
      • RadialBar
  • Relation Graph Components
    • Overview
    • MindMap
    • Fishbone
    • IndentedTree
    • Dendrogram
    • OrganizationChart
    • FlowGraph
    • FlowDirectionGraph
    • NetworkGraph
    • FAQ

Palette

Previous
tooltip
Next
Academy

Resources

Ant Design
Galacea Effects
Umi-React Application Framework
Dumi-Component doc generator
ahooks-React Hooks Library

Community

Ant Financial Experience Tech
seeconfSEE Conf-Experience Tech Conference

Help

GitHub
StackOverflow

more productsMore Productions

Ant DesignAnt Design-Enterprise UI design language
yuqueYuque-Knowledge creation and Sharing tool
EggEgg-Enterprise-class Node development framework
kitchenKitchen-Sketch Tool set
GalaceanGalacean-互动图形解决方案
xtechLiven Experience technology
© Copyright 2025 Ant Group Co., Ltd..备案号：京ICP备15032932号-38

Loading...

G2 提供了一些内置的色板，可以直接使用，并支持 d3-scale-chromatic的色板。

开始使用

color scale palette
{
  scale: { color: { palette: "tableau10" } },
}

离散色板

accent

blues

brBG

buGn

buPu

category10

dark2

gnBu

greens

greys

oranges

orRd

paired

pastel1

pastel2

piYG

pRGn

puBu

puBuGn

puOr

puRd

purples

rdBu

rdGy

rdPu

rdYlBu

rdYlGn

reds

set1

set2

set3

spectral

tableau10

ylGn

ylGnBu

ylOrBr

ylOrRd

连续色板

blues

brBG

buGn

buPu

cividis

cool

cubehelixDefault

gnBu

greens

greys

inferno

magma

oranges

orRd

piYG

plasma

pRGn

puBu

puBuGn

puOr

puRd

purples

rainbow

rdBu

rdGy

rdPu

rdYlBu

rdYlGn

reds

sinebow

spectral

turbo

viridis

warm

ylGn

ylGnBu

ylOrBr

ylOrRd