
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"
)
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 |> List.map (fun x -> 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