{ color : String
, data : List Basics.Float
}
You can have multiple "series", or polygons, on one chart.
The data
list should be of same size as axis labels.
view : Options -> List (LabelMaker msg) -> List DatumSeries -> Svg msg
Render a radar chart with options, labels, and some values
defaultOptions : Options
Get a default options object.
simpleLabels : List String -> List (LabelMaker msg)
Default text labels, positioned conveniently
{ maximum : Maximum
, margin : Basics.Float
, strokeWidth : Basics.Float
, axisColor : String
, axisStyle : AxisStyle
, lineStyle : LineStyle
}
Chart options:
margin
Between 0 and 1, to leave some space for labelsstrokeWidth
For all lines, see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-widthaxisColor
axis stroke color, any valid HTML color string (hex, color-name, rgba(...), etc.)axisStyle
see AxisStyle
lineStyle
see LineStyle
Axis style:
Minimal
is just a lineWeb count
is a web with count
"divisions"The line style can be Empty
(just lines) or Filled opacity
(more like an area chart).
Fixed axis maximum or use highest data point of series
customLabels : List a -> (a -> List (Svg.Attribute msg) -> Svg msg) -> List (LabelMaker msg)
Custom labels: use a list of anything, and a function that maps the elements
together with position/alignment SVG attributes to Svg msg
.
Point -> TextAlign -> Svg msg
You can even completely make your own attributes and everything
( Basics.Float, Basics.Float )
Point in SVG, suitable for x
and y
attributes of text
( String, String )
Text align is simply suitable values for dominant-baseline
and text-anchor
, respectively.