【Echarts】触发click点击事件的两种方式

柔情只为你懂 2024-03-31 12:20 91阅读 0赞

> ## 一、ECharts方法 ##
> 
>     <body>
>         <div id="main" style="width: 600px;height:400px;"></div>
>         <script type="text/javascript">
>             // 基于准备好的dom，初始化echarts实例
>             var myChart = echarts.init(document.getElementById('main'));
>      
>             // 指定图表的配置项和数据
>             option = {
>             xAxis: {
>                 type: 'category',
>                 data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
>             },
>             yAxis: {
>                 type: 'value'
>             },
>             series: [
>                 {
>                 data: [150, 230, 224, 218, 135, 147, 260],
>                 type: 'line'
>                 }
>             ],
>             };
>      
>             // 使用刚指定的配置项和数据显示图表。
>             myChart.setOption(option);
>             myChart.on('click',  function(param) {
>                 this.methodOne();
>             });
>         </script>
>     </body>
> 
> ## 二、Echarts所在标签加@click() ##
> 
> 这种传统方法可以精准控制点击区域, 优选选择
> 
> **有用请点赞，养成良好习惯！**
> 
> **疑问、交流、鼓励请留言！**

发表评论取消回复

表情：

评论列表（有 0 条评论，91人围观）

还没有评论，来说两句吧...

相关阅读

相关【Echarts】触发click点击事件的两种方式

> 一、ECharts方法 > > <body> > <div id="main" style="width: 600px;height:400p

柔情只为你懂/ 2024年03月31日 12:20/ 0 赞/ 92 阅读

相关 GeckoFx (7)触发html元素的click点击事件

定义： browser：Gecko.GeckoWebBrowser 控件；目标：　使用 xpath 查询元素，并触发元素的点击事件。

港控/mmm°/ 2024年02月17日 18:13/ 0 赞/ 60 阅读

相关 ECharts 触发click点击事件

1 实现代码 <body>  <div id="main" st

我不是女神ヾ/ 2023年10月05日 11:41/ 0 赞/ 31 阅读

相关 jquery点击事件(jquery触发点击事件onclick)

jquery实现远程http的get请求用哪个事件？jquery ![jquery点击事件][jquery] jquery实现远程http的get请求用哪个事件？jq

系统管理员/ 2023年09月26日 15:01/ 0 赞/ 192 阅读

相关 echarts 点击地图画布空白处触发事件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6eE9u

骑猪看日落/ 2022年12月23日 13:25/ 0 赞/ 333 阅读

相关 vue使用echarts 点击事件点击一次触发多次

问题描述现项目中需求是切换公司就要更新地图，就需要重新渲染这个echarts图，一旦重新渲染后会出现累加情况，它会根据你渲染的次数调用点击事件，即点击一次触发多次

偏执的太偏执、/ 2022年12月16日 13:25/ 0 赞/ 286 阅读

相关 click事件点击一次重复触发 (解绑事件)

今天做一个小模块，点击有一个弹框弹小窗口出来，然后点击保存竟然保存的function会执行很多次，后面打断点发现问题的根源就在每点一次弹框就会注册一次click事件，导致cli

淩亂°似流年/ 2022年05月27日 09:46/ 0 赞/ 275 阅读

相关 jQuery点击（click）事件覆盖

jQuery中，事件的绑定是叠加式，而不是很多人想象的覆盖式。如： $('button').click(function(){ alert("firs

叁歲伎倆/ 2022年02月23日 14:21/ 1 赞/ 855 阅读

相关点击click触发两次事件解决办法

在某个按钮绑定了单击事件，点击却触发两次事件请求， 1.（点击div触发两次事件）--解决办法例： $("btn").click(function(e){

短命女/ 2021年11月17日 14:14/ 0 赞/ 1904 阅读

相关 RecyclerView的点击事件的两种实现方式

文章目录 RecyclerView的点击事件 (一）在适配器的onBindViewHolder方法中去添加响应事件 (二)写回调方法

「爱情、让人受尽委屈。」/ 2021年09月21日 15:02/ 0 赞/ 932 阅读