Range plots

BinderNotebook

Summary: This example shows how to create Range plot charts in F#.

Let's first create some data for the purpose of creating example charts:

open Plotly.NET

let rnd = System.Random()

let x = [ 1.; 2.; 3.; 4.; 5.; 6.; 7.; 8.; 9.; 10. ]
let y = [ 2.; 1.5; 5.; 1.5; 3.; 2.5; 2.5; 1.5; 3.5; 1. ]

let yUpper = y |> List.map (fun v -> v + rnd.NextDouble())
let yLower = y |> List.map (fun v -> v - rnd.NextDouble())

A range plot is commonly used to indicate some property of data that lies in a certain range around a central value, for example the range of all predictions from different models, scattering around a central tendency.

let range1 =
    Chart.Range(
        x = x,
        y = y,
        upper = yUpper,
        lower = yLower,
        mode = StyleParam.Mode.Lines_Markers,
        MarkerColor = Color.fromString "grey",
        RangeColor = Color.fromString "lightblue"
    )

More styled example

This example shows the usage of some of the styling options using Chart.Range.

open Plotly.NET.TraceObjects

let rangeStyled =
    Chart.Range(
        x = [ 1; 2; 3; 4; 5 ],
        y = [ 2; 2; 3; 4; 6 ],
        upper = [ 4; 6; 7; 5; 7 ],
        lower = [ 0; 0; 0; 1; 5 ],
        mode = StyleParam.Mode.Lines_Markers,
        TextPosition = StyleParam.TextPosition.TopCenter,
        RangeColor = Color.fromString "rgba(0, 204, 150, 0.2)",
        LowerLine = Line.init (Width = 2., Color = Color.fromString "rgba(0, 204, 150, 0.4)"),
        LowerMarker = Marker.init (Color = Color.fromString "rgba(0, 204, 150, 0.6)"),
        UpperLine = Line.init (Width = 2., Color = Color.fromString "rgba(0, 204, 150, 0.4)"),
        UpperMarker = Marker.init (Color = Color.fromString "rgba(0, 204, 150, 0.6)"),
        MultiText = [ "Mid1"; "Mid2"; "Mid3"; "Mid4"; "Mid5" ],
        MultiLowerText = [ "Lower1"; "Lower2"; "Lower3"; "Lower4"; "Lower5" ],
        MultiUpperText = [ "Upper1"; "Upper2"; "Upper3"; "Upper4"; "Upper5" ],
        ShowLegend = true
    )
namespace Plotly
namespace Plotly.NET
module Defaults from Plotly.NET
<summary> Contains mutable global default values. Changing these values will apply the default values to all consecutive Chart generations. </summary>
val mutable DefaultDisplayOptions: DisplayOptions
Multiple items
type DisplayOptions = inherit DynamicObj new: unit -> DisplayOptions static member addAdditionalHeadTags: additionalHeadTags: XmlNode list -> (DisplayOptions -> DisplayOptions) static member addDescription: description: XmlNode list -> (DisplayOptions -> DisplayOptions) static member combine: first: DisplayOptions -> second: DisplayOptions -> DisplayOptions static member getAdditionalHeadTags: displayOpts: DisplayOptions -> XmlNode list static member getDescription: displayOpts: DisplayOptions -> XmlNode list static member getPlotlyReference: displayOpts: DisplayOptions -> PlotlyJSReference static member init: ?AdditionalHeadTags: XmlNode list * ?Description: XmlNode list * ?PlotlyJSReference: PlotlyJSReference -> DisplayOptions static member initCDNOnly: unit -> DisplayOptions ...

--------------------
new: unit -> DisplayOptions
static member DisplayOptions.init: ?AdditionalHeadTags: Giraffe.ViewEngine.HtmlElements.XmlNode list * ?Description: Giraffe.ViewEngine.HtmlElements.XmlNode list * ?PlotlyJSReference: PlotlyJSReference -> DisplayOptions
type PlotlyJSReference = | CDN of string | Full | Require of string | NoReference
<summary> Sets how plotly is referenced in the head of html docs. </summary>
union case PlotlyJSReference.NoReference: PlotlyJSReference
val rnd: System.Random
namespace System
Multiple items
type Random = new: unit -> unit + 1 overload member Next: unit -> int + 2 overloads member NextBytes: buffer: byte[] -> unit + 1 overload member NextDouble: unit -> float member NextInt64: unit -> int64 + 2 overloads member NextSingle: unit -> float32 static member Shared: Random
<summary>Represents a pseudo-random number generator, which is an algorithm that produces a sequence of numbers that meet certain statistical requirements for randomness.</summary>

--------------------
System.Random() : System.Random
System.Random(Seed: int) : System.Random
val x: float list
val y: float list
val yUpper: float list
Multiple items
module List from Microsoft.FSharp.Collections
<summary>Contains operations for working with values of type <see cref="T:Microsoft.FSharp.Collections.list`1" />.</summary>
<namespacedoc><summary>Operations for collections such as lists, arrays, sets, maps and sequences. See also <a href="https://docs.microsoft.com/dotnet/fsharp/language-reference/fsharp-collection-types">F# Collection Types</a> in the F# Language Guide. </summary></namespacedoc>


