terezka/charts/7.0.1

NOTE: the latest version is 20.0.1

Chart

Make a chart! Documentation is still unfinished!

Elements

List (Container msg -> Container msg)
-> List (Element msg)
-> Html msg
type Element msg
(data -> Float)
-> (data -> Float)
-> List (Scatter data msg -> Scatter data msg)
-> List data
-> Element msg
(data -> Float)
-> (data -> Float)
-> List (Interpolation data msg -> Interpolation data msg)
-> List data
-> Element msg
(data -> Float)
-> (data -> Float)
-> List (Interpolation data msg -> Interpolation data msg)
-> List data
-> Element msg
type alias Metric data =
{ color : String
, value : data -> Float
}
List (Metric data)
-> List (Bars msg -> Bars msg)
-> List data
-> Element msg
(data -> Float)
-> List (Metric data)
-> List (Histogram msg -> Histogram msg)
-> List data
-> Element msg

Work with bounds

type alias Bounds =
{ min : Float
, max : Float
}
fromData : List (data -> Float) -> List data -> Bounds
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 msg
yAxis : List (Axis msg -> Axis msg) -> Element msg
List (Tick msg -> Tick msg)
-> (Bounds -> List { a | value : Float })
-> Element msg
List (Tick msg -> Tick msg)
-> (Bounds -> List { a | value : Float })
-> Element msg
List (Label msg -> Label msg)
-> (Bounds -> List { a | value : Float, label : String })
-> Element msg
List (Label msg -> Label msg)
-> (Bounds -> List { a | value : Float, label : String })
-> Element msg
List (Grid msg -> Grid msg)
-> (Bounds -> List { a | value : Float })
-> (Bounds -> List { a | value : Float })
-> Element msg

Generate Acis values

Int
-> (Int -> String)
-> Bounds
-> List
{ value : Float
, label : String
}
Int
-> (Float -> String)
-> Bounds
-> List
{ value : Float
, label : String
}
Zone
-> Int
-> (Time -> String)
-> Bounds
-> List
{ value : Float
, label : String
}

Events

type alias Event msg =
{ name : String
, msg : Plane -> Point -> msg
}
event : String -> (Plane -> Point -> msg) -> Event msg
(Maybe data -> msg)
-> (data -> Float)
-> List (data -> Float)
-> List data
-> Plane
-> Point
-> msg
(List data -> msg)
-> (data -> Float)
-> List (data -> Float)
-> List data
-> Plane
-> Point
-> msg
(Maybe data -> msg)
-> Float
-> (data -> Float)
-> List (data -> Float)
-> List data
-> Plane
-> Point
-> msg
(List data -> msg)
-> Float
-> (data -> Float)
-> List (data -> Float)
-> List data
-> Plane
-> Point
-> msg
(Bounds -> Float)
-> (Bounds -> Float)
-> List (Attribute msg)
-> List (Html msg)
-> Element msg

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 }
responsive : { a | responsive : Bool } -> { a | responsive : Bool }
id : String -> { a | id : String } -> { a | id : String }
range : Bounds -> { a | range : Bounds } -> { a | range : Bounds }
domain : Bounds -> { a | domain : Bounds } -> { a | domain : Bounds }
List (Event msg)
-> { a | events : List (Event msg) }
-> { a | events : List (Event msg) }
List (Attribute msg)
-> { a | htmlAttrs : List (Attribute msg) }
-> { a | htmlAttrs : List (Attribute msg) }
(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 }
color : String -> { a | color : String } -> { a | color : String }
rounded : Float -> { a | rounded : Float } -> { a | rounded : Float }
roundBottom : { a | roundBottom : Bool } -> { a | roundBottom : Bool }
margin : Float -> { a | margin : Float } -> { a | margin : Float }
dot :
(data -> Dot msg)
-> { a | dot : Tracked (data -> Dot msg) }
-> { a | dot : Tracked (data -> Dot msg) }
dotted : { a | dotted : Bool } -> { a | dotted : Bool }
String
-> { a | area : Maybe String }
-> { a | area : Maybe String }
noArrow : { a | arrow : Bool } -> { a | arrow : 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 }
List (Attribute msg)
-> { a | attrs : List (Attribute msg) }
-> { a | attrs : List (Attribute msg) }

Interop

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

Colors

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