toImage method

Future<Image?> toImage({ double pixelRatio = 1.0, })

Method to convert the SfFunnelChart as an image.

Returns the dart:ui.image.

As this method is in the widget’s state class, you have to use a global key to access the state to call this method.

final GlobalKey<SfFunnelChartState> _key = GlobalKey();
@override
Widget build(BuildContext context) {
    return Scaffold(
    body: Column(
      children: [
        SfFunnelChart(
          key: _key,
          series: FunnelSeries<_FunnelData, String>(
            dataSource: data,
            xValueMapper: (_FunnelData data, _) => data.xData,
            yValueMapper: (_FunnelData data, _) => data.yData,
          ),
        ),
        RaisedButton(
          child: Text(
            'To Image',
          ),
          onPressed: _renderImage,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(20),
          ),
        ),
      ],
    ),
  );
}

Future<void> _renderImage() async {
 dart_ui.Image data = await _key.currentState.toImage(pixelRatio: 3.0);
 final bytes = await data.toByteData(format: dart_ui.ImageByteFormat.png);
 if (data != null) {
   await Navigator.of(context).push(
     MaterialPageRoute(
       builder: (BuildContext context) {
         return Scaffold(
           appBar: AppBar(),
           body: Center(
             child: Container(
               color: Colors.white,
               child: Image.memory(bytes.buffer.asUint8List()),
                ),
              ),
            );
          },
        ),
      );
   }
}

Implementation

Future<Image?> toImage({double pixelRatio = 1.0}) async {
  final RenderRepaintBoundary? boundary =
      context.findRenderObject() as RenderRepaintBoundary?;
  if (boundary != null) {
    final Image image = await boundary.toImage(pixelRatio: pixelRatio);
    return image;
  }

  return null;
}