SfCircularChart class
Renders the circular chart
Widget build(BuildContext context) {
return Center(
child:SfCircularChart(
title: ChartTitle(text: 'Sales by sales person'),
legend: Legend(isVisible: true),
series: <PieSeries<_PieData, String>>[
PieSeries<_PieData, String>(
explode: true,
explodeIndex: 0,
dataSource: pieData,
xValueMapper: (_PieData data, _) => data.xData,
yValueMapper: (_PieData data, _) => data.yData,
dataLabelMapper: (_PieData data, _) => data.text,
dataLabelSettings: DataLabelSettings(isVisible: true)),
]
)
);
}
class _PieData {
_PieData(this.xData, this.yData, [this.text]);
final String xData;
final num yData;
final String text;
}
Constructors
-
SfCircularChart({Key key, Color backgroundColor, ImageProvider backgroundImage, List<
CircularChartAnnotation> annotations, Color borderColor: Colors.transparent, double borderWidth: 0.0, CircularLegendRenderCallback onLegendItemRender, CircularTooltipCallback onTooltipRender, CircularDatalabelRenderCallback onDataLabelRender, CircularPointTapCallback onPointTapped, ChartLegendTapCallback onLegendTapped, CircularSelectionCallback onSelectionChanged, List<Color> palette: const[Color.fromRGBO(53, 92, 125, 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)] , ChartTitle title, EdgeInsets margin, List<CircularSeries> series, Legend legend, String centerX, String centerY, TooltipBehavior tooltipBehavior, List<IndexesModel> initialSelectedDataIndexes, ActivationMode selectionGesture, bool enableMultiSelection })
Properties
-
annotations
→ List<
CircularChartAnnotation> -
Customizes the annotations. Annotations are used to mark the specific area
of interest in the plot area with texts, shapes, or images [...]
final
- backgroundColor → Color
-
Background color of the chart [...]
final
- backgroundImage → ImageProvider
-
Background image for chart. [...]
final
- borderColor → Color
-
Border color of the chart [...]
final
- borderWidth → double
-
Border width of the chart [...]
final
- centerX → String
-
X value for placing the chart. [...]
final
- centerY → String
-
Y value for placing the chart. [...]
final
- enableMultiSelection → bool
-
Enables or disables the multiple data points or series selection. [...]
final
-
initialSelectedDataIndexes
→ List<
IndexesModel> -
Data points or series can be selected while performing interaction on the chart.
It can also be selected at the initial rendering using this property. [...]
final
- legend → Legend
-
Customizes the legend in the chart [...]
final
- margin → EdgeInsets
-
Margin for chart [...]
final
- onDataLabelRender → CircularDatalabelRenderCallback
-
Occurs while rendering the data label. The data label and text styles such as color,
font size, and font weight can be customized. You can get the series index, point
index, text, and text style. [...]
final
- onLegendItemRender → CircularLegendRenderCallback
-
Occurs while legend is rendered. Here, you can get the legend’s text, shape
series index, and point index case of circular series. [...]
final
- onLegendTapped → ChartLegendTapCallback
-
Occurs when the legend is tapped. Here, you can get the series,
series index, and point index. [...]
final
- onPointTapped → CircularPointTapCallback
-
Occurs when tapping a series point. Here, you can get the series, series index
and point index. [...]
final
- onSelectionChanged → CircularSelectionCallback
-
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 → CircularTooltipCallback
-
Occurs while tooltip is rendered. You can customize the position and header. Here,
you can get the text, header, point index, series, x and y-positions. [...]
final
-
palette
→ List<
Color> -
Color palette for the data points in the chart series. If the series color is
not specified, then the series will be rendered with appropriate palette color.
Ten colors are available by default. [...]
final
- selectionGesture → ActivationMode
-
Gesture for activating the selection. Selection can be activated in tap,
double tap, and long press. [...]
final
-
series
→ List<
CircularSeries> -
Customizes the chart series. [...]
final
- title → ChartTitle
-
Customizes the chart title [...]
final
- tooltipBehavior → TooltipBehavior
-
Customizes the tooltip in chart [...]
final
- hashCode → int
-
The hash code for this object. [...]
read-only, inherited
- key → Key
-
Controls how one widget replaces another widget in the tree. [...]
final, inherited
- runtimeType → Type
-
A representation of the runtime type of the object.
read-only, inherited
Methods
-
createState(
) → State< StatefulWidget> - Creates the mutable state for this widget at a given location in the tree. [...]
-
createElement(
) → StatefulElement -
Creates a
StatefulElement
to manage this widget's location in the tree. [...]inherited -
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.debug }) → 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 ==(
dynamic other) → bool -
The equality operator. [...]
inherited