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
- Available extensions
Constructors
-
SfFunnelChart.new({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, 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
- pZero → Widget
-
Available on Widget, provided by the WidgetsExtension extension
no setter - 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
- sliverBox → Widget
-
Available on Widget, provided by the WidgetSliverBoxX extension
no setter - title → ChartTitle
-
Customizes the chart title.
final
- tooltipBehavior → TooltipBehavior?
-
Customizes the tooltip in chart.
final
Methods
-
alignAtBottomCenter(
{Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignAtBottomLeft(
{Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignAtBottomRight(
{Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignAtCenter(
{Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignAtCenterLeft(
{Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignAtCenterRight(
{Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignAtLERP(
Alignment a, Alignment b, double t, {Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignAtTopCenter(
{Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignAtTopLeft(
{Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignAtTopRight(
{Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
alignXY(
double x, double y, {Key? key, double? heightFactor, double? widthFactor}) → Align -
Available on Widget, provided by the WidgetsExtension extension
-
card(
{Color? backgroundColor, double elevation = 1, EdgeInsets? margin}) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
container(
{double? width, double? height, Alignment? alignment, Color? backgroundColor, double borderWidth = 1, double radius = 1, Color borderColor = Colors.transparent, EdgeInsets? padding, EdgeInsets? margin, BoxConstraints? constraints}) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
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
-
expanded(
{int flex = 1}) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
fit(
{Alignment alignment = Alignment.center}) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
form(
GlobalKey< FormState> key) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
ltr(
) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
onDoubleTap(
GestureTapCallback? onPressed) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
onLongPress(
GestureTapCallback? onPressed) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
onTap(
GestureTapCallback? onPressed) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
onTapInk(
GestureTapCallback? onPressed) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
pAll(
double padding) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
pOnly(
{double left = 0.0, double top = 0.0, double right = 0.0, double bottom = 0.0}) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
pSymmetric(
{double horizontal = 0.0, double vertical = 0.0}) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
rotate(
double scale) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
rtl(
) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
safeArea(
) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
scale(
double scale) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
scrollable(
{Axis scrollDirection = Axis.vertical}) → Widget -
Available on Widget, provided by the WidgetsExtension extension
-
showMenus(
List< PopupMenuEntry< items) → Widgetint> > -
Available on Widget, provided by the WidgetsExtension extension
-
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
-
translate(
Offset offset) → Widget -
Available on Widget, provided by the WidgetsExtension extension
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited