pfUtilizationTrendChart
patternfly.charts
Directive for rendering a utilization trend chart. The utilization trend chart combines overall
data with a pfDonutPctChart and a pfSparklineChart. Add the options for the pfDonutChart via
the donutConfig parameter. Add the options for the pfSparklineChart via the sparklineConfig
parameter.
See http://c3js.org/reference.html for a full list of C3 chart options.
<ANY pf-utilization-trend-chart config="{object}" donut-config="{object}" sparkline-config="{object}" chart-data="{object}" [donut-center-label="{string}"] [sparkline-chart-height="{int}"] [show-sparkline-x-axis="{boolean}"] [show-sparkline-y-axis="{boolean}"]> ... </ANY>
Param | Type | Details |
---|---|---|
config | object | configuration settings for the utilization trend chart:
|
donutConfig | object | configuration settings for the donut pct chart, see pfDonutPctChart for specifics |
sparklineConfig | object | configuration settings for the sparkline chart, see pfSparklineChart for specifics |
chartData | object | the data to be shown in the donut and sparkline charts
|
donutCenterLabel (optional) | string | specifies the contents of the donut's center label.
|
sparklineChartHeight (optional) | int | height of the sparkline chart |
showSparklineXAxis (optional) | boolean | override sparkline config settings for showing the X Axis |
showSparklineYAxis (optional) | boolean | override sparkline config settings for showing the Y Axis |