pfDonutPctChart
patternfly.charts
Component for rendering a percentage used donut/radial chart. The Used Percentage fill starts at 12 o’clock and
moves clockwise. Whatever portion of the donut not Used, will be represented as Available, and rendered as a
gray fill.
There are three possible fill colors for Used Percentage, dependent on whether or not there are thresholds:
See http://c3js.org/reference.html for a full list of C3 chart options.
<pf-donut-pct-chart config="{object}" data="{object}" [center-label="{string}"] [chart-height="{int}"] on-threshold-change="{function (threshold)}"> </pf-donut-pct-chart>
Param | Type | Details |
---|---|---|
config | object | configuration properties for the donut chart:
|
data | object | the Total and Used values for the donut chart. Available is calculated as Total - Used.
|
center-label (optional) | string | specifies the contents of the donut's center label.
|
chartHeight (optional) | int | height of the donut chart |
on-threshold-change | function (threshold | user defined function to handle when thresolds change
|