华为云首页用户手册

ASTRO轻应用 ASTROZERO-echarts组件自定义动作交互设置:操作步骤

ASTRO轻应用 ASTROZERO-echarts组件自定义动作交互设置:操作步骤

时间：2024-04-28 16:09:17

ASTRO轻应用 ASTROZERO

操作步骤

选中某个echarts组件，单击。
在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。

图1 新建自定义动作

在动作实现中，输入如下代码，调用echarts提供的动作API。

echartsInst.dispatchAction({
     type: 'highlight',
     dataIndex: params.dataIndex,
 });

单击“新增参数”，设置参数名称为“dataIndex”。

图2 新增dataIndex字段
选中echarts组件，单击，进入组件交互页面。
在作为触发器中，单击“交互事件”，选择“组件加载”。
在响应动作中，单击“响应动作”，选择“组件响应”。
在动作详情中，“响应组件”选择echarts组件，“响应动作”选择“设置数据高亮”，“dataIndex”设置为“0”。

图3 设置动作详情
保存交互设置，预览页面，echarts组件渲染首个数据获得高亮效果。

图4 查看渲染效果

上一篇：ASTRO轻应用 ASTROZERO-radio:配置示例

下一篇：ASTRO轻应用 ASTROZERO-在资产中心使用模板安装大屏应用:操作步骤

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

68元/年

普惠上云领千元上云礼券

立即前往

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

888元/年

热门域名 1元随心购

1元/年起

ASTRO轻应用 ASTROZERO-echarts组件自定义动作交互设置:操作步骤

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题