echarts饼图点击区块事件

在这里插入图片描述

loadEchart: function (echartname, data) {option = {title: {text: '',subtext: '',left: 'center'},tooltip: {trigger: 'item',formatter: '{c}%'},legend: {orient: 'vertical',left: 'left',},series: [{name: '',type: 'pie',radius: '70%',data: [['name'=>'合同额','value'=>12312312],],label: {formatter: '{b}: {@name} ({d}%)'},emphasis: {itemStyle: {shadowBlur: 10,shadowOffsetX: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'}},}]};var record_type = Echarts.init(document.getElementById(echartname));record_type.setOption(option);record_type.on('click', function (params) {if(params.data.name == '退款'){// 退款展示数据类型不一样}else{// 展示日报的信息}// _this.$router.push({path: "/jbxx/xsxx", query: { name: params.data.name }})});},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/235083.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ros2机器人在gazebo中移动方案

原文连接Gazebo - Docs: Moving the robot (gazebosim.org) 很重要的地方:使用虚拟机运行Ubuntu的时候,需要关闭”加速3D图形“的那个选项,否则gazebo无法正常显示。 Moving the robot(使用命令移动机器人示例) In t…

SpringBoot知识点回顾01

Spring是为了解决企业级应用开发的复杂性而创建的,简化开发。 Spring是如何简化Java开发的 为了降低Java开发的复杂性,Spring采用了以下4种关键策略: 1、基于POJO的轻量级和最小侵入性编程,所有东西都是bean; 2、通…

《JVM由浅入深学习【一】 2023-12-19》JVM由简入深学习提升

JVM由浅入深一(类加载) JVM的类加载1. java运行时是什么时候被加载的?2. JVM类加载过程大致阶段3. 父类与子类初始化各个类型顺序4. 什么是类加载器?6. 双亲委派机制 JVM的类加载 1. java运行时是什么时候被加载的? …

TikTok获客工具开发,这些代码不能少!

随着TikTok的全球影响力不断扩大,越来越多的企业和个人开始将目光投向这个短视频平台。 为了在竞争激烈的市场中脱颖而出,开发一款高效的TikTok获客工具成为了迫切的需求,而在开发过程中,掌握一些基础源代码是必不可少的。 本文…

虾皮ERP系统:提升电商企业管理效率和水平的利器

虾皮ERP(Enterprise Resource Planning,企业资源规划)系统是电商企业管理业务流程和资源的重要工具。通过整合企业的各种功能模块,如采购、销售、库存和财务等,虾皮ERP系统实现了数据共享和流程自动化,从而…

Java自动化测试系列[v1.0.0][多种数据驱动实现附源码]

数据驱动测试是自动化测试中一种重要的设计模式,这种设计模式可以将测试数据和测试代码分开,实现数据与代码解耦,与此同时还能够实现一次任务中使用不同的数据来执行执行相同的测试脚本,因此它会使得我们的代码层次结构清晰&#…

数据结构学习 Leetcode300最长递增子序列

是我在学习动态规划时遇到的一道题。 题目: 一共有两种解法: 动态规划贪心 二分(很难理解,我还没完全懂。。。) 解法一:动态规划 思路: 状态:nums的前i个数的最长递增子序列。dp…

天空卫士协助蒙牛打造数据安全堡垒

“真正的世界领先不光是看规模和销量,还要看给行业、给消费者、给这个世界带来更多的价值与贡献。” ——蒙牛总裁 卢敏放蒙牛集团1999年成立于内蒙古自治区,总部位于呼和浩特,是全球乳业八强。除中国内地外,蒙牛产品还进入了东南…

量子登月计划!Infleqtion与日本JST研发中性原子量子计算机

​(图片来源:网络) 美国量子信息公司Infleqtion,已被日本科学技术振兴机构(JST)选定为“量子登月计划”唯一的外国量子计算合作伙伴。该计划旨在增强日本的量子技术能力,预计将在2050年之前对日…

LDO的工作原理

LDO,全称是低压差线性稳压器。LDO使用的是在线性区域内运行的晶体管或者场效应管。通过调节晶体管或场效应管两端的电压,产生经过调整过的输出电压。 但仅能使用在降压应用中,也就是输出电压必须小于输入电压。 LDO内部基本都是由4大部件构成…

前端加密后端校验(MD5)

前端加密后端校验(MD5) 因为md5是RSA数据安全公司开发的一种单向散列算法,非可逆,相同的明文产生相同的密文。因此校验可以比较加密之后的密文是否相同。 前端 md5 加密工具类(js): https://pan.baidu.…

Java8中的流如何正确使用?

Java 8引入的流(Stream)是一种强大而灵活的处理数据集合的方式。流提供了一种声明性的编程风格,使得对数据的操作更为简洁和可读。以下是一些关于如何正确使用Java 8中的流的建议: 创建流: 使用Collection接口的stream…

翻译: 负责任的人工智能 Responsible AI

负责任的人工智能指的是以道德、值得信赖和社会负责任的方式开发和使用人工智能。许多开发者、企业和政府都关心这一点,并且一直在进行对话,也在努力确保人工智能的构建和使用是负责任的。由于对负责任的人工智能的所有这些关注和努力,我们在…

信息收集 - 端口

端口 -简介 端口是计算机网络中用于标识特定应用程序或服务的数字标识符。当计算机之间进行通信时,数据传输通过端口进行。每个端口都有一个唯一的数字值,范围从0到65535。 端口分为三类: 知名端口(Well-known Ports):范围从0到1023,这些端口通常被系统或公共服务使用。…

2. 运算符和表达式

2. 运算符和表达式 ​ 在Java中,使用算术运算符、-、*、/表示加、减、乘、除运算。 ​ 当参与/运算时,两个操作数都是整数时,表示整除法;否则表示浮点除法。 ​ 整数的求余操作(取模)用%表示。例如&…

求解器的可行解存在一个允许的误差范围

在模型计算中,由于浮点计算的存在,包括数学建模当中常用的大M法等,都可能会使得结果存在轻微偏离预期的情况。然而,对于一些一定范围内的轻微偏移,我们常常是能够接受的,因为这些轻微的偏移能通过简单的调整…

听力句子100

[ 30 ] Now, you are going to be working on / writing a series of music lessons / for very young children. 现在,你将为年幼的孩子们编写一系列音乐课程 As before, youll be basing / the degin of your lessons / on the existing research / into how c…

苏州和数荣获苏州市软件行业协会“杰出贡献理事单位”

2023年12月14日,苏州市软件行业协会第五届第五次理事会议在金螳螂大厦顺利召开。 苏州市工信局副局长万资平,苏州市工信局大数据处处长卢剑荣,苏州市工信局大数据处丁天龙,江苏省软件行业协会副秘书长夏冰莹,苏州市软…

【SpringBoot快速入门】(2)SpringBoot的配置文件与配置方式详细讲解

之前我们已经学习的Spring、SpringMVC、Mabatis、Maven,详细讲解了Spring、SpringMVC、Mabatis整合SSM的方案和案例,上一节我们学习了SpringBoot的开发步骤、工程构建方法以及工程的快速启动,从这一节开始,我们开始学习SpringBoot…

SpringSecurity深度解析与实践(1)

目录 引言1. SpringSecurity1.1 SpringSecurity简介1.2 SpringSecurity工作原理1.3.特点 2. SpringSecurity的快速使用总结 引言 SpringSecurity作为Spring框架中的一个重要组成部分,扮演着保护应用程序安全的重要角色。本文将深入探讨SpringSecurity的原理、使用方…