响应式 Echarts Flutter 组件

本文介绍了一种响应式 Echarts Flutter 组件： flutter_echarts 的开发思路
repository
pub.dev

Flutter 随着自身的发展，逐渐被应用到较为大型的应用中，复杂的数据可视化图表日益成为一个重要的需求。虽然 Flutter 有强大的 Painter、Canvas 用于图形绘制，但不幸的是，目前 Flutter 生态圈中还没有功能强大又易用的杀手级可视化库。

今年以来，Flutter 开发组推出了官方的内联 WebView 组件：webview_flutter ，它基于 Flutter 新的 Platform View，使得我们可以将 Web 的内容，和其它 Widget 一样，无缝的嵌入到 Flutter 中。因此我们可以将 Web 中那些成熟完善的可视化库引入到我们的 Flutter 应用中。

说到成熟完善、强大易用的可视化库，Echarts 无疑是一个很好的选择。它的优点就不再赘述了，将 Echarts 应用到 Flutter app 中，不仅可以实现 Echarts 支持的各种丰富的图表类型，满足各种需求，而且能够复用 Web 端现成的配置代码，减少工作量。

因此我们封装了 Flutter 组件： flutter_echarts ，兼顾易用性和扩展性原则，争取做到既方便 Flutter 开发人员使用，又尽可能的发挥 Echarts 的功能。

特性

在此之前，在 React Native 中封装 Echarts 的 实践 里，我们总结了一些在响应式前端框架中使用可视化库的经验，结合对 Flutter 的理解，为 flutter_echarts 设计了如下特性：

响应式更新

Flutter 和所有响应式前端框架一样，最重要的特点之一就是可以根据数据的变化