LinerBar

This module provides a customizable linear bar chart component.

It allows you to display data as a horizontal bar chart with interactive legend items that highlight corresponding bars.

View

view : Model -> Html Msg

Renders the LinerBar component.

model: The current LinerBar model.

This function uses the LinerBarStyles module to apply styles to the different parts of the chart.

Data

type alias Model =

{ data : Data

, activatedItem : Maybe String

, hoveredItem : Maybe String

}

Represents the overall state of the LinerBar component.

type alias Data =

{ title : Maybe String

, items : List Item

, dark : Bool

}

Represents the data used to populate the LinerBar.

type alias Item =

{ name : String

, value : Float

, color : String

}

Represents a single item within the LinerBar data.

Messages

type Msg

Represents the possible messages that can be sent to update the LinerBar.

Initialization

init : Data -> Model

Initializes the LinerBar model with the data.

- `data`: The initial data for the LinerBar.


Example:


import LinerBar


initialModel : LinerBar.Model
initialModel =
    LinerBar.init myData

Update

update : Msg -> Model -> Model

Updates the LinerBar model based on the given message.

- `msg`: The message to process.
- `model`: The current LinerBar model.


The function handles the following messages:


- `ActivateDeactivateItem id`: Toggles the active state of the item with the given ID.
- `HoverItem id`: Sets the hovered item to the item with the given ID.
- `LeaveItem`: Clears the hovered item.

kikytokamuro/elm-linerbar/1.0.0