Documentation

Class: PfUtilizationBarChart

PfUtilizationBarChart

<pf-utilization-bar-chart> element for Patternfly Web Components

new PfUtilizationBarChart()

Properties:
Name Type Description
chart-title string

the chart title
layout string

'inline' for inline layout
used number

the percentage used
total number

the percentage total
units string

the display units
threshold-warning number

the warning threshold
threshold-error number

the error threshold
Examples

Default Layout, no Thresholds

<pf-utilization-bar-chart chart-title="RAM Usage" used="8" total="24" units="MB"></pf-utilization-bar-chart>

Default Layout, no Thresholds

<pf-utilization-bar-chart chart-title="RAM Usage" used="8" total="24" units="MB"></pf-utilization-bar-chart>

Inline Layout

<pf-utilization-bar-chart id="thresholdExample2" chart-title="Disk I/O" layout="inline" used="450" total="500" units="I/Ops" threshold-warning="60" threshold-error="85"></pf-utilization-bar-chart>

Methods

attributeChangedCallback(attrName, oldValue, newValue)

Called when element's attribute value has changed

Parameters:
Name Type Description
attrName string

The attribute name that has changed
oldValue string

The old attribute value
newValue string

The new attribute value

setUsedBarThresholdColor()

Sets the used bar threshold color, percentageUsed, errorThreshold, warnThreshold

updateChart()

Updates chart content