Flutter插件flutter_echart

2,970 阅读2分钟

两年之前公司做RN开发,写了RN-Echart的版本的插件供公司使用,在学习Flutter的过程中,顺手就把Flutter-Echart写了。

但是因为期间个人原因,无瑕维护项目。两年时间收到了34个star和18个fork,非常感谢github上的各位。

还发现有人专门为我的lib写了篇博客介绍,非常感谢那位作者。近日来有空,再加上年初将公司项目改造成Flutter版,故对Flutter有了更深一点的了解,

现已将Echart插件的功能根据出现的issue进行了fix,并新增了刷新数据的功能。

以下简单介绍下:

1.如何引用

在项目的pubspec.yaml文件中 声明如下 flutter_echart: git: url: git://github.com/furuiCQ/flutter_echart.git

2.复制example项目中的asset目录到自己的项目根目录中。

并在pubspec.yaml文件中 声明如下: assets: - assets/echart.html

3.基本使用在example项目的main.dart已经写明。如有问题提Inssues

O(∩_∩)O

4.当前echart版本4.0.1

--2020年12月24日----

没想到时隔有两年多,获得了34个star,非常感谢star的朋友。 这里先道个歉,2年里面有很多变故,项目也就没有维护了,为了感谢曾经的这个34个star和18个fork, 近期将会花时间重新把这个项目维护起来,感谢大家。ღ( ´・ᴗ・` )比心

新增刷新功能。代码如下

    //创建一个Provider
    CounterProvider _counterProvider = new CounterProvider();
  //在EchartView外面套一个ChangeNotifierProvider
    ChangeNotifierProvider(
                    builder: (context) => _counterProvider,
                    child: Consumer(builder: (BuildContext context,
                        CounterProvider counterProvider, Widget child) {
                      print('EchartView。。。。。。');
                      return new Container(
                        child: EchartView(
                            key: _counterProvider.keyCount,
                            height: 300,
                            data: counterProvider.value),
                        height: 300.0,
                        width: 500.0,
                      );
                    })),
   //刷新数据功能
   Builder(builder: (context) {
                     return RaisedButton(
                       child: Text("更改数据2"),
                       onPressed: () {
                         _counterProvider2.refresh(UniqueKey(), option);
                       },
                     );
                   }),

刷新数据预览效果