首页 > 其他分享 >pyecharts 指定“chart_id” 绑定事件

pyecharts 指定“chart_id” 绑定事件

时间:2024-07-21 23:41:12浏览次数:8  
标签:pyecharts e5% chart 点击 111 id

作者:JasonBourn_8228
链接:https://www.jianshu.com/p/10167a735d3a
来源:简书

 

问题,点击地图的板块时,需求弹出此板块的信息

解决办法:

查阅pyecharts官网手册:

https://pyecharts.org/#/zh-cn/global_options?id=initopts%ef%bc%9a%e5%88%9d%e5%a7%8b%e5%8c%96%e9%85%8d%e7%bd%ae%e9%a1%b9

初始化配置中指明了chart_id可以设置成固定值。在此设置为chart_111

 

  添加chart_id和js代码

代码:

t1 = Timeline(init_opts=opts.InitOpts(chart_id='chart_111'))

t1.add_js_funcs(

'''

chart_chart_111.on('click', function(params){

alert(1);

console.log(params.name);//此处写点击事件内容

});//点击事件,此事件还可以用到柱状图等其他地图

   ''')

效果如下图:

  点击时有名字显示

如果需要可查看params变量显示更多。

点击运行生成网页源代码效果图:

  可以看到变量名已经改编为 chart_ chart_111

以上。

 

作者:JasonBourn_8228
链接:https://www.jianshu.com/p/10167a735d3a
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

标签:pyecharts,e5%,chart,点击,111,id
From: https://www.cnblogs.com/chenyalin/p/18315155

相关文章

  • 简单的球场管理系统(仅仅是连接IDEA与数据库不涉及前端,展示主要是在控制台输入输出)
    项目内层分为七层我这里分为(beans,controller,dao,lib,service,test,util)这七层仅展示(controller层)(1)QiuChangControllerimportcom.xszx.beans.Balance;importcom.xszx.beans.Ball;importcom.xszx.beans.JBall;importcom.xszx.beans.User;importcom.xszx.dao......
  • Idea配置远程开发
    Idea配置远程开发本篇博客介绍使用idea通过ssh连接ubuntu服务器进行开发目录Idea配置远程开发1.idae上点击file->RemoteDevelopment2.点击NewConnection3.填写相关信息4.输入密码5.选择IDE版本和项目路径5.1点击openanSSHterminal打开控制台5.2依次执行命令6.......
  • Frida server版本对应 Android 安卓版本
    前言全局说明Fridaserver版本对应Android安卓版本一、说明frida​的版本号需要注意一下,例如低版本的Android(如Android6),可能出现frida-server运行时宿主系统出现黑屏,死机的问题。如果遇到此问题,手机未自动重启,手动强制重启后系统即可恢复正常。下面附上一张来自网......
  • java入门—JDK下载、环境配置、IDEA开发工具使用
    JavaSE入门—初识Java、JDK开发环境下载、Path环境配置、IDEA开发工具下载、HelloWorld详解1.Java概述1.1Java发展概述1.2Java语言特点及应用1.3Java技术体系2.Java的开发环境(JDK)搭建2.1JDK的下载2.2JDK与JRE3.Java环境配置3.1path、JAVA_HOME环境变量配......
  • MiniAuth 一个轻量 ASP.NET Core Identity Web 后台管理中间插件
    MiniAuth一个轻量ASP.NETCoreIdentityWeb后台管理中间插件「一行代码」为「新、旧项目」添加Identity系统跟用户、权限管理网页后台系统开箱即用,避免打掉重写或是严重耦合情况Github:https://github.com/mini-software/MiniAuth,Gitee:https://gitee.com/shps9510......
  • QDockWidget
    详细描述QDockWidget 类提供了一个小部件,它可以停靠在QMainWindow内部,也可以作为桌面上的顶级窗口浮动。QDockWidget 提供了停靠部件的概念,也称为工具调色板或实用窗口。停靠窗口是放置在 中央部件 周围的停靠部件区域中的辅助窗口,位于 QMainWindow 中。终端用户可以......
  • 一文全懂:独立冗余磁盘阵列(RAID)
    独立冗余磁盘阵列,也就是大家常说的RAID,英文全称是:RedundantArrayofIndependentDisks,使用该技术,可以大幅提高硬盘设备的IO读写速度,还存在数种数据冗余备份机制提供用户选择,能够降低用户数据盘损坏带来的数据丢失的风险。RAID技术通过把多个硬盘设备组合成一个容量更大、安全......
  • Grid Puzzle
    可以看看官方题解,说一下我的赛时做法肯定操作二看起来都要优秀得多不难发现,相邻两行不可能放两个及以上操作一,否则的话直接用两个操作二替代利用数学归纳法考虑,对于第一行,我们要么用操作二,然后再去考虑之后的,要么用一个操作一(这要求第一行的黑色格子不超过\(2\),而此时显然用操......
  • P3041 [USACO12JAN] Video Game G 题解 AC自动机
    本题是一道AC自动机上的dp。首先不难想到状态定义f(i,j)表示仅考虑前i 个位置,第i 个字符是j 的分数,但无法转移,所以考虑将j这一维转化为表示AC自动机上的点。再定义val(i)表示以i 结尾的所有技能种数,则转移方程为f(i,j)=max(f(i,j),f(i-1,father(j)+val(j......
  • E. Rudolf and k Bridges
    链接https://codeforces.com/problemset/problem/1941/E题目思路比较容易想到的一道题(但是之前想了好久hhh)。首先题意是对一连串的桥的代价求和,不难想到是前缀和求区间最小。那么就可以拆分这题为每行处理。容易想到dp,而且dp的过程也比较简单:设dp[i]是到达i的最小代价,那么对......