第41页，共132页。 显示 1,312 条结果 (0.475 秒)
Echarts图形-扩展属性：泡泡图 - 实现泡泡图添加矩形的范围
（本文档仅供参考） 问题 希望能实现矩形的标准范围(比如X轴要求780-900的范围且Y轴要求350-500)，以便快速识别标准范围外的泡泡点，具体效果如附件所示，请问如何实现？效果图如下： image2019-3-15 11:37:14.png 解决方案 通过扩展属性设置相应区域： { "series": [{ "markArea": { "data": [ [{ "name": "参考", "coord": [150, 1200],Echarts图形-扩展属性：鼠标提示 - 散点图数据标签显示名称
（本文档仅供参考） 问题 如何实现在散点图上直接显示产品名称，如“海鲜”？ image2019-4-12 13:0:28.png 解决方案 可直接通过扩展属性实现： { "series": [{ "label": { "normal": { "show": true, "position": "top", "formatter": "function (param) {return param.value[2];}" }Echarts图形-扩展属性：数据标签 - 散点图数据标签如何设置重叠不显示
（本文档仅供参考） 问题描述： 如何实现在散点图上重叠的标签直接不显示，如图： https://static.dingtalk.com/media/lQLPJwNbUg-RCXvNAoXNBLGwezWC7Z53zzcIAokcy1Z9AA_1201_645.png 解决方案 可直接通过扩展属性实现： { "series": [{ "labelLayout": { "hideOverlap": true } }] } https://static.dingtalk.com/mEcharts图形-扩展属性：数据标签 - Echarts树图去掉指标名称的显示
（本文档仅供参考） 问题 echarts树图想要去掉指标名称的显示，如下图的销售额： image2021-12-30_10-4-51.png image2021-12-30_10-5-17.png 解决方案 可以使用如下扩展属性： { "series": [{ "label": { "formatter": "function(param) {return param.data.displayValue}" } }] } image2021-12-30_10-5-44.pngEcharts图形-扩展属性：数据标签 - 矩阵树图标签显示数据
（本文档仅供参考） 问题： 矩阵树图默认只显示类别，如何在数据标签中显示数据呢？ 默认.png 解决方案： 可以参考配置下面的扩展属性调整 { "series": [ { "label": { "formatter": "function(a){return a.name +'\\n'+parseFloat(a.value).toFixed(2) }" } } ] } 添加方法.png 实现效果如下 添加后.png 占比可参考下面扩展属性 option = { "series": [{ "label": { "formatter": "function(Echarts图形-扩展属性：数据标签 - 桑基图标签换行
（本文档仅供参考，V95，echarts4.2版本上验证通过） 问题说明 桑基图的标签文字太行，如下，如何换行显示？ image2024-11-11_16-26-41.png 解决方案 参考如下扩展属性： "series": [ { "type": "sankey", "label": { "formatter": "function(a){return a.name.match(/.{1,4}/g).join('\\n');}" } } ] image2024-11-11_16-28-7.png image2024-11-11_16-27-14.png 桑基图数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 鼠标提示单位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图形-扩展属性：样式 - 雷达图修改分割线的颜色
（本文档仅供参考） 问题 雷达图的分割线是否可以设置颜色 image2021-3-19_16-51-54.png 解决方案 可以使用扩展属性实现，如下： { "radar": [{ //指向外圈文本的分隔线样式，交叉线的样式 "axisLine": { "lineStyle": { "color": "#FF00FF" } }, //其他的分割线的样式，环形线样式 "splitLine": { "lineStyle": {Echarts图形-扩展属性：样式 - 雷达图修改某条系列值的线条为虚线
（本文档仅供参考） 问题 雷达图展示目标值和实际值，如何将目标值系列线条类型设置为虚线呢？ 解决方案 可以使用扩展属性实现，如下： option = { series: [{ data: [{}, { lineStyle: { normal: { type: "dashed",// 设置连线为虚线 }, }, }, ] }] } 注：编写此文档时，echarts版本为5.1.2 效果如下图： 雷达图虚线效果图_20240425172638.png 雷达图系列线位虚线
