第35页，共166页。 显示 1,655 条结果 (0.036 秒)
Echarts图形-扩展属性：样式 - 饼图环形图中调节视觉引导线长度
(本文档仅供参考) 说明 在产品饼图和环形图的配置项中可通过设置【数据项标签】来设置视觉引导线的显示，那么如何调节引导线的长度，如下图所示 image2021-8-30_14-57-28.png 解决方案 如需调节视觉引导线长度，可通过扩展属性来实现，如下 { "legend": { "align": "left" }, "series": [{ "labelLine": { "show": true, "length": 14, "length2": 80 }, }] }Echarts图形-扩展属性：样式 - 饼图的颜色修改，图例圆点样式的修改
（本文档仅供参考） 问题1 想修改饼图的颜色，然后图例圆点显示，如下图： image2021-3-19_10-9-22.png 解决方案 可以使用扩展属性实现，如下： { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向，vertical竖向排版 "align": "left", //图例对齐方式 "right": "16px", //图例距右侧距离16像素 "top": "center", //图例距顶部上下居中 "icon": "ciEcharts图形-扩展属性：折线 - 联合图设置X轴起点在Y轴上
（此文档仅供参考） 问题 如下图，想设置第一条数据标在Y轴点 image2019-10-11 18:36:18.png 解决方案 可采用以下扩展属性 { "xAxis": { "boundaryGap": false } } image2019-10-11 18:35:32.png 另外，对于联合图是自定义标线的起点不在Y轴上的问题也可以用此扩展属性解决。 image2019-10-11 18:38:0.pngEcharts图形-扩展属性：泡泡图 - 实现泡泡图添加矩形的范围
（本文档仅供参考） 问题 希望能实现矩形的标准范围(比如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 鼠标提示单位
