terezka/charts/9.1.0

NOTE: the latest version is 20.0.1

Chart

Make a chart! Documentation is still unfinished!

Elements

List (Container data msg -> Container data msg)
-> List (Element data msg)
-> Html msg
type Element data msg
(data -> Float)
-> List (Series data msg)
-> List data
-> Element data msg
(data -> Float)
-> List (Scatter data msg -> Scatter data msg)
-> Series data msg
(data -> Float)
-> List (Interpolation data msg -> Interpolation data msg)
-> Series data msg
(data -> Float)
-> List (Interpolation data msg -> Interpolation data msg)
-> Series data msg
List (Bars data msg -> Bars data msg)
-> List (Bar data msg)
-> List data
-> Element data msg
(data -> Float)
-> List (Histogram data msg -> Histogram data msg)
-> List (Bar data msg)
-> List data
-> Element data msg
bar :
(data -> Float)
-> List (BarConfig data msg -> BarConfig data msg)
-> Bar data msg

Work with bounds

type alias Bounds =
{ min : Float
, max : Float
}
startMin : Float -> Bounds -> Bounds
startMax : Float -> Bounds -> Bounds
endMin : Float -> Bounds -> Bounds
endMax : Float -> Bounds -> Bounds
startPad : Float -> Bounds -> Bounds
endPad : Float -> Bounds -> Bounds
zero : Bounds -> Float
middle : Bounds -> Float

Axis

xAxis : List (Axis msg -> Axis msg) -> Element data msg
yAxis : List (Axis msg -> Axis msg) -> Element data msg
xTicks : List (Tick tick msg -> Tick tick msg) -> Element data msg
yTicks : List (Tick tick msg -> Tick tick msg) -> Element data msg
xLabels : List (Label tick msg -> Label tick msg) -> Element data msg
yLabels : List (Label tick msg -> Label tick msg) -> Element data msg
grid : List (Grid msg -> Grid msg) -> Element data msg
amount : Int -> { a | amount : Int } -> { a | amount : Int }
{ a | values : Maybe (Values Float) }
-> { a | values : Maybe (Values Float) }
{ a | values : Maybe (Values Int) }
-> { a | values : Maybe (Values Int) }
Zone
-> { a | values : Maybe (Values Time) }
-> { a | values : Maybe (Values Time) }
(Int -> Bounds -> List tick)
-> (tick -> Float)
-> (tick -> String)
-> { a | values : Maybe (Values tick) }
-> { a | values : Maybe (Values tick) }
(tick -> String)
-> { a | values : Maybe (Values tick) }
-> { a | values : Maybe (Values tick) }
noArrow : { a | arrow : Bool } -> { a | arrow : Bool }
(Bounds -> Float)
-> { a | start : Bounds -> Float }
-> { a | start : Bounds -> Float }
end :
(Bounds -> Float)
-> { a | end : Bounds -> Float }
-> { a | end : Bounds -> Float }
(Bounds -> Float)
-> { a | pinned : Bounds -> Float }
-> { a | pinned : Bounds -> Float }
only : (b -> Bool) -> { a | only : b -> Bool } -> { a | only : b -> Bool }
(Bounds -> List Float)
-> { a | filterX : Bounds -> List Float }
-> { a | filterX : Bounds -> List Float }
(Bounds -> List Float)
-> { a | filterY : Bounds -> List Float }
-> { a | filterY : Bounds -> List Float }

Events

type alias Event data msg =
{ name : String
, msg : Decoder data msg
}
event : String -> Decoder data msg -> Event data msg
type Decoder data msg
map : (a -> msg) -> Decoder data a -> Decoder data msg
map2 : (a -> b -> msg) -> Decoder data a -> Decoder data b -> Decoder data msg
(a -> b -> c -> msg)
-> Decoder data a
-> Decoder data b
-> Decoder data c
-> Decoder data msg
getPoint : Decoder data Point
getNearest : Decoder data (Maybe data)
getNearestX : Decoder data (List data)
getWithin : Float -> Decoder data (Maybe data)
getWithinX : Float -> Decoder data (List data)
(Bounds -> Float)
-> (Bounds -> Float)
-> List (Attribute msg)
-> List (Html msg)
-> Element data msg
formatTimestamp : Zone -> Float -> String

