仿腾讯问卷-echart多个图表的切换

738 阅读1分钟

腾讯问卷实现如下:


我实现如下:


功能描述:把每个问题的占比用四种图形表示出来

难点:实现让每个数据互不影响的切换

解决过程:

1.先给每种图表单独写一个子组件。

2.子组件中,chartAlign代表每个图表的id,Aligndata代表每个图表的数据。


3.在父页面引入


4.父页面使用组件


其中的EchartType默认数据是['bar','bar','bar','bar'],所以开始展示的都是柱状图

click函数如下