OrbCharts Docs
Docs
Home
Github
  • English
  • 繁體中文
Docs
Home
Github
  • English
  • 繁體中文
  • Guide
  • Basic Concepts

    • 6 Data Formats
    • Core Technologies
  • Get Started !

    • Installation
    • Examples
  • Basic Usage

    • Creating Charts
    • Using Presets
    • Drawing Charts
    • Data Labels
  • Chart API

    • plugins$
    • data$
    • chartParams$
    • dataFormatter$
    • event$
    • destroy()
  • Plugins

    • Create Plugin
    • Series

      • Bubbles
      • Indicator
      • Pie
      • PieEventTexts
      • PieLabels
      • Rose
      • RoseLabels
      • SeriesLegend
      • SeriesTooltip
    • Grid

      • Bars
      • BarsPN
      • BarsTriangle
      • Dots
      • GridLegend
      • GridTooltip
      • GroupAux
      • GroupAxis
      • GroupZoom
      • Lines
      • LineAreas
      • StackedBars
      • StackedValueAxis
      • ValueAxis
    • MultiGrid

      • MultiBars
      • MultiBarsTriangle
      • MultiDots
      • MultiGridLegend
      • MultiGridTooltip
      • MultiGroupAxis
      • MultiStackedBars
      • MultiStackedValueAxis
      • MultiValueAxis
      • OverlappingValueAxes
      • OverlappingStackedValueAxes
    • MultiValue

      • MultiValueLegend
      • MultiValueTooltip
      • OrdinalAux
      • OrdinalAxis
      • OrdinalBubbles
      • OrdinalZoom
      • RacingBars
      • RacingCounterTexts
      • RacingValueAxis
      • Scatter
      • ScatterBubbles
      • XYAux
      • XYAxes
      • XYZoom
    • Relationship

      • ForceDirected
      • ForceDirectedBubbles
      • RelationshipLegend
      • RelationshipTooltip
    • Tree

      • TreeLegend
      • TreeMap
      • TreeTooltip

Indicator

  • Name: Indicator (Pointer)

  • Description: Suitable for use with Pie to create simple gauge charts

  • Usage: Control the pointer position by setting the value parameter. The value range is from 0 to the total sum of the chart Data, corresponding to the angle range between startAngle and endAngle. When used with Pie, it can correspond to the position of that value on the Pie.

  • Playground Example

params$

  • Type: Partial<IndicatorParams>

  • Fields:

    NameDescriptionType
    startAngleStarting angle of the indicatornumber
    endAngleEnding angle of the indicatornumber
    radiusRadius of the indicatornumber
    indicatorTypeType of indicator'line' | 'needle' | 'pin' | 'triangle'
    sizeSize of the indicatornumber
    colorTypeColor typeColorType
    valueValue of the indicatornumber
Detailed Types
type ColorType = 'none' | 'label' | 'labelContrast' | 'primary' | 'secondary' | 'background'
  • Default values:
{
  startAngle: - Math.PI / 2,
  endAngle: Math.PI / 2,
  radius: 0.6,
  indicatorType: 'needle',
  size: 10,
  colorType: 'label',
  value: 0,
}