g2plot如何实现面积图和折线图的动态切换？

一开始的时候显示的是面积图：

当我点击折线图的时候，要变成折线图：

当我再点击面积图的时候，还要变回面积图：

要实现这个功能，得知道g2plot几个重要的API。

第一个是render方法：

第二个是update方法：

第三个是destory方法：

另外，我们还需要知道vue的监听器是什么，怎么使用的。

这里说一下我的思路：

1、页面挂载的时候加载数据，渲染画布，默认使用面积图

2、监听图标类型的改变，如果改变了，先销毁原来的图，再根据图表类型创建新的图，然后渲染

最终的完整代码如下：