--------------------
type List<'T> = | op_Nil | op_ColonColon of Head: 'T * Tail: 'T list interface IReadOnlyList<'T> interface IReadOnlyCollection<'T> interface IEnumerable interface IEnumerable<'T> member GetReverseIndex: rank: int * offset: int -> int member GetSlice: startIndex: int option * endIndex: int option -> 'T list static member Cons: head: 'T * tail: 'T list -> 'T list member Head: 'T member IsEmpty: bool member Item: index: int -> 'T with get ...
<summary>The type of immutable singly-linked lists.</summary>
<remarks>Use the constructors <c>[]</c> and <c>::</c> (infix) to create values of this type, or the notation <c>[1;2;3]</c>. Use the values in the <c>List</c> module to manipulate values of this type, or pattern match against the values directly. </remarks>
<exclude />
val map: mapping: ('T -> 'U) -> list: 'T list -> 'U list
<summary>Builds a new collection whose elements are the results of applying the given function to each of the elements of the collection.</summary>
<param name="mapping">The function to transform elements from the input list.</param>
<param name="list">The input list.</param>
<returns>The list of transformed elements.</returns>
<example id="map-1"><code lang="fsharp"> let inputs = [ "a"; "bbb"; "cc" ] inputs |&gt; List.map (fun x -&gt; x.Length) </code> Evaluates to <c>[ 1; 3; 2 ]</c></example>
val v: float
System.Random.NextDouble() : float
val yLower: float list
val range1: GenericChart.GenericChart
type Chart = static member AnnotatedHeatmap: zData: seq<#seq<'a1>> * annotationText: seq<#seq<string>> * ?Name: string * ?ShowLegend: bool * ?Opacity: float * ?X: seq<'a3> * ?MultiX: seq<seq<'a3>> * ?XGap: int * ?Y: seq<'a4> * ?MultiY: seq<seq<'a4>> * ?YGap: int * ?Text: 'a5 * ?MultiText: seq<'a5> * ?ColorBar: ColorBar * ?ColorScale: Colorscale * ?ShowScale: bool * ?ReverseScale: bool * ?ZSmooth: SmoothAlg * ?Transpose: bool * ?UseWebGL: bool * ?ReverseYAxis: bool * ?UseDefaults: bool -> GenericChart (requires 'a1 :> IConvertible and 'a3 :> IConvertible and 'a4 :> IConvertible and 'a5 :> IConvertible) + 1 overload static member Area: x: seq<#IConvertible> * y: seq<#IConvertible> * ?ShowMarkers: bool * ?Name: string * ?ShowLegend: bool * ?Opacity: float * ?MultiOpacity: seq<float> * ?Text: 'a2 * ?MultiText: seq<'a2> * ?TextPosition: TextPosition * ?MultiTextPosition: seq<TextPosition> * ?MarkerColor: Color * ?MarkerColorScale: Colorscale * ?MarkerOutline: Line * ?MarkerSymbol: MarkerSymbol * ?MultiMarkerSymbol: seq<MarkerSymbol> * ?Marker: Marker * ?LineColor: Color * ?LineColorScale: Colorscale * ?LineWidth: float * ?LineDash: DrawingStyle * ?Line: Line * ?AlignmentGroup: string * ?OffsetGroup: string * ?StackGroup: string * ?Orientation: Orientation * ?GroupNorm: GroupNorm * ?FillColor: Color * ?FillPatternShape: PatternShape * ?FillPattern: Pattern * ?UseWebGL: bool * ?UseDefaults: bool -> GenericChart (requires 'a2 :> IConvertible) + 1 overload static member Bar: values: seq<#IConvertible> * ?Keys: seq<'a1> * ?MultiKeys: seq<seq<'a1>> * ?Name: string * ?ShowLegend: bool * ?Opacity: float * ?MultiOpacity: seq<float> * ?Text: 'a2 * ?MultiText: seq<'a2> * ?MarkerColor: Color * ?MarkerColorScale: Colorscale * ?MarkerOutline: Line * ?MarkerPatternShape: PatternShape * ?MultiMarkerPatternShape: seq<PatternShape> * ?MarkerPattern: Pattern * ?Marker: Marker * ?Base: #IConvertible * ?Width: 'a4 * ?MultiWidth: seq<'a4> * ?TextPosition: TextPosition * ?MultiTextPosition: seq<TextPosition> * ?UseDefaults: bool -> GenericChart (requires 'a1 :> IConvertible and 'a2 :> IConvertible and 'a4 :> IConvertible) + 1 overload static member BoxPlot: ?X: seq<'a0> * ?MultiX: seq<seq<'a0>> * ?Y: seq<'a1> * ?MultiY: seq<seq<'a1>> * ?Name: string * ?ShowLegend: bool * ?Text: 'a2 * ?MultiText: seq<'a2> * ?FillColor: Color * ?MarkerColor: Color * ?Marker: Marker * ?Opacity: float * ?WhiskerWidth: float * ?BoxPoints: BoxPoints * ?BoxMean: BoxMean * ?Jitter: float * ?PointPos: float * ?Orientation: Orientation * ?OutlineColor: Color * ?OutlineWidth: float * ?Outline: Line * ?AlignmentGroup: string * ?OffsetGroup: string * ?Notched: bool * ?NotchWidth: float * ?QuartileMethod: QuartileMethod * ?UseDefaults: bool -> GenericChart (requires 'a0 :> IConvertible and 'a1 :> IConvertible and 'a2 :> IConvertible) + 2 overloads static member Bubble: x: seq<#IConvertible> * y: seq<#IConvertible> * sizes: seq<int> * ?Name: string * ?ShowLegend: bool * ?Opacity: float * ?MultiOpacity: seq<float> * ?Text: 'a2 * ?MultiText: seq<'a2> * ?TextPosition: TextPosition * ?MultiTextPosition: seq<TextPosition> * ?MarkerColor: Color * ?MarkerColorScale: Colorscale * ?MarkerOutline: Line * ?MarkerSymbol: MarkerSymbol * ?MultiMarkerSymbol: seq<MarkerSymbol> * ?Marker: Marker * ?LineColor: Color * ?LineColorScale: Colorscale * ?LineWidth: float * ?LineDash: DrawingStyle * ?Line: Line * ?AlignmentGroup: string * ?OffsetGroup: string * ?StackGroup: string * ?Orientation: Orientation * ?GroupNorm: GroupNorm * ?UseWebGL: bool * ?UseDefaults: bool -> GenericChart (requires 'a2 :> IConvertible) + 1 overload static member Candlestick: ``open`` : seq<#IConvertible> * high: seq<#IConvertible> * low: seq<#IConvertible> * close: seq<#IConvertible> * ?X: seq<'a4> * ?MultiX: seq<seq<'a4>> * ?Name: string * ?ShowLegend: bool * ?Opacity: float * ?Text: 'a5 * ?MultiText: seq<'a5> * ?Line: Line * ?IncreasingColor: Color * ?Increasing: FinanceMarker * ?DecreasingColor: Color * ?Decreasing: FinanceMarker * ?WhiskerWidth: float * ?ShowXAxisRangeSlider: bool * ?UseDefaults: bool -> GenericChart (requires 'a4 :> IConvertible and 'a5 :> IConvertible) + 2 overloads static member Column: values: seq<#IConvertible> * ?Keys: seq<'a1> * ?MultiKeys: seq<seq<'a1>> * ?Name: string * ?ShowLegend: bool * ?Opacity: float * ?MultiOpacity: seq<float> * ?Text: 'a2 * ?MultiText: seq<'a2> * ?MarkerColor: Color * ?MarkerColorScale: Colorscale * ?MarkerOutline: Line * ?MarkerPatternShape: PatternShape * ?MultiMarkerPatternShape: seq<PatternShape> * ?MarkerPattern: Pattern * ?Marker: Marker * ?Base: #IConvertible * ?Width: 'a4 * ?MultiWidth: seq<'a4> * ?TextPosition: TextPosition * ?MultiTextPosition: seq<TextPosition> * ?UseDefaults: bool -> GenericChart (requires 'a1 :> IConvertible and 'a2 :> IConvertible and 'a4 :> IConvertible) + 1 overload static member Contour: zData: seq<#seq<'a1>> * ?Name: string * ?ShowLegend: bool * ?Opacity: float * ?X: seq<'a2> * ?MultiX: seq<seq<'a2>> * ?Y: seq<'a3> * ?MultiY: seq<seq<'a3>> * ?Text: 'a4 * ?MultiText: seq<'a4> * ?ColorBar: ColorBar * ?ColorScale: Colorscale * ?ShowScale: bool * ?ReverseScale: bool * ?Transpose: bool * ?ContourLineColor: Color * ?ContourLineDash: DrawingStyle * ?ContourLineSmoothing: float * ?ContourLine: Line * ?ContoursColoring: ContourColoring * ?ContoursOperation: ConstraintOperation * ?ContoursType: ContourType * ?ShowContourLabels: bool * ?ContourLabelFont: Font * ?Contours: Contours * ?FillColor: Color * ?NContours: int * ?UseDefaults: bool -> GenericChart (requires 'a1 :> IConvertible and 'a2 :> IConvertible and 'a3 :> IConvertible and 'a4 :> IConvertible) static member Funnel: x: seq<#IConvertible> * y: seq<#IConvertible> * ?Name: string * ?ShowLegend: bool * ?Opacity: float * ?Width: float * ?Offset: float * ?Text: 'a2 * ?MultiText: seq<'a2> * ?TextPosition: TextPosition * ?MultiTextPosition: seq<TextPosition> * ?Orientation: Orientation * ?AlignmentGroup: string * ?OffsetGroup: string * ?MarkerColor: Color * ?MarkerOutline: Line * ?Marker: Marker * ?TextInfo: TextInfo * ?ConnectorLineColor: Color * ?ConnectorLineStyle: DrawingStyle * ?ConnectorFillColor: Color * ?ConnectorLine: Line * ?Connector: FunnelConnector * ?InsideTextFont: Font * ?OutsideTextFont: Font * ?UseDefaults: bool -> GenericChart (requires 'a2 :> IConvertible) static member Heatmap: zData: seq<#seq<'a1>> * ?X: seq<'a2> * ?MultiX: seq<seq<'a2>> * ?Y: seq<'a3> * ?MultiY: seq<seq<'a3>> * ?Name: string * ?ShowLegend: bool * ?Opacity: float * ?XGap: int * ?YGap: int * ?Text: 'a4 * ?MultiText: seq<'a4> * ?ColorBar: ColorBar * ?ColorScale: Colorscale * ?ShowScale: bool * ?ReverseScale: bool * ?ZSmooth: SmoothAlg * ?Transpose: bool * ?UseWebGL: bool * ?ReverseYAxis: bool * ?UseDefaults: bool -> GenericChart (requires 'a1 :> IConvertible and 'a2 :> IConvertible and 'a3 :> IConvertible and 'a4 :> IConvertible) + 1 overload ...
static member Chart.Range: xy: seq<#System.IConvertible * #System.IConvertible> * upper: seq<#System.IConvertible> * lower: seq<#System.IConvertible> * mode: StyleParam.Mode * ?Name: string * ?GroupName: string * ?ShowMarkers: bool * ?ShowLegend: bool * ?Text: 'a4 * ?MultiText: seq<'a4> * ?TextPosition: StyleParam.TextPosition * ?MultiTextPosition: seq<StyleParam.TextPosition> * ?MarkerColor: Color * ?MarkerColorScale: StyleParam.Colorscale * ?MarkerOutline: Line * ?MarkerSymbol: StyleParam.MarkerSymbol * ?MultiMarkerSymbol: seq<StyleParam.MarkerSymbol> * ?Marker: TraceObjects.Marker * ?UpperMarker: TraceObjects.Marker * ?LowerMarker: TraceObjects.Marker * ?LineColor: Color * ?LineColorScale: StyleParam.Colorscale * ?LineWidth: float * ?LineDash: StyleParam.DrawingStyle * ?Line: Line * ?UpperLine: Line * ?LowerLine: Line * ?RangeColor: Color * ?RangePattern: TraceObjects.Pattern * ?UpperText: 'a5 * ?MultiUpperText: seq<'a5> * ?LowerText: 'a6 * ?MultiLowerText: seq<'a6> * ?TextFont: Font * ?LowerName: string * ?UpperName: string * ?UseDefaults: bool -> GenericChart.GenericChart (requires 'a4 :> System.IConvertible and 'a5 :> System.IConvertible and 'a6 :> System.IConvertible)
static member Chart.Range: x: seq<#System.IConvertible> * y: seq<#System.IConvertible> * upper: seq<#System.IConvertible> * lower: seq<#System.IConvertible> * mode: StyleParam.Mode * ?Name: string * ?GroupName: string * ?ShowMarkers: bool * ?ShowLegend: bool * ?Text: 'e * ?MultiText: seq<'e> * ?TextPosition: StyleParam.TextPosition * ?MultiTextPosition: seq<StyleParam.TextPosition> * ?MarkerColor: Color * ?MarkerColorScale: StyleParam.Colorscale * ?MarkerOutline: Line * ?MarkerSymbol: StyleParam.MarkerSymbol * ?MultiMarkerSymbol: seq<StyleParam.MarkerSymbol> * ?Marker: TraceObjects.Marker * ?UpperMarker: TraceObjects.Marker * ?LowerMarker: TraceObjects.Marker * ?LineColor: Color * ?LineColorScale: StyleParam.Colorscale * ?LineWidth: float * ?LineDash: StyleParam.DrawingStyle * ?Line: Line * ?UpperLine: Line * ?LowerLine: Line * ?RangeColor: Color * ?RangePattern: TraceObjects.Pattern * ?UpperText: 'f * ?MultiUpperText: seq<'f> * ?LowerText: 'g * ?MultiLowerText: seq<'g> * ?TextFont: Font * ?LowerName: string * ?UpperName: string * ?UseDefaults: bool -> GenericChart.GenericChart (requires 'e :> System.IConvertible and 'f :> System.IConvertible and 'g :> System.IConvertible)
argument x: seq<float>
<summary> Displays a range of data by plotting three Y values per data point (upper, mid, lower). The mid Y value usually resembles some kind of central tendency and the upper/lower Y values some kind of spread. </summary>
<param name="x">Sets the x coordinates of the plotted data.</param>
<param name="y">Sets the y coordinates of the plotted data for the mid Y value.</param>
<param name="upper">Sets the y coordinates of the plotted data for the upper Y value.</param>
<param name="lower">Sets the y coordinates of the plotted data for the lower Y value.</param>
<param name="mode">Determines the drawing mode for this scatter trace.</param>
<param name="Name">Sets the trace name of the mid Y values. The trace name appear as the legend item and on hover</param>
<param name="GroupName">Sets the name of the legendgroup for the three traces of this plot.</param>
<param name="ShowMarkers">Determines whether or not an To show markers for each datum.</param>
<param name="ShowLegend">Determines whether or not an item corresponding to this trace is shown in the legend.</param>
<param name="Text">Sets a text associated with each datum for the mid Y values.</param>
<param name="MultiText">Sets individual text for each datum for the mid Y values.</param>
<param name="TextPosition">Sets the position of text associated with each datum</param>
<param name="MultiTextPosition">Sets the position of text associated with individual datum</param>
<param name="MarkerColor">Sets the color of the marker for the mid Y values.</param>
<param name="MarkerColorScale">Sets the colorscale of the marker for the mid Y values.</param>
<param name="MarkerOutline">Sets the outline of the marker for the mid Y values.</param>
<param name="MarkerSymbol">Sets the marker symbol for each datum for the mid Y values.</param>
<param name="MultiMarkerSymbol">Sets the marker symbol for each individual datum for the mid Y values.</param>
<param name="Marker">Sets the marker (use this for more finegrained control than the other marker-associated arguments) for the mid Y values.</param>
<param name="LineColor">Sets the color of the line for the mid Y values.</param>
<param name="LineColorScale">Sets the colorscale of the line for the mid Y values.</param>
<param name="LineWidth">Sets the width of the line for the mid Y values.</param>
<param name="LineDash">sets the drawing style of the line for the mid Y values.</param>
<param name="Line">Sets the line (use this for more finegrained control than the other line-associated arguments) for the mid Y values.</param>
<param name="RangeColor">Sets the color of the range between upper and lower Y values.</param>
<param name="RangePattern">Sets the pattern of the range between upper and lower Y values.</param>
<param name="UpperText">Sets a text associated with each datum for the upper Y values.</param>
<param name="MultiUpperText">Sets individual text for each datum for the upper Y values.</param>
<param name="LowerText">Sets a text associated with each datum for the lower Y values.</param>
<param name="MultiLowerText">Sets individual text for each datum for the lower Y values.</param>
<param name="TextFont">Sets the text font for all Text items</param>
<param name="LowerName">Sets the name of the lower Y value trace.</param>
<param name="LowerLine">Sets the line for the lower Y values.</param>
<param name="LowerMarker">Sets the marker for the lower Y values.</param>
<param name="UpperName">Sets the name of the uper Y value trace.</param>
<param name="UpperLine">Sets the line for the upper Y values.</param>
<param name="UpperMarker">Sets the marker for the upper Y values.</param>
<param name="UseDefaults">If set to false, ignore the global default settings set in `Defaults`</param>
argument y: seq<float>
<summary> Displays a range of data by plotting three Y values per data point (upper, mid, lower). The mid Y value usually resembles some kind of central tendency and the upper/lower Y values some kind of spread. </summary>
<param name="x">Sets the x coordinates of the plotted data.</param>
<param name="y">Sets the y coordinates of the plotted data for the mid Y value.</param>
<param name="upper">Sets the y coordinates of the plotted data for the upper Y value.</param>
<param name="lower">Sets the y coordinates of the plotted data for the lower Y value.</param>
<param name="mode">Determines the drawing mode for this scatter trace.</param>
<param name="Name">Sets the trace name of the mid Y values. The trace name appear as the legend item and on hover</param>
<param name="GroupName">Sets the name of the legendgroup for the three traces of this plot.</param>
<param name="ShowMarkers">Determines whether or not an To show markers for each datum.</param>
<param name="ShowLegend">Determines whether or not an item corresponding to this trace is shown in the legend.</param>
<param name="Text">Sets a text associated with each datum for the mid Y values.</param>
<param name="MultiText">Sets individual text for each datum for the mid Y values.</param>
<param name="TextPosition">Sets the position of text associated with each datum</param>
<param name="MultiTextPosition">Sets the position of text associated with individual datum</param>
<param name="MarkerColor">Sets the color of the marker for the mid Y values.</param>
<param name="MarkerColorScale">Sets the colorscale of the marker for the mid Y values.</param>
<param name="MarkerOutline">Sets the outline of the marker for the mid Y values.</param>
<param name="MarkerSymbol">Sets the marker symbol for each datum for the mid Y values.</param>
<param name="MultiMarkerSymbol">Sets the marker symbol for each individual datum for the mid Y values.</param>
<param name="Marker">Sets the marker (use this for more finegrained control than the other marker-associated arguments) for the mid Y values.</param>
<param name="LineColor">Sets the color of the line for the mid Y values.</param>
<param name="LineColorScale">Sets the colorscale of the line for the mid Y values.</param>
<param name="LineWidth">Sets the width of the line for the mid Y values.</param>
<param name="LineDash">sets the drawing style of the line for the mid Y values.</param>
<param name="Line">Sets the line (use this for more finegrained control than the other line-associated arguments) for the mid Y values.</param>
<param name="RangeColor">Sets the color of the range between upper and lower Y values.</param>
<param name="RangePattern">Sets the pattern of the range between upper and lower Y values.</param>
<param name="UpperText">Sets a text associated with each datum for the upper Y values.</param>
<param name="MultiUpperText">Sets individual text for each datum for the upper Y values.</param>
<param name="LowerText">Sets a text associated with each datum for the lower Y values.</param>
<param name="MultiLowerText">Sets individual text for each datum for the lower Y values.</param>
<param name="TextFont">Sets the text font for all Text items</param>
<param name="LowerName">Sets the name of the lower Y value trace.</param>
<param name="LowerLine">Sets the line for the lower Y values.</param>
<param name="LowerMarker">Sets the marker for the lower Y values.</param>
<param name="UpperName">Sets the name of the uper Y value trace.</param>
<param name="UpperLine">Sets the line for the upper Y values.</param>
<param name="UpperMarker">Sets the marker for the upper Y values.</param>
<param name="UseDefaults">If set to false, ignore the global default settings set in `Defaults`</param>
module StyleParam from Plotly.NET
type Mode = | None | Lines | Lines_Markers | Lines_Text | Lines_Markers_Text | Markers | Markers_Text | Text member Convert: unit -> obj override ToString: unit -> string static member convert: (Mode -> obj) static member toString: (Mode -> string)
union case StyleParam.Mode.Lines_Markers: StyleParam.Mode
type Color = override Equals: other: obj -> bool override GetHashCode: unit -> int static member fromARGB: a: int -> r: int -> g: int -> b: int -> Color static member fromColorScaleValues: c: seq<#IConvertible> -> Color static member fromColors: c: seq<Color> -> Color static member fromHex: s: string -> Color static member fromKeyword: c: ColorKeyword -> Color static member fromRGB: r: int -> g: int -> b: int -> Color static member fromString: c: string -> Color member Value: obj
<summary> Plotly color can be a single color, a sequence of colors, or a sequence of numeric values referencing the color of the colorscale obj </summary>
static member Color.fromString: c: string -> Color
module GenericChart from Plotly.NET
<summary> Module to represent a GenericChart </summary>
val toChartHTML: gChart: GenericChart.GenericChart -> string
namespace Plotly.NET.TraceObjects
val rangeStyled: GenericChart.GenericChart
static member Chart.Range: xy: seq<#System.IConvertible * #System.IConvertible> * upper: seq<#System.IConvertible> * lower: seq<#System.IConvertible> * mode: StyleParam.Mode * ?Name: string * ?GroupName: string * ?ShowMarkers: bool * ?ShowLegend: bool * ?Text: 'a4 * ?MultiText: seq<'a4> * ?TextPosition: StyleParam.TextPosition * ?MultiTextPosition: seq<StyleParam.TextPosition> * ?MarkerColor: Color * ?MarkerColorScale: StyleParam.Colorscale * ?MarkerOutline: Line * ?MarkerSymbol: StyleParam.MarkerSymbol * ?MultiMarkerSymbol: seq<StyleParam.MarkerSymbol> * ?Marker: Marker * ?UpperMarker: Marker * ?LowerMarker: Marker * ?LineColor: Color * ?LineColorScale: StyleParam.Colorscale * ?LineWidth: float * ?LineDash: StyleParam.DrawingStyle * ?Line: Line * ?UpperLine: Line * ?LowerLine: Line * ?RangeColor: Color * ?RangePattern: Pattern * ?UpperText: 'a5 * ?MultiUpperText: seq<'a5> * ?LowerText: 'a6 * ?MultiLowerText: seq<'a6> * ?TextFont: Font * ?LowerName: string * ?UpperName: string * ?UseDefaults: bool -> GenericChart.GenericChart (requires 'a4 :> System.IConvertible and 'a5 :> System.IConvertible and 'a6 :> System.IConvertible)
static member Chart.Range: x: seq<#System.IConvertible> * y: seq<#System.IConvertible> * upper: seq<#System.IConvertible> * lower: seq<#System.IConvertible> * mode: StyleParam.Mode * ?Name: string * ?GroupName: string * ?ShowMarkers: bool * ?ShowLegend: bool * ?Text: 'e * ?MultiText: seq<'e> * ?TextPosition: StyleParam.TextPosition * ?MultiTextPosition: seq<StyleParam.TextPosition> * ?MarkerColor: Color * ?MarkerColorScale: StyleParam.Colorscale * ?MarkerOutline: Line * ?MarkerSymbol: StyleParam.MarkerSymbol * ?MultiMarkerSymbol: seq<StyleParam.MarkerSymbol> * ?Marker: Marker * ?UpperMarker: Marker * ?LowerMarker: Marker * ?LineColor: Color * ?LineColorScale: StyleParam.Colorscale * ?LineWidth: float * ?LineDash: StyleParam.DrawingStyle * ?Line: Line * ?UpperLine: Line * ?LowerLine: Line * ?RangeColor: Color * ?RangePattern: Pattern * ?UpperText: 'f * ?MultiUpperText: seq<'f> * ?LowerText: 'g * ?MultiLowerText: seq<'g> * ?TextFont: Font * ?LowerName: string * ?UpperName: string * ?UseDefaults: bool -> GenericChart.GenericChart (requires 'e :> System.IConvertible and 'f :> System.IConvertible and 'g :> System.IConvertible)
argument x: seq<int>
<summary> Displays a range of data by plotting three Y values per data point (upper, mid, lower). The mid Y value usually resembles some kind of central tendency and the upper/lower Y values some kind of spread. </summary>
<param name="x">Sets the x coordinates of the plotted data.</param>
<param name="y">Sets the y coordinates of the plotted data for the mid Y value.</param>
<param name="upper">Sets the y coordinates of the plotted data for the upper Y value.</param>
<param name="lower">Sets the y coordinates of the plotted data for the lower Y value.</param>
<param name="mode">Determines the drawing mode for this scatter trace.</param>
<param name="Name">Sets the trace name of the mid Y values. The trace name appear as the legend item and on hover</param>
<param name="GroupName">Sets the name of the legendgroup for the three traces of this plot.</param>
<param name="ShowMarkers">Determines whether or not an To show markers for each datum.</param>
<param name="ShowLegend">Determines whether or not an item corresponding to this trace is shown in the legend.</param>
<param name="Text">Sets a text associated with each datum for the mid Y values.</param>
<param name="MultiText">Sets individual text for each datum for the mid Y values.</param>
<param name="TextPosition">Sets the position of text associated with each datum</param>
<param name="MultiTextPosition">Sets the position of text associated with individual datum</param>
<param name="MarkerColor">Sets the color of the marker for the mid Y values.</param>
<param name="MarkerColorScale">Sets the colorscale of the marker for the mid Y values.</param>
<param name="MarkerOutline">Sets the outline of the marker for the mid Y values.</param>
<param name="MarkerSymbol">Sets the marker symbol for each datum for the mid Y values.</param>
<param name="MultiMarkerSymbol">Sets the marker symbol for each individual datum for the mid Y values.</param>
<param name="Marker">Sets the marker (use this for more finegrained control than the other marker-associated arguments) for the mid Y values.</param>
<param name="LineColor">Sets the color of the line for the mid Y values.</param>
<param name="LineColorScale">Sets the colorscale of the line for the mid Y values.</param>
<param name="LineWidth">Sets the width of the line for the mid Y values.</param>
<param name="LineDash">sets the drawing style of the line for the mid Y values.</param>
<param name="Line">Sets the line (use this for more finegrained control than the other line-associated arguments) for the mid Y values.</param>
<param name="RangeColor">Sets the color of the range between upper and lower Y values.</param>
<param name="RangePattern">Sets the pattern of the range between upper and lower Y values.</param>
<param name="UpperText">Sets a text associated with each datum for the upper Y values.</param>
<param name="MultiUpperText">Sets individual text for each datum for the upper Y values.</param>
<param name="LowerText">Sets a text associated with each datum for the lower Y values.</param>
<param name="MultiLowerText">Sets individual text for each datum for the lower Y values.</param>
<param name="TextFont">Sets the text font for all Text items</param>
<param name="LowerName">Sets the name of the lower Y value trace.</param>
<param name="LowerLine">Sets the line for the lower Y values.</param>
<param name="LowerMarker">Sets the marker for the lower Y values.</param>
<param name="UpperName">Sets the name of the uper Y value trace.</param>
<param name="UpperLine">Sets the line for the upper Y values.</param>
<param name="UpperMarker">Sets the marker for the upper Y values.</param>
<param name="UseDefaults">If set to false, ignore the global default settings set in `Defaults`</param>
argument y: seq<int>
<summary> Displays a range of data by plotting three Y values per data point (upper, mid, lower). The mid Y value usually resembles some kind of central tendency and the upper/lower Y values some kind of spread. </summary>
<param name="x">Sets the x coordinates of the plotted data.</param>
<param name="y">Sets the y coordinates of the plotted data for the mid Y value.</param>
<param name="upper">Sets the y coordinates of the plotted data for the upper Y value.</param>
<param name="lower">Sets the y coordinates of the plotted data for the lower Y value.</param>
<param name="mode">Determines the drawing mode for this scatter trace.</param>
<param name="Name">Sets the trace name of the mid Y values. The trace name appear as the legend item and on hover</param>
<param name="GroupName">Sets the name of the legendgroup for the three traces of this plot.</param>
<param name="ShowMarkers">Determines whether or not an To show markers for each datum.</param>
<param name="ShowLegend">Determines whether or not an item corresponding to this trace is shown in the legend.</param>
<param name="Text">Sets a text associated with each datum for the mid Y values.</param>
<param name="MultiText">Sets individual text for each datum for the mid Y values.</param>
<param name="TextPosition">Sets the position of text associated with each datum</param>
<param name="MultiTextPosition">Sets the position of text associated with individual datum</param>
<param name="MarkerColor">Sets the color of the marker for the mid Y values.</param>
<param name="MarkerColorScale">Sets the colorscale of the marker for the mid Y values.</param>
<param name="MarkerOutline">Sets the outline of the marker for the mid Y values.</param>
<param name="MarkerSymbol">Sets the marker symbol for each datum for the mid Y values.</param>
<param name="MultiMarkerSymbol">Sets the marker symbol for each individual datum for the mid Y values.</param>
<param name="Marker">Sets the marker (use this for more finegrained control than the other marker-associated arguments) for the mid Y values.</param>
<param name="LineColor">Sets the color of the line for the mid Y values.</param>
<param name="LineColorScale">Sets the colorscale of the line for the mid Y values.</param>
<param name="LineWidth">Sets the width of the line for the mid Y values.</param>
<param name="LineDash">sets the drawing style of the line for the mid Y values.</param>
<param name="Line">Sets the line (use this for more finegrained control than the other line-associated arguments) for the mid Y values.</param>
<param name="RangeColor">Sets the color of the range between upper and lower Y values.</param>
<param name="RangePattern">Sets the pattern of the range between upper and lower Y values.</param>
<param name="UpperText">Sets a text associated with each datum for the upper Y values.</param>
<param name="MultiUpperText">Sets individual text for each datum for the upper Y values.</param>
<param name="LowerText">Sets a text associated with each datum for the lower Y values.</param>
<param name="MultiLowerText">Sets individual text for each datum for the lower Y values.</param>
<param name="TextFont">Sets the text font for all Text items</param>
<param name="LowerName">Sets the name of the lower Y value trace.</param>
<param name="LowerLine">Sets the line for the lower Y values.</param>
<param name="LowerMarker">Sets the marker for the lower Y values.</param>
<param name="UpperName">Sets the name of the uper Y value trace.</param>
<param name="UpperLine">Sets the line for the upper Y values.</param>
<param name="UpperMarker">Sets the marker for the upper Y values.</param>
<param name="UseDefaults">If set to false, ignore the global default settings set in `Defaults`</param>
type TextPosition = | TopLeft | TopCenter | TopRight | MiddleLeft | MiddleCenter | MiddleRight | BottomLeft | BottomCenter | BottomRight | Auto ... member Convert: unit -> obj override ToString: unit -> string static member convert: (TextPosition -> obj) static member toString: (TextPosition -> string)
<summary> Sets the positions of the `text` elements. Note that not all options work for every type of trace, e.g. Pie Charts only support "inside" | "outside" | "auto" | "none" - Cartesian plots: Sets the positions of the `text` elements with respects to the (x,y) coordinates. - Pie Charts and derivatives: Specifies the location of the text with respects to the sector. </summary>
union case StyleParam.TextPosition.TopCenter: StyleParam.TextPosition
Multiple items
type Line = inherit DynamicObj new: unit -> Line static member init: ?BackOff: BackOff * ?AutoColorScale: bool * ?CAuto: bool * ?CMax: float * ?CMid: float * ?CMin: float * ?Color: Color * ?ColorAxis: SubPlotId * ?Colorscale: Colorscale * ?ReverseScale: bool * ?ShowScale: bool * ?ColorBar: ColorBar * ?Dash: DrawingStyle * ?Shape: Shape * ?Simplify: bool * ?Smoothing: float * ?Width: float * ?MultiWidth: seq<float> * ?OutlierColor: Color * ?OutlierWidth: float -> Line static member style: ?BackOff: BackOff * ?AutoColorScale: bool * ?CAuto: bool * ?CMax: float * ?CMid: float * ?CMin: float * ?Color: Color * ?ColorAxis: SubPlotId * ?Colorscale: Colorscale * ?ReverseScale: bool * ?ShowScale: bool * ?ColorBar: ColorBar * ?Dash: DrawingStyle * ?Shape: Shape * ?Simplify: bool * ?Smoothing: float * ?Width: float * ?MultiWidth: seq<float> * ?OutlierColor: Color * ?OutlierWidth: float -> (Line -> Line)
<summary> The line object determines the style of the line in various aspect of plots such as a line connecting datums, outline of layout objects, etc.. </summary>

