@swimlane/ngx-charts
Version:
Declarative Charting Framework for Angular2 and beyond!
41 lines (35 loc) • 2.72 kB
Markdown
<iframe width="100%" height="550" frameborder="0" src="https://embed.plnkr.co/MylIDCFIpzg1oH5tatDs?show=preview"></iframe>
| 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 | object | | custom colors for the chart. Used to override a color for a specific value |
| min | number | 0 | starting point of the scale |
| max | number | 100 | ending point of the scale |
| units | string | | text to display under the value |
| bigSegments | number | 10 | number of big segments on the axis |
| smallSegments | number | 5 | number of small segments between every big segment |
| showAxis | boolean | true | show or hide the axis |
| angleSpan | number | 240 | the angle that the chart spans (in degrees) |
| startAngle | number | -120 | the angle that the chart is rotated by. Use negative half of the spanning angle to centralize |
# Outputs
| Property | Description |
|--------------|------------------------------------------|
| select | click event |
# Data Format
The data format is single series:
```
[
{
"name": "Germany",
"value": 8940000
},
{
"name": "USA",
"value": 5000000
}
]
```