AreaChartWidget class

A modern area chart widget with gradient fills and smooth animations.

This widget displays one or more data series as filled areas with optional points and interactive tooltips. Area charts are useful for showing cumulative values over time.

Features

  • Multiple data series support
  • Smooth animations
  • Gradient area fills
  • Interactive point tapping
  • Loading and error states
  • Full theme support

Example

AreaChartWidget(
  dataSets: [
    ChartDataSet(
      label: 'Users',
      color: Colors.blue,
      dataPoints: [
        ChartDataPoint(x: 0, y: 100),
        ChartDataPoint(x: 1, y: 150),
      ],
    ),
  ],
  theme: ChartTheme.light(),
  title: 'Active Users',
  onPointTap: (point, datasetIndex, pointIndex, position) {
    print('Tapped: ${point.y}');
  },
)

See also:

Inheritance

Constructors

AreaChartWidget({Key? key, required List<ChartDataSet> dataSets, ChartTheme? theme, double lineWidth = 3.0, bool showPoints = true, bool showGrid = true, bool showAxis = true, bool showLabel = true, String? title, String? subtitle, bool useGlassmorphism = false, bool useNeumorphism = false, ChartPointCallback? onPointTap, bool isLoading = false, bool isError = false, String? errorMessage})
Creates an area chart widget.
const

Properties

dataSets → List<ChartDataSet>
The data sets to display in the chart.
final
errorMessage → String?
The error message to display when isError is true.
final
hashCode → int
The hash code for this object.
no setterinherited
isError → bool
Whether the chart is in an error state.
final
isLoading → bool
Whether the chart is in a loading state.
final
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
lineWidth → double
The width of the line connecting data points.
final
onPointTap → ChartPointCallback?
Callback invoked when a data point is tapped.
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
showAxis → bool
Whether to show the axis lines.
final
showGrid → bool
Whether to show the grid lines.
final
showLabel → bool
Whether to show axis labels.
final
showPoints → bool
Whether to show data points on the chart.
final
subtitle → String?
The subtitle displayed below the title.
final
theme → ChartTheme?
The theme to use for styling the chart.
final
title → String?
The title displayed above the chart.
final
useGlassmorphism → bool
Whether to apply glassmorphism effects to the chart container.
final
useNeumorphism → bool
Whether to apply neumorphism effects to the chart container.
final

Methods

createElement() → StatefulElement
Creates a StatefulElement to manage this widget's location in the tree.
inherited
createState() → State<AreaChartWidget>
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