华为云首页 用户手册

ASTRO大屏应用 ASTROCANVAS-echarts组件自定义事件交互设置:自定义事件交互设置

ASTRO大屏应用 ASTROCANVAS-echarts组件自定义事件交互设置:自定义事件交互设置

时间：2024-11-06 21:53:36
ASTRO大屏应用 ASTROCANVAS

自定义事件交互设置

  1. 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。

    图1 拖拽折线图堆叠组件到画布中

  2. 选中折线图堆叠组件，单击。
  3. 在自定义事件中，单击“新增自定义事件”，修改事件名称为“echarts单击系列”。

    图2 新建echarts单击系列事件

  4. 在事件实现中，输入如下代码，即echarts实例的“单击系列”动作将会发送此事件，携带参数为echarts传递的事件对象。 

    echartsInst.on('click', 'series', triggerCurrentEvent);

  5. 单击“新增字段”，设置字段名称为“seriesIndex”。

    图3 seriesIndex字段

  6. 选中echarts组件，单击，进入组件交互页面。
  7. 单击“交互事件”，选择“echarts单击系列”。
  8. 为“echarts单击系列”事件设置响应动作，如赋值全局变量，将字段seriesIndex赋值给全局变量。

    图4 将字段seriesIndex赋值给全局变量

  9. 单击“完成”，返回大屏设计页面。
  10. 在全部组件中，拖拽一个实心圆饼图到画布中。
  11. 为实心圆饼图设置数据。

    1. 选中实心圆饼图，单击。
    2. “数据类型”选中“数据集”，并选择所需的数据集。
    3. 在全局变量配置中，绑定8中的全局变量，并给全局变量赋值。
      图5 绑定全局变量
    4. 在组件预览中，从“表格字段”中拖拽对应的字段到“配置”中，并单击“保存”。

  12. 返回大屏设计页面，单击后，单击。
  13. 在预览页面，单击折线图堆叠图表中的系列，页面的全局变量将被设置为参数seriesIndex的值。
support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7067.html

新客秒杀 2核2G 3M L实例

68元/年

普惠上云 领千元上云礼券

立即前往

企业专享 X实例 4核8G 5M

888元/年

热门域名 1元 随心购

1元/年起

看了此文的人还看了
CDN加速 GaussDB 文字转换成语音 免费的服务器 如何创建网站 域名网站购买 私有云桌面 云主机哪个好 域名怎么备案 手机云电脑 SSL证书申请 云点播服务器 免费OCR是什么 电脑云桌面 域名备案怎么弄 语音转文字 文字图片识别 云桌面是什么 网址安全检测 网站建设搭建 国外CDN加速 SSL免费证书申请 短信批量发送 图片OCR识别 云数据库MySQL 个人域名购买 录音转文字 扫描图片识别文字 OCR图片识别 行驶证识别 虚拟电话号码 电话呼叫中心软件 怎么制作一个网站 Email注册网站 华为VNC 图像文字识别 企业网站制作 个人网站搭建 华为云计算 免费租用云托管 云桌面云服务器 ocr文字识别免费版 HTTPS证书申请 图片文字识别转换 国外域名注册商 使用免费虚拟主机 云电脑主机多少钱 鲲鹏云手机 短信验证码平台 OCR图片文字识别 SSL证书是什么 申请企业邮箱步骤 免费的企业用邮箱 云免流搭建教程 域名价格
ASTRO大屏应用 ASTROCANVAS-echarts组件自定义事件交互设置:自定义事件交互设置

搜索反馈

您搜索到想要的结果了吗?

是的 没有

意见反馈

0/200

提交 取消

提交成功！非常感谢您的反馈，我们会继续努力做到更好 反馈提交失败！请稍后重试！
产品专区
推荐文章
更多内容
云硬盘存储EVS Web应用防火墙 人机语音识别 云计算入门 云数据库选择 HDC大会 华为云计算 响应式建站是什么 智慧班牌系统