Chartjs.DataSets.Polar

Polar charts are similar to pie charts, but each segment has the same angle

type alias DataSet =

{ label : String

, data : List Float

, backgroundColor : Maybe (PointProperty Color)

, borderAlign : Maybe String

, borderColor : Maybe (PointProperty Color)

, borderWidth : Maybe (PointProperty Float)

, hoverBackgroundColor : Maybe (PointProperty Color)

, hoverBorderColor : Maybe (PointProperty Color)

, hoverBorderWidth : Maybe (PointProperty Float)

}

You should not use the dataset type directly Instead use the updater pipeline functions:

defaultBarFromLabel "Example"
    |> setBackgroundColor (Common.All Color.red)
    |> setBorderColor (Common.All Color.white)

Create a Polar dataset with just a label

defaultPolarFromData : String -> List Float -> DataSet

Create a Polar dataset with a label and data

setData : List Float -> DataSet -> DataSet

Set the data displayed by this dataset This is a list of floats, where each float is represented as a segment on the chart

Fill color of the segments

setBorderAlign : String -> DataSet -> DataSet

Whether the borders of each segment should overlap or not Set to 'center' to overlap Set to 'inner' to not overlap

setBorderColor : PointProperty Color -> DataSet -> DataSet

Color of the border

setBorderWidth : PointProperty Float -> DataSet -> DataSet

Width of the border

Fill color of the segments when hovered

Border color of the segements when hovered

Width of the border when hovered

indicatrix/elm-chartjs-webcomponent/3.0.0