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
  • Pie Grid Chart
  • Inputs
  • Outputs
  • Data Format
  1. examples
  2. pie-charts

Pie Grid Chart

PreviousPie Chart

Last updated 5 years ago

Pie Grid Chart

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

results

object[]

the chart data

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

label

string

'Total'

the text to show under the total value

tooltipDisabled

boolean

false

show or hide the tooltip

tooltipTemplate

TemplateRef

a custom ng-template to be displayed inside the tooltip

designatedTotal

number

total number that the value of each object in the results array will be compared to. If left undefined, the value of each object will automatically be compared to the total of all the values in the results array.

minWidth

number

150

minimum width of each graph in grid

Outputs

Property

Description

select

click event

Data Format

The data format is single series:

[
  {
    "name": "Germany",
    "value": 8940000
  },
  {
    "name": "USA",
    "value": 5000000
  }
]
LogoSwimlane Pie Chart Grid - StackBlitzStackBlitz