Attributes

width : Float -> { a | width : Float } -> { a | width : Float }
height : Float -> { a | height : Float } -> { a | height : Float }
marginTop : Float -> { a | marginTop : Float } -> { a | marginTop : Float }
Float
-> { a | marginBottom : Float }
-> { a | marginBottom : Float }
marginLeft : Float -> { a | marginLeft : Float } -> { a | marginLeft : Float }
marginRight : Float -> { a | marginRight : Float } -> { a | marginRight : Float }
paddingTop : Float -> { a | paddingTop : Float } -> { a | paddingTop : Float }
Float
-> { a | paddingBottom : Float }
-> { a | paddingBottom : Float }
paddingLeft : Float -> { a | paddingLeft : Float } -> { a | paddingLeft : Float }
Float
-> { a | paddingRight : Float }
-> { a | paddingRight : Float }
center : { a | center : Bool } -> { a | center : Bool }
(Bounds -> Bounds)
-> { a | range : Maybe (Bounds -> Bounds) }
-> { a | range : Maybe (Bounds -> Bounds) }
(Bounds -> Bounds)
-> { a | domain : Maybe (Bounds -> Bounds) }
-> { a | domain : Maybe (Bounds -> Bounds) }
topped : Int -> { a | topped : Maybe Int } -> { a | topped : Maybe Int }
static : { a | responsive : Bool } -> { a | responsive : Bool }
id : String -> { a | id : String } -> { a | id : String }
List (Event data msg)
-> { a | events : List (Event data msg) }
-> { a | events : List (Event data msg) }
List (Attribute msg)
-> { a | htmlAttrs : List (Attribute msg) }
-> { a | htmlAttrs : List (Attribute msg) }
(data -> Float)
-> { a | binWidth : Maybe (data -> Float) }
-> { a | binWidth : Maybe (data -> Float) }
(data -> String)
-> { a | binLabel : Maybe (data -> String) }
-> { a | binLabel : Maybe (data -> String) }
(data -> Maybe String)
-> { a | barLabel : Maybe (data -> Maybe String) }
-> { a | barLabel : Maybe (data -> Maybe String) }
(data -> String)
-> { a | color : Maybe (data -> String) }
-> { a | color : Maybe (data -> String) }
tickLength : Float -> { a | tickLength : Float } -> { a | tickLength : Float }
tickWidth : Float -> { a | tickWidth : Float } -> { a | tickWidth : Float }
margin : Float -> { a | margin : Float } -> { a | margin : Float }
spacing : Float -> { a | spacing : Float } -> { a | spacing : Float }
rounded : Float -> { a | rounded : Float } -> { a | rounded : Float }
roundBottom : { a | roundBottom : Bool } -> { a | roundBottom : Bool }
dotted : { a | dotted : Bool } -> { a | dotted : Bool }
color : String -> { a | color : String } -> { a | color : String }
dot :
(data -> Dot msg)
-> { a | dot : Maybe (data -> Dot msg) }
-> { a | dot : Maybe (data -> Dot msg) }
String
-> { a | area : Maybe String }
-> { a | area : Maybe String }
List (Attribute msg)
-> { a | attrs : List (Attribute msg) }
-> { a | attrs : List (Attribute msg) }

Interop

(Bounds -> Float)
-> (Bounds -> Float)
-> Float
-> Float
-> List (Svg msg)
-> Element data msg
(Bounds -> Float)
-> (Bounds -> Float)
-> Float
-> Float
-> List (Attribute msg)
-> List (Html msg)
-> Element data msg
svg : (Plane -> Svg msg) -> Element data msg
html : (Plane -> Html msg) -> Element data msg
none : Element data msg

Colors

blue : String
orange : String
pink : String
green : String
red : String