SfFunnelChart class

Renders the funnel chart

A funnel chart is a specialized chart type that demonstrates the flow of users through a business or sales process. The chart begins with a broad head and ends in a narrow neck.

The number of users at each stage of the process are indicated from the funnel's width as it narrows

To render a funnel chart, create an instance of FunnelSeries, and add it to the series property of SfFunnelChart.

Inheritance

Constructors

SfFunnelChart({Key key, Color backgroundColor, ImageProvider<Object> backgroundImage, Color borderColor: Colors.transparent, double borderWidth: 0.0, FunnelLegendRenderCallback onLegendItemRender, FunnelTooltipCallback onTooltipRender, FunnelDataLabelRenderCallback onDataLabelRender, FunnelPointTapCallback onPointTapped, ChartLegendTapCallback onLegendTapped, DataLabelTapCallback onDataLabelTapped, FunnelSelectionCallback onSelectionChanged, FunnelTouchInteractionCallback onChartTouchInteractionUp, FunnelTouchInteractionCallback onChartTouchInteractionDown, FunnelTouchInteractionCallback onChartTouchInteractionMove, ChartTitle title, FunnelSeries series, EdgeInsets margin, Legend legend, List<Color> palette: const <Color>[Color.fromRGBO(75, 135, 185, 1), Color.fromRGBO(192, 108, 132, 1), Color.fromRGBO(246, 114, 128, 1), Color.fromRGBO(248, 177, 149, 1), Color.fromRGBO(116, 180, 155, 1), Color.fromRGBO(0, 168, 181, 1), Color.fromRGBO(73, 76, 162, 1), Color.fromRGBO(255, 205, 96, 1), Color.fromRGBO(255, 240, 219, 1), Color.fromRGBO(238, 238, 238, 1)], TooltipBehavior tooltipBehavior, SmartLabelMode smartLabelMode, ActivationMode selectionGesture, bool enableMultiSelection})
Creating an argument constructor of SfFunnelChart class.

Properties

backgroundColor Color
Background color of the chart [...]
final
backgroundImage ImageProvider<Object>
Background image for chart. [...]
final
borderColor Color
Background color of the chart [...]
final
borderWidth double
Border width of the chart [...]
final
enableMultiSelection bool
Enables or disables the multiple data points selection. [...]
final
hashCode int
The hash code for this object. [...]
@nonVirtual, read-only, inherited
key Key
Controls how one widget replaces another widget in the tree. [...]
final, inherited
legend Legend
Customizes the legend in the chart [...]
final
margin EdgeInsets
Margin for chart [...]
final
onChartTouchInteractionDown FunnelTouchInteractionCallback
Occurs when touched on the chart area. [...]
final
onChartTouchInteractionMove FunnelTouchInteractionCallback
Occurs when touched and moved on the chart area. [...]
final
onChartTouchInteractionUp FunnelTouchInteractionCallback
Occurs when tapped on the chart area. [...]
final
onDataLabelRender FunnelDataLabelRenderCallback
Occurs when the data label is rendered [...]
final
onDataLabelTapped DataLabelTapCallback
Whenever the data label is tapped, onDataLabelTapped callback will be called. Provides options to get the position of the data label, series index, point index and its text. [...]
final
onLegendItemRender FunnelLegendRenderCallback
Occurs while legend is rendered. [...]
final
onLegendTapped ChartLegendTapCallback
Occurs when the legend is tapped ,using this event the legend tap arguments can be customized.
final
onPointTapped FunnelPointTapCallback
Occurs when tapping a series point. Here, you can get the series, series index and point index. [...]
final
onSelectionChanged FunnelSelectionCallback
Occurs while selection changes. Here, you can get the series, selected color, unselected color, selected border color, unselected border color, selected border width, unselected border width, series index, and point index. [...]
final
onTooltipRender FunnelTooltipCallback
Occurs while tooltip is rendered. [...]
final
palette List<Color>
Color palette for the data points in the chart series. [...]
final
runtimeType Type
A representation of the runtime type of the object.
read-only, inherited
selectionGesture ActivationMode
Data points or series can be selected while performing interaction on the chart. [...]
final
series FunnelSeries
Customizes the chart series. [...]
final
smartLabelMode SmartLabelMode
Overlapping of the labels can be avoided by using the smartLabelMode property. [...]
final
title ChartTitle
Customizes the chart title [...]
final
tooltipBehavior TooltipBehavior
Customizes the tooltip in chart [...]
final

Methods

createElement() StatefulElement
Creates a StatefulElement to manage this widget's location in the tree. [...]
inherited
createState() State<StatefulWidget>
Creates the mutable state for this widget at a given location in the tree. [...]
override
debugDescribeChildren() List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children. [...]
@protected, inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node. [...]
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a non-existent method or property is accessed. [...]
inherited
toDiagnosticsNode({String name, DiagnosticsTreeStyle style}) DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep. [...]
inherited
toString({DiagnosticLevel minLevel: DiagnosticLevel.info}) String
Returns a string representation of this object.
inherited
toStringDeep({String prefixLineOne: '', String prefixOtherLines, DiagnosticLevel minLevel: DiagnosticLevel.debug}) String
Returns a string representation of this node and its descendants. [...]
inherited
toStringShallow({String joiner: ', ', DiagnosticLevel minLevel: DiagnosticLevel.debug}) String
Returns a one-line detailed description of the object. [...]
inherited
toStringShort() String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) bool
The equality operator. [...]
@nonVirtual, inherited