Unavailable. Nobody can download this version any more, with elm or with the Lamdera compiler: github.com/mthiems/elm-charts is gone (deleted or private); Software Heritage not asked yet (this run's --swh-calls were used up); no fork with tag 1.0.0 found (50 same-name repos checked); no cached copy. Use another version.

README About Versions Source Modules

Chart.Attributes

This module contains attributes for editing elements in Chart and Chart.Svg. See Chart for usage examples.

Often a single attribute can change several different configurations, so the categories below are only guiding.

type alias Attribute x =

Attribute x

Container

width : Float -> Attribute { a | width : Float }

height : Float -> Attribute { a | height : Float }

attrs : a -> Attribute { x | attrs : a }

htmlAttrs : a -> Attribute { x | htmlAttrs : a }

events : x -> Attribute { a | events : x }

margin : x -> Attribute { a | margin : x }

padding : x -> Attribute { a | padding : x }

Limits

range : x -> Attribute { a | range : x }

domain : x -> Attribute { a | domain : x }

limits : x -> Attribute { a | limits : x }

lowest : Float -> (Float -> Float -> Float -> Float) -> Attribute Axis

Change the lower bound of an axis.

CA.lowest -5 CA.orLower initial  -- { initial | min = -5, max = 10 }
CA.lowest -5 CA.orHigher initial -- { initial | min = 0, max = 10 }
CA.lowest 2 CA.exactly initial   -- { initial | min = 2, max = 10 }
CA.lowest 2 CA.less initial   -- { initial | min = -2, max = 10 }
CA.lowest 3 CA.more initial   -- { initial | min = 3, max = 10 }

where

initial : Chart.Svg.Axis
initial =
  { .. | min = 0, max = 10 }

highest : Float -> (Float -> Float -> Float -> Float) -> Attribute Axis

Same as lowest, but changes upper bound.

orLower : Float -> Float -> Float -> Float

See lowest for usage examples.

orHigher : Float -> Float -> Float -> Float

See lowest for usage examples.

exactly : Float -> Float -> Float -> Float

See lowest for usage examples.

more : Float -> Float -> Float -> Float

See lowest for usage examples.

less : Float -> Float -> Float -> Float

See lowest for usage examples.

window : Float -> Float -> Attribute Axis

Set an axis to an exact window.

CA.window 2 5 initial   -- { initial | min = 2, max = 5 }

where

initial : Axis
initial =
  { .. | min = 0, max = 10 }

likeData : Attribute Axis

Resets axis to fit data bounds.

zoom : Float -> Attribute Axis

Zoom with a certain percentage.

CA.range [ CA.zoom 150 ]

move : Float -> Attribute Axis

Offset entire range.

CA.move 5 initial   -- { initial | min = 5, max = 15 }

where

initial : Axis
initial =
  { .. | min = 0, max = 10 }

centerAt : Float -> Attribute Axis

Center range/domain at certain point.

CA.centerAt 20 initial -- { initial | min = -30, max = 70 }

where

initial : Axis
initial =
  { .. | min = 0, max = 100 }

pad : Float -> Float -> Attribute Axis

Add padding (in px) to range/domain.

CA.range [ CA.pad 5 10 ]

zero : Axis -> Float

Given an axis, find the value within it closest to zero.

CA.zero { dataMin = 0, dataMax = 10, min = 2, max = 5 } -- 2
CA.zero { dataMin = 0, dataMax = 10, min = -5, max = 5 } -- 0
CA.zero { dataMin = 0, dataMax = 10, min = -5, max = -2 } -- -2

middle : Axis -> Float

Get the middle value of your axis.

percent : Float -> Axis -> Float

Get the value at a certain percentage of the length of your axis.

Labels

fontSize : Int -> Attribute { a | fontSize : Maybe Int }

uppercase : Attribute { a | uppercase : Bool }

format : x -> Attribute { a | format : Maybe x }

position : x -> Attribute { a | position : x }

alignLeft : Attribute { a | anchor : Maybe Anchor }

alignRight : Attribute { a | anchor : Maybe Anchor }

alignMiddle : Attribute { a | anchor : Maybe Anchor }

Float

-> Float

-> Attribute

{ a

| ellipsis :

Maybe

{ height : Float

, width : Float

}

}

Note: There is no SVG feature for ellipsis, so this turns labels into HTML.

Axis

amount : Int -> Attribute { a | amount : Int }

flip : Attribute { a | flip : Bool }

pinned : x -> Attribute { a | pinned : x }

ints : Attribute { a | generate : TickType }

times : Zone -> Attribute { a | generate : TickType }

Coordinates

x : Float -> Attribute { a | x : Float }

y : Float -> Attribute { a | y : Float }

x1 : x -> Attribute { a | x1 : Maybe x }

y1 : Float -> Attribute { a | y1 : Maybe Float }

x2 : x -> Attribute { a | x2 : Maybe x }

y2 : Float -> Attribute { a | y2 : Maybe Float }

x2Svg : x -> Attribute { a | x2Svg : Maybe x }

y2Svg : x -> Attribute { a | y2Svg : Maybe x }

length : Float -> Attribute { a | length : Float }

moveLeft : Float -> Attribute { a | xOff : Float }

moveRight : Float -> Attribute { a | xOff : Float }

moveUp : Float -> Attribute { a | yOff : Float }

moveDown : Float -> Attribute { a | yOff : Float }

hideOverflow : Attribute { a | hideOverflow : Bool }

Decoration

border : String -> Attribute { a | border : String }

borderWidth : Float -> Attribute { a | borderWidth : Float }

color : String -> Attribute { a | color : String }

opacity : Float -> Attribute { a | opacity : Float }

highlight : Float -> Attribute { a | highlight : Float }

highlightWidth : Float -> Attribute { a | highlightWidth : Float }

highlightColor : String -> Attribute { a | highlightColor : String }

background : String -> Attribute { a | background : String }

noArrow : Attribute { a | arrow : Bool }

rotate : Float -> Attribute { a | rotate : Float }

List (Attribute Pattern)

-> Attribute { a | design : Maybe Design, opacity : Float }

List (Attribute Pattern)

-> Attribute { a | design : Maybe Design, opacity : Float }

List String

-> Attribute { a | design : Maybe Design, opacity : Float }

Bar

ungroup : Attribute { a | grouped : Bool }

roundTop : Float -> Attribute { a | roundTop : Float }

roundBottom : Float -> Attribute { a | roundBottom : Float }

spacing : Float -> Attribute { a | spacing : Float }

Lines

area : Float -> Attribute { a | area : Float, method : Maybe Method }

size : Float -> Attribute { a | size : Float }

dashed : x -> Attribute { a | dashed : x }

break : Attribute { a | break : Bool }

tickLength : Float -> Attribute { a | tickLength : Float }

tickDirection : Float -> Attribute { a | tickDirection : Float }

linear : Attribute { a | method : Maybe Method }

monotone : Attribute { a | method : Maybe Method }

stepped : Attribute { a | method : Maybe Method }

circle : Attribute { a | shape : Maybe Shape }

triangle : Attribute { a | shape : Maybe Shape }

square : Attribute { a | shape : Maybe Shape }

diamond : Attribute { a | shape : Maybe Shape }

plus : Attribute { a | shape : Maybe Shape }

cross : Attribute { a | shape : Maybe Shape }

onTop : Attribute { a | direction : Maybe Direction }

onBottom : Attribute { a | direction : Maybe Direction }

onRight : Attribute { a | direction : Maybe Direction }

onLeft : Attribute { a | direction : Maybe Direction }

onLeftOrRight : Attribute { a | direction : Maybe Direction }

onTopOrBottom : Attribute { a | direction : Maybe Direction }

offset : Float -> Attribute { a | offset : Float }

(Position -> Position)

-> Attribute { a | focal : Maybe (Position -> Position) }

topLeft : Attribute { a | focal : Maybe (Position -> Position) }

topRight : Attribute { a | focal : Maybe (Position -> Position) }

topCenter : Attribute { a | focal : Maybe (Position -> Position) }

bottomLeft : Attribute { a | focal : Maybe (Position -> Position) }

bottomRight : Attribute { a | focal : Maybe (Position -> Position) }

bottomCenter : Attribute { a | focal : Maybe (Position -> Position) }

leftCenter : Attribute { a | focal : Maybe (Position -> Position) }

rightCenter : Attribute { a | focal : Maybe (Position -> Position) }

top : Attribute { a | focal : Maybe (Position -> Position) }

bottom : Attribute { a | focal : Maybe (Position -> Position) }

left : Attribute { a | focal : Maybe (Position -> Position) }

right : Attribute { a | focal : Maybe (Position -> Position) }

center : Attribute { a | focal : Maybe (Position -> Position) }

Legends

title : x -> Attribute { a | title : x }

row : Attribute { a | alignment : Alignment }

column : Attribute { a | alignment : Alignment }

Grid

noGrid : Attribute { a | grid : Bool }

withGrid : Attribute { a | grid : Bool }

dotGrid : Attribute { a | dotGrid : Bool }

Colors

pink : String

purple : String

blue : String

green : String

orange : String

turquoise : String

red : String

magenta : String

brown : String

mint : String

yellow : String

gray : String

darkYellow : String

darkBlue : String

darkGray : String

labelGray : String

Conditional helpers

noChange : Attribute a

Modules