首页 前端知识 ReactEcharts柱状图点击事件绑定

ReactEcharts柱状图点击事件绑定

2024-04-29 12:04:16 前端知识 前端哥 142 749 我要收藏

前言:技术栈(React),相关版本号:(echarts-for-react → ^2.0.8;echarts – ^4.1.0

正文:在React框架中使用ReactEcharts,并配置点击事件,获取点击节点,进行后续操作
代码:

import React from 'react';
import ReactEcharts from 'echarts-for-react';
import * as echarts from 'echarts';

export default function demo(){
let onEvents = {
    click:params => {
        // params 包含点击的节点属性,比如name,data等数据,可根据获取到的数据进行后续操作
    }
}
return (
        <ReactEcharts
            option={option}
            notMerge
            lazyUpdate
            onEvents={onEvents}
        />
    );
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/6357.html
标签
react.js
评论
发布的文章

HTML5本地存储

2024-05-06 09:05:10

HTML5和CSS3新特性

2024-04-16 17:04:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!