中继器|中继器结合echarts生成可视化图表( 二 )

第二段代码如下图所示：

文章插图
这里的上面的代码其实就是在echart复制过来的，你们可以看回思路讲解里面的图，里面红色框的数据，我们用变量[[LVAR1]]代替，LVAR1就是通过中继器保存起来的文本标签的值。所以后续我们就可以直接修改中继器表格，实现自动生成图表。
第三段代码如下图所示：

文章插图
第一段代码和第三段代码是保持不变的。我们其实只需要修改中继器的代码就可以了。
柱状图、条形图、环形图、玫瑰图、雷达图、k线图、漏斗图等echarts基础图表都可以用这套代码，制作思路都是一致的，用中继器替换第二段代买里面的值。这样做出来的模板，就算是完全不懂代码的小白都可以直接使用，而且复用性很强哦。
那以上就是本期的全部内容了，感谢您的阅读，我们下期见，88~~~
本文由 @做产品但不是经理原创发布于人人都是产品经理，未经作者许可，禁止转载。
题图来自Unsplash，基于CC0协议。