--------------------
new: unit -> Line
static member Line.init: ?BackOff: StyleParam.BackOff * ?AutoColorScale: bool * ?CAuto: bool * ?CMax: float * ?CMid: float * ?CMin: float * ?Color: Color * ?ColorAxis: StyleParam.SubPlotId * ?Colorscale: StyleParam.Colorscale * ?ReverseScale: bool * ?ShowScale: bool * ?ColorBar: ColorBar * ?Dash: StyleParam.DrawingStyle * ?Shape: StyleParam.Shape * ?Simplify: bool * ?Smoothing: float * ?Width: float * ?MultiWidth: seq<float> * ?OutlierColor: Color * ?OutlierWidth: float -> Line
Multiple items
type Marker = inherit DynamicObj new: unit -> Marker static member init: ?Angle: float * ?AngleRef: AngleRef * ?AutoColorScale: bool * ?CAuto: bool * ?CMax: float * ?CMid: float * ?CMin: float * ?Color: Color * ?Colors: seq<Color> * ?ColorAxis: SubPlotId * ?ColorBar: ColorBar * ?Colorscale: Colorscale * ?CornerRadius: int * ?Gradient: Gradient * ?Outline: Line * ?MaxDisplayed: int * ?Opacity: float * ?MultiOpacity: seq<float> * ?Pattern: Pattern * ?ReverseScale: bool * ?ShowScale: bool * ?Size: int * ?MultiSize: seq<int> * ?SizeMin: int * ?SizeMode: MarkerSizeMode * ?SizeRef: int * ?StandOff: float * ?MultiStandOff: seq<float> * ?Symbol: MarkerSymbol * ?MultiSymbol: seq<MarkerSymbol> * ?Symbol3D: MarkerSymbol3D * ?MultiSymbol3D: seq<MarkerSymbol3D> * ?OutlierColor: Color * ?OutlierWidth: int -> Marker static member style: ?Angle: float * ?AngleRef: AngleRef * ?AutoColorScale: bool * ?CAuto: bool * ?CMax: float * ?CMid: float * ?CMin: float * ?Color: Color * ?Colors: seq<Color> * ?ColorAxis: SubPlotId * ?ColorBar: ColorBar * ?Colorscale: Colorscale * ?CornerRadius: int * ?Gradient: Gradient * ?Outline: Line * ?MaxDisplayed: int * ?Opacity: float * ?MultiOpacity: seq<float> * ?Pattern: Pattern * ?ReverseScale: bool * ?ShowScale: bool * ?Size: int * ?MultiSize: seq<int> * ?SizeMin: int * ?SizeMode: MarkerSizeMode * ?SizeRef: int * ?StandOff: float * ?MultiStandOff: seq<float> * ?Symbol: MarkerSymbol * ?MultiSymbol: seq<MarkerSymbol> * ?Symbol3D: MarkerSymbol3D * ?MultiSymbol3D: seq<MarkerSymbol3D> * ?OutlierColor: Color * ?OutlierWidth: int -> (Marker -> Marker)
<summary> The marker object determines the style of the markers representing datums in various types of plots. </summary>

--------------------
new: unit -> Marker
static member Marker.init: ?Angle: float * ?AngleRef: StyleParam.AngleRef * ?AutoColorScale: bool * ?CAuto: bool * ?CMax: float * ?CMid: float * ?CMin: float * ?Color: Color * ?Colors: seq<Color> * ?ColorAxis: StyleParam.SubPlotId * ?ColorBar: ColorBar * ?Colorscale: StyleParam.Colorscale * ?CornerRadius: int * ?Gradient: Gradient * ?Outline: Line * ?MaxDisplayed: int * ?Opacity: float * ?MultiOpacity: seq<float> * ?Pattern: Pattern * ?ReverseScale: bool * ?ShowScale: bool * ?Size: int * ?MultiSize: seq<int> * ?SizeMin: int * ?SizeMode: StyleParam.MarkerSizeMode * ?SizeRef: int * ?StandOff: float * ?MultiStandOff: seq<float> * ?Symbol: StyleParam.MarkerSymbol * ?MultiSymbol: seq<StyleParam.MarkerSymbol> * ?Symbol3D: StyleParam.MarkerSymbol3D * ?MultiSymbol3D: seq<StyleParam.MarkerSymbol3D> * ?OutlierColor: Color * ?OutlierWidth: int -> Marker