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
-
- Object
- DiagnosticableTree
- Widget
- StatefulWidget
- SfFunnelChart
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.
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?
-
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.
no setterinherited
- 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.
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}) → 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