lenards/elm-patternfly-charts/1.0.0

NOTE: the latest version is 1.0.1

PF6.Charts.Bullet

Bullet chart — a horizontal bar showing actual vs target with qualitative range bands (poor / needs improvement / good).

A compact alternative to gauge charts for showing progress against a goal.

Type

An opaque bullet chart configuration.

Constructor

fromData : Float -> Float -> Float -> BulletChart

Create a bullet chart.

Arguments: actual value, target value, maximum value (axis extent).

chart =
    Bullet.fromData 62 75 100

This shows an actual value of 62, a target of 75, on a 0–100 scale.

Modifiers

Set chart width in pixels. Default: 450.

Set chart height in pixels. Default: 120.

Apply a Theme.

Set the chart title (rendered left of the bar).

Set the unit label appended to axis tick values.

Show a skeleton placeholder instead of the chart while data is loading.

Renderer

toSvg : BulletChart -> Html msg

Render to Html msg.