FunnelArea
Visualize stages in a process using area-encoded trapezoids.
This trace can be used to show data in a part-to-whole representation similar to a “pie” trace, wherein each item appears in a single stage. See also the “funnel” trace type for a different approach to visualizing funnel data.
-
Corresponding Plotly trace type.
Declaration
Swift
public let type: String -
Switch indicating whether the trace supports animation of its data.
Declaration
Swift
public static var animatable: Bool { get } -
Determines whether or not this trace is visible.
If legendonly, the trace is not drawn, but can appear as a legend item (provided that the legend itself is visible).
Declaration
Swift
public var visible: Visible? -
Determines whether or not an item corresponding to this trace is shown in the legend.
Declaration
Swift
public var showLegend: Bool? -
Sets the legend group for this trace.
Traces part of the same legend group hide/show at the same time when toggling legend items.
Declaration
Swift
public var legendGroup: String? -
Sets the opacity of the trace.
Declaration
Swift
public var opacity: Double? -
Sets the trace name.
The trace name appear as the legend item and on hover.
Declaration
Swift
public var name: String? -
Assign an id to this trace, Use this to provide object constancy between traces during animations and transitions.
Declaration
Swift
public var uid: String? -
Assigns id labels to each datum.
These ids for object constancy of data points during animation. Should be an array of strings, not numbers or any other type.
Declaration
Swift
public var ids: [String]? -
Assigns extra data each datum.
This may be useful when listening to hover, click and selection events. Note that, scatter traces also appends customdata items in the markers DOM elements
Declaration
Swift
public var customData: [String]? -
Assigns extra meta information associated with this trace that can be used in various text attributes.
Attributes such as trace
name, graph, axis and colorbartitle.text, annotationtextrangeselector,updatemenuesandsliderslabeltext all supportmeta. To access the tracemetavalues in an attribute in the same trace, simply use%{meta[i]}whereiis the index or key of themetaitem in question. To access tracemetain layout attributes, use%{data[n[.meta[i]}whereiis the index or key of themetaandnis the trace index. -
Undocumented
Declaration
Swift
public var hoverLabel: HoverLabel? -
Undocumented
Declaration
Swift
public var stream: Stream? -
Undocumented
Declaration
Swift
public var transforms: [Transform] -
Controls persistence of some user-driven changes to the trace:
constraintrangeinparcoordstraces, as well as someeditable: truemodifications such asnameandcolorbar.title.Defaults to
layout.uirevision. Note that other user-driven trace attribute changes are controlled bylayoutattributes:trace.visibleis controlled bylayout.legend.uirevision,selectedpointsis controlled bylayout.selectionrevision, andcolorbar.(x|y)(accessible withconfig: {editable: true}) is controlled bylayout.editrevision. Trace changes are tracked byuid, which only falls back on trace index if nouidis provided. So if your app can add/remove traces before the end of thedataarray, such that the same trace has a different index, you can still preserve user-driven changes if you give each trace auidthat stays with it as it moves.Declaration
Swift
public var uiRevision: Anything? -
Sets the sector labels.
If
labelsentries are duplicated, we sum associatedvaluesor simply count occurrences ifvaluesis not provided. For other array attributes (including color) we use the first non-empty entry among all occurrences of the label.Declaration
Swift
public var labels: LabelsData? -
Alternate to
labels.Builds a numeric set of labels. Use with
dlabelwherelabel0is the starting label anddlabelthe step.Declaration
Swift
public var label0: Double? -
Sets the label step.
See
label0for more info.Declaration
Swift
public var dLabel: Double? -
Sets the values of the sectors.
If omitted, we count occurrences of each label.
Declaration
Swift
public var values: ValuesData? -
Undocumented
See moreDeclaration
Swift
public struct Marker : Encodable -
Undocumented
Declaration
Swift
public var marker: Marker? -
Sets text elements associated with each sector.
If trace
textinfocontains a text flag, these elements will be seen on the chart. If tracehoverinfocontains a text flag and hovertext is not set, these elements will be seen in the hover labels.Declaration
Swift
public var text: Data<String>? -
Sets hover text elements associated with each sector.
If a single string, the same string appears for all data points. If an array of string, the items are mapped in order of this trace’s sectors. To be seen, trace
hoverinfomust contain a text flag.Declaration
Swift
public var hoverText: Data<String>? -
If there are multiple funnelareas that should be sized according to their totals, link them by providing a non-empty group id here shared by every trace in the same group.
Declaration
Swift
public var scaleGroup: String? -
Determines which trace information appear on the graph.
See moreDeclaration
Swift
public struct TextInfo : OptionSet, Encodable -
Determines which trace information appear on the graph.
Declaration
Swift
public var textInfo: TextInfo? -
Template string used for rendering the information text that appear on points.
Note that this will override
textinfo. Variables are inserted using %{variable}, for example “y: %{y}”. Numbers are formatted using d3-format’s syntax %{variable:d3-format}, for example “Price: %{y:$.2f}”. https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_format for details on the formatting syntax. Dates are formatted using d3-time-format’s syntax %{variable|d3-time-format}, for example “Day: %{2019-01-01|%A}”. https://github.com/d3/d3-time-format#locale_format for details on the date formatting syntax. Every attributes that can be specified per-point (the ones that arearrayOk: true) are available. variableslabel,color,value,textandpercent.Declaration
Swift
public var textTemplate: Data<String>? -
Determines which trace information appear on hover.
If
See morenoneorskipare set, no information is displayed upon hovering. But, ifnoneis set, click and hover events are still fired.Declaration
Swift
public struct HoverInfo : OptionSet, Encodable -
Determines which trace information appear on hover.
If
noneorskipare set, no information is displayed upon hovering. But, ifnoneis set, click and hover events are still fired.Declaration
Swift
public var hoverInfo: HoverInfo? -
Template string used for rendering the information that appear on hover box.
Note that this will override
hoverinfo. Variables are inserted using %{variable}, for example “y: %{y}”. Numbers are formatted using d3-format’s syntax %{variable:d3-format}, for example “Price: %{y:$.2f}”. https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_format for details on the formatting syntax. Dates are formatted using d3-time-format’s syntax %{variable|d3-time-format}, for example “Day: %{2019-01-01|%A}”. https://github.com/d3/d3-time-format#locale_format for details on the date formatting syntax. The variables available inhovertemplateare the ones emitted as event data described at this link https://plotly.com/javascript/plotlyjs-events/#event-data. Additionally, every attributes that can be specified per-point (the ones that arearrayOk: true) are available. variableslabel,color,value,textandpercent. Anything contained in tag<extra>is displayed in the secondary box, for example “{fullData.name} ”. To hide the secondary box completely, use an empty tag<extra></extra>.Declaration
Swift
public var hoverTemplate: Data<String>? -
Specifies the location of the
See moretextinfo.Declaration
Swift
public enum TextPosition : String, Encodable -
Specifies the location of the
textinfo.Declaration
Swift
public var textPosition: TextPosition? -
Sets the font used for
textinfo.Declaration
Swift
public var textFont: VariableFont? -
Sets the font used for
textinfolying inside the sector.Declaration
Swift
public var insideTextFont: VariableFont? -
Undocumented
See moreDeclaration
Swift
public struct Title : Encodable -
Undocumented
Declaration
Swift
public var title: Title? -
Declaration
Swift
public var domain: Domain? -
Sets the ratio between height and width
Declaration
Swift
public var aspectRatio: Double? -
Sets the ratio between bottom length and maximum top length.
Declaration
Swift
public var baseRatio: Double? -
Creates
FunnelAreaobject from the most frequently used properties.Declaration
Parameters
nameSets the trace name.
labelsSets the sector labels.
valuesSets the values of the sectors.
markertextSets text elements associated with each sector.
hoverTextSets hover text elements associated with each sector.
-
init(visible:showLegend: legendGroup: opacity: name: uid: ids: customData: meta: hoverLabel: stream: transforms: uiRevision: labels: label0: dLabel: values: marker: text: hoverText: scaleGroup: textInfo: textTemplate: hoverInfo: hoverTemplate: textPosition: textFont: insideTextFont: title: domain: aspectRatio: baseRatio: ) Creates
FunnelAreaobject with specified properties.Declaration
Swift
public init(visible: Visible? = nil, showLegend: Bool? = nil, legendGroup: String? = nil, opacity: Double? = nil, name: String? = nil, uid: String? = nil, ids: [String]? = nil, customData: [String]? = nil, meta: Data<Anything>? = nil, hoverLabel: HoverLabel? = nil, stream: Stream? = nil, transforms: [Transform] = [], uiRevision: Anything? = nil, labels: LabelsData? = nil, label0: Double? = nil, dLabel: Double? = nil, values: ValuesData? = nil, marker: Marker? = nil, text: Data<String>? = nil, hoverText: Data<String>? = nil, scaleGroup: String? = nil, textInfo: TextInfo? = nil, textTemplate: Data<String>? = nil, hoverInfo: HoverInfo? = nil, hoverTemplate: Data<String>? = nil, textPosition: TextPosition? = nil, textFont: VariableFont? = nil, insideTextFont: VariableFont? = nil, title: Title? = nil, domain: Domain? = nil, aspectRatio: Double? = nil, baseRatio: Double? = nil)Parameters
visibleDetermines whether or not this trace is visible.
showLegendDetermines whether or not an item corresponding to this trace is shown in the legend.
legendGroupSets the legend group for this trace.
opacitySets the opacity of the trace.
nameSets the trace name.
uidAssign an id to this trace, Use this to provide object constancy between traces during animations and transitions.
idsAssigns id labels to each datum.
customDataAssigns extra data each datum.
metaAssigns extra meta information associated with this trace that can be used in various text attributes.
hoverLabelstreamtransformsuiRevisionControls persistence of some user-driven changes to the trace:
constraintrangeinparcoordstraces, as well as someeditable: truemodifications such asnameandcolorbar.title.labelsSets the sector labels.
label0Alternate to
labels.dLabelSets the label step.
valuesSets the values of the sectors.
markertextSets text elements associated with each sector.
hoverTextSets hover text elements associated with each sector.
scaleGroupIf there are multiple funnelareas that should be sized according to their totals, link them by providing a non-empty group id here shared by every trace in the same group.
textInfoDetermines which trace information appear on the graph.
textTemplateTemplate string used for rendering the information text that appear on points.
hoverInfoDetermines which trace information appear on hover.
hoverTemplateTemplate string used for rendering the information that appear on hover box.
textPositionSpecifies the location of the
textinfo.textFontSets the font used for
textinfo.insideTextFontSets the font used for
textinfolying inside the sector.titledomainaspectRatioSets the ratio between height and width
baseRatioSets the ratio between bottom length and maximum top length.
-
Encodes the object in a format compatible with Plotly.
Declaration
Swift
public func encode(to encoder: Encoder) throws
View on GitHub
Install in Dash
FunnelArea Structure Reference