ngx-charts
Primary version
Primary version
  • Introduction
  • Changelog
  • Custom Charts
  • demo
  • Features
  • Installing
  • License
  • Motivation
  • Table of contents
  • contributing
    • Building
    • Community
    • Credits
    • Guidelines
    • Troubleshooting
  • examples
    • Box Chart
    • bubble-chart
    • Gauge Chart
    • Heat Map Chart
    • Linear Gauge Chart
    • Number Card Chart
    • Polar/radar Chart
    • Tree Map Chart
    • bar-charts
      • Grouped Horizontal Bar Chart
      • Grouped Vertical Bar Chart
      • Horizontal Bar Chart
      • Normalized Horizontal Bar Chart
      • Normalized Vertical Bar Chart
      • Stacked Horizontal Bar Chart
      • Stacked Vertical Bar Chart
      • Vertical Bar Chart
    • line-area-charts
      • Area Chart
      • Line Chart
      • Normalized Area Chart
      • Stacked Area Chart
    • pie-charts
      • Advanced Pie Chart
      • Pie Chart
      • Pie Grid Chart
Powered by GitBook
On this page
  • Linear Gauge
  • Inputs
  • Outputs
  1. examples

Linear Gauge Chart

PreviousHeat Map ChartNextNumber Card Chart

Last updated 5 years ago

Linear Gauge

Inputs

Property

Type

Default Value

Description

view

number[]

the dimensions of the chart [width, height]. If left undefined, the chart will fit to the parent container size

scheme

object

the color scheme of the chart

customColors

function or object

custom colors for the chart. Used to override a color for a specific value

animations

boolean

true

enable animations

min

number

0

starting point of the scale

max

number

100

ending point of the scale

value

number

0

the value represented on the gauge

previousValue

number

the value represented by the vertical line on the gauge. Use this if you want to compare the current value to a previous one

units

string

text to display under the value

valueFormatting

function

function that formats the value in the middle of the chart

Outputs

Property

Description

select

click event

LogoSwimlane Linear Gauge Chart - StackBlitzStackBlitz