# Gauge 2
Este componente é indicado utilizar quando precisa representar um score, ou algo de uma única dimensão.
Customizações dos axis podem ser encontradas no link https://g2plot.antv.vision/en/docs/api/plots/gauge/#axis
Opções
Default
# Props
Prop name | Description | Type | Values | Default |
---|---|---|---|---|
value | Valor de 0-1 representando a quantidade que deve estar preenchido | number | - | |
colors | Cores utilizadas para os ticks do gauge | array | - | [] |
ticks | Array de valores que serão usados como breakpoints para as cores (0-1) | array | - | [] |
rounded | Flag para indicar que as barras devem ser arredondadas | boolean | - | false |
gaugeStyle | Estilo do gauge (SVG style) | object | - | |
statisticTitle | Título para ser utilizado no meio do gráfico | string | - | '' |
statisticTitleHtml | HTML para ser utilizado como no lugar do títlo | func | - | |
statisticTitleStyle | Estilo (CSS) para ser utilizado no título | object | - | |
statisticTitleOffsetY | Offset do eixo Y para adicionar ao título | number | - | null |
statisticContent | Conteúdo para ser utilizado no meio do gráfico | string | - | '' |
statisticContentHtml | HTML para ser utilizado como no lugar do conteúdo | func | - | |
statisticContentStyle | Estilo (CSS) para ser utilizado no conteúdo | object | - | |
statisticContentOffsetY | Offset do eixo Y para adicionar ao conteúdo | number | - | null |
indicatorStyle | Estilo (SVG style) para ser aplicado no indicador | string | - | '' |
indicatorType | Tipo do indicador de valor | string | default , triangle | 'default' |
axis | Configuração dos axis para serem adicionados ao gauge | object | - | |
innerRadius | Número de 0-1 para indicar o tamanho do radius | number | - | 0.9 |
pointerStyle | Estilo para ser adicionado ao ponteiro do indicador | object | - |
# Methods
Name | Description |
---|---|
render | Método para rerenderizar o gráfico |
← Gauge Line Chart →