项目场景：

项目场景：使用ecahrts 做一个环形图,但是鼠标触碰图例会有放大效果,根据高保真这个效果需要取消

问题描述

问题1我想把这个放大效果取消,让后翻阅echarts的文档让后发现

let option={backgroundColor:"rgba(0,0,0,0)",color: datas.colors,grid: {bottom: "1%",top: "10"},series: [{name: "", type: "pie",radius: ["56%", "72%"],center: ["50%", "46%"],silent:'ture'//图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。avoidLabelOverlap: false,legendHoverLink:false,label: { show: false,position: "center",},labelLine: { show: false ,},data:[100]},]};

series-pie. silent
图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。

silent 使用之后出现了一些问题

问题描述

使用silent之后虽然放大效果取消了,但是顺手把提示框的效果也给弄没了

原因分析：

series-pie. silent
图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。

注意他说的不响应和触发鼠标事件,也就是说要想保留tooltip就不能使用silent

解决方案：

因为不能使用silent,我就仔细研读文档, 找到了另一种方法

 {name: "",clockwise: false, type: "pie",radius: ["56%", "72%"],center: ["50%", "46%"],avoidLabelOverlap: false,legendHoverLink:false,// silent:true,取消了silentemphasis:{//使用emphasisdisable:false,scale:false,//不缩放scaleSize:0,//为了防止失效直接设置未0},label: { show: false,position: "center",},labelLine: { show: false ,},data: datas.dataArr},

实现效果

Echarts饼图,环形图,鼠标触碰后取消默认放大效果相关推荐

echarts 饼图/环形图鼠标经过显示文本标签图例icon
文章目录鼠标经过显示文本标签效果关键部分图例 icon 效果关键部分完整实现鼠标经过显示文本标签效果关键部分 label: { // 饼图图形上的文本标签normal: { // ...
【ECharts】环形图、饼状图
目录 color设置的颜色环形渐变色圆环中间显示文字悬浮显示中间文字悬浮显示中间文字,默认显示第一个循环高亮饼图块 label文字过长重叠 label和饼图一致 label展示位置内容为0 ...
chart.js使用学习——饼图/环形图
饼图/环形图能够展示数据集中各项的大小与各项总和的比例.chart.js中创建饼图/环形图,只需在chart构造函数中指定图表类型为pie/doughnut即可. 基本用法创建饼图/环形图主 ...
qt读取文件里的数据并做折线图并鼠标触碰显示
qt读取文件里的数据并做折线图并鼠标触碰显示 void MainWindow::chartShow1() {strText =ui->dateTimeEdit->text(); //传递 ...
用H5和CSS如何实现鼠标触碰一个盒子后显示下面隐藏的盒子
只用H5和CSS较简洁的实现这个效果是有一定难度的,下面提供两种实现思路: 第一种:定位覆盖法: 顾名思义,这个方法需要用到CSS定位属性(position),被覆盖的盒子称为A盒,用来覆盖的盒子称为 ...
echarts之环形图
echarts中环形图就是饼图,区别在于是否定义了图形内部镂空的半径而已,就像下图: 那么现在有了一个圆环,中间如果空着的话就太难看了,所以给了如下的样式: 就是要给圆环中心添加内容.如果是单纯的添加 ...
前端鼠标触碰实现遮罩方法
前端_鼠标触碰事件纯css编写,无js控件,鼠标触碰,下拉出新的界面. <!DOCTYPE html> <html><head><meta charset= ...
鼠标触碰元素时变为其它各种形状
鼠标触碰元素时,鼠标形状变为其它形状,其中经典的是手形 (style="cursor:pointer") <p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:< ...
CSS 实现鼠标触碰完成渐变切换
CSS 鼠标触碰完成渐变切换效果图如下: 首先设置两个一样大小,颜色不同的盒子.粉色的盒子是蓝色盒子的父级盒子,利用子绝父相将蓝色盒子放置在粉色盒子的右侧(利用子绝父相,还可以在父盒子中设置over ...

Echarts饼图,环形图,鼠标触碰后取消默认放大效果