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, ChartLegendTapCallback? onLegendTapped, DataLabelTapCallback? onDataLabelTapped, FunnelSelectionCallback? onSelectionChanged, FunnelTouchInteractionCallback? onChartTouchInteractionUp, FunnelTouchInteractionCallback? onChartTouchInteractionDown, FunnelTouchInteractionCallback? onChartTouchInteractionMove, 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)], EdgeInsets margin = const EdgeInsets.fromLTRB(10, 10, 10, 10), FunnelSeries series = const FunnelSeries(), ChartTitle title = const ChartTitle(), Legend legend = const Legend(), TooltipBehavior? tooltipBehavior, ActivationMode selectionGesture = ActivationMode.singleTap, bool enableMultiSelection = false})
Creating an argument constructor of SfFunnelChart class.
const

Properties

backgroundColor Color?
Background color of the chart.
final
backgroundImage ImageProvider<Object>?
Background image for chart.
final
borderColor Color
Border 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.
no setterinherited
key Key?
Controls how one widget replaces another widget in the tree.
finalinherited
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?
Called when the data label is tapped.
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
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.
no setterinherited
selectionGesture ActivationMode
Gesture for activating the selection.
final
series FunnelSeries
Customizes the chart series.
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.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent 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
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) 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.
inherited