第1页，共50页。 显示 495 条结果 (0.019 秒)
Echarts图形-扩展属性：鼠标提示 - 关系图圈上面的鼠标提示不显示，只显示线上的鼠标提示
（本文档仅供参考） 问题 关系图，圈上面的鼠标提示不显示，只显示线上的鼠标提示。 image2018-11-14 15:3:17.png 解决方案 可使用如下扩展属性代码实现： 注：线上的params.value获取的是links里面的value，若想线上有值显示，需要设置links的value … {return '';}}" } } 关系图鼠标提示Echarts图形-扩展属性：鼠标提示 - 雷达图鼠标提示显示在图表区域内
（本文档仅供参考） 问题 雷达图鼠标有很多值的时候，鼠标提示会显示超出图表区域，这时候要如何解决？ image2018-11-20 11:26:31.png 解决方案 可通过扩展属性实现限制鼠标提示在区域内，具体用如下扩展属性： { "tooltip": { "confine": true } } image2018-11-20 11:28:24.png 效果： image2018-11-20 11:28:5.png 鼠标提示显示不全Echarts图形-扩展属性：鼠标提示 - 地图鼠标提示、数据标签（指标值）相关设置
注意：V7使用的echarts版本是3.0，而V8、V9使用的echarts版本是4.（此文档仅供参考） 问题1 鼠标提示-客户想要实现当鼠标放到某一区域时有提示框显示相关内容（如下图1） 思路 散点图和染色地图是可以设置鼠标提示的，如下图2，热力地图由于它本身比较特殊，边界不明显且不好控制，echarts本身不支持对热力地图的鼠标提示设置，目前暂无法实现。 image2020-7-28_18-36-32.png image2020-7-28_18-52-13.png 问题2 指标值-在地图上直接显示数据标签即显示相关指标，并且标签内容为对应的区域信息 思路 V7版本及V97以上版本可参考此文档 地图上显示指标Echarts图形-扩展属性：鼠标提示 - 堆积柱图取消某项指标鼠标提示
（此文档仅供参考） 现象 在做堆积柱图时有时想隐藏某项鼠标提示，例如图中，鼠标移入销售额上显示，导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现，而扩展属性中如果需要隐藏销售量，那么就得写在第一个括号内，如果在销售额的下方，就需要写在第二个括号内，如图： { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.png 取消某个柱图的鼠标提示Echarts图形-扩展属性：鼠标提示 - 同系列柱图鼠标提示
（本文档仅供参考） 问题 做好柱图后，想实现鼠标移入后同系列柱图鼠标提示都显示出来，如下图： image2018-11-7 21:30:13.png 实现方案 需要写扩展属性即可完成，相关的属性可以上echarts官网查看，http://echarts.baidu.com http … ' } } } V11版本效果如下： image_1701771435943_1a23o.png image_1701771468009_13h4g.png 多系列柱图鼠标提示Echarts图形-扩展属性：鼠标提示 - 柱图鼠标提示换行显示
（本文档仅供参考） 问题 如何实现柱图鼠标提示换行显示？ 解决方案 可以用以下扩展属性实现： { "tooltip": { "formatter": "function(a){ debugger;return a.seriesName+'</br>'+a.name+'</br>'+a.data.value[1]}" } } 效果图如下： image2018-11-5 14:39:56.png 鼠标提示换行Echarts图形-扩展属性：鼠标提示 - 柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变，270deg从左往右渐变色，#19263B，#FF0000分别为渐变的颜色 } } 鼠标提示框背景渐变Echarts图形-扩展属性：鼠标提示 - 折线图鼠标放上去自动显示一条竖线
（本文档仅供参考） 问题描述 折线图鼠标放上去自动显示一条竖线 然后展示所有线的值 image2023-3-14_21-19-39.png 解决方案 可以用扩展属性实现放上去有竖线 { "tooltip": { "trigger": "axis" } } trigger属性具体可参考如下文档：https … /option.html#tooltip.trigger https://echarts.apache.org/zh/option.html#tooltip.trigger favourite 鼠标提示显示多系列的值Echarts图形-扩展属性：鼠标提示 - 饼图鼠标提示显示千分位、保留两位小数和显示百分比
（本文档仅供参考） 问题 饼图鼠标提示显示千分位和保留两位小数，并且00也要显示出来 image2022-3-23_14-21-34.png 方案 可以参考下方扩展属性： { "tooltip": { "formatter … (/(\\d{1,3})(?=(\\d{3})+(?:$|.))/g,'$1,');return '渠道保费占比<br>'+arg.name+': '+value+' ('+Math.round(arg.percent*100)/100+'%) '}" } } 千分位 保留两位小数 百分比 显示00 鼠标提示两位Echarts图形-扩展属性：鼠标提示 - 雷达图鼠标提示-数据后面添加单位
（本文档仅供参考） 问题 雷达图希望数据后面添加单位 A09081FE-886B-4f1e-BD64-CDA8CD63FC02.png 解决方案 具体请参考如下扩展属性 添加位置.png "tooltip": { "formatter": "function(a){var s = '';var arr = a.data.valueInfo;for(var i in arr){s+=arr[i].displayValue[0]+'：'+arr[i].displayValue[1]+'个<br/>';}return s}" } 实现效果 实现效果.png 鼠标提示单位
