# echarts组件自定义事件交互设置
echarts组件作为触发器的事件时，可以在自定义事件中设置。
#### 自定义事件交互设置
1. 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 
   图1拖拽折线图堆叠组件到画布中   
   ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123027956.png "点击放大")
   
   
2. 选中折线图堆叠组件，单击![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002124097238.png)。
3. 在自定义事件中，单击"新增自定义事件"，修改事件名称为"echarts单击系列"。 
   图2新建echarts单击系列事件   
   ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158307721.png "点击放大")
   
   
4. 在事件实现中，输入如下代码，即echarts实例的"单击系列"动作将会发送此事件，携带参数为echarts传递的事件对象。 
   ```
   echartsInst.on('click', 'series', triggerCurrentEvent);
   ```
   
   
5. 单击"新增字段"，设置字段名称为"seriesIndex"。 
   图3seriesIndex字段   
   ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158307697.png "点击放大")
   
   
6. 选中echarts组件，单击![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002148213325.png)，进入组件交互页面。
7. 单击"交互事件"，选择"echarts单击系列"。
8. 为"echarts单击系列"事件设置响应动作，如赋值全局变量，将字段seriesIndex赋值给全局变量。
   
   图4将字段seriesIndex赋值给全局变量   
   ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158307693.png "点击放大")
   
   
9. 单击"完成"，返回大屏设计页面。
10. 在全部组件中，拖拽一个实心圆饼图到画布中。
11. 为实心圆饼图设置数据。 
    1. 选中实心圆饼图，单击![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002112534904.png)。
    
    2. "数据类型"选中"数据集"，并选择所需的数据集。
    
    3. 在全局变量配置中，绑定[8]中的全局变量，并给全局变量赋值。
       图5绑定全局变量   
       ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123027976.png "点击放大") 
    
    4. 在组件预览中，从"表格字段"中拖拽对应的字段到"配置"中，并单击"保存"。
    
    
    
    
12. 返回大屏设计页面，单击![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123286424.png)，再单击![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158647057.png)。
13. 在预览页面，单击折线图堆叠图表中的系列，页面的全局变量将被设置为参数seriesIndex的值。