第75页,共113页。 显示 1,129 条结果 (0.024 秒)
Echarts图形-扩展属性:数据标签 - 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图形-扩展属性:数据标签 - 自助仪表盘树图自适应显示文字内容
(本文档仅供参考) 问题说明 使用自助仪表盘矩形树图,部分内容显示不全,超出显示的部分显示成省略号...,希望可以自适应显示全部内容。 image2022-9-1_17-53-23.png 解决方案 注:由于echarst版本问题,旧版本(已测4.8.0)此属性配置方式无效,新版本(已测5.1.2)有效 1、分析echarts是否支持自适应换行显示的属性。 经分析找到"overflow": "break" 设置效果符合需求。 image2022-9-1_17-56-23.png 2、资源中F12,查看Echarts图形-扩展属性:数据标签 - 关系图的连线上显示关系信息
(本文档仅供参考) 问题 关系图,在关系连线上直接显示出关系信息,如下图所示 关系图.png 解决方案 可使用如下扩展属性代码实现: { "series": [{ "edgeLabel": { "normal": { "show": true, "formatter": "function(x){ return x.name+':'+x.value;}", //连线显示关系 } } }] } PS: x.name 和x.value 是固定图形方法属性,如果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图形-扩展属性:样式 - 雷达图修改某条系列值的线条为虚线
(本文档仅供参考) 问题 雷达图展示目标值和实际值,如何将目标值系列线条类型设置为虚线呢? 解决方案 可以使用扩展属性实现,如下: option = { series: [{ data: [{}, { lineStyle: { normal: { type: "dashed",// 设置连线为虚线 }, }, }, ] }] } 注:编写此文档时,echarts版本为5.1.2 效果如下图: 雷达图虚线效果图_20240425172638.png 雷达图系列线位虚线Echarts图形-扩展属性:样式 - 雷达图修改线条颜色和字体颜色
(本文档仅供参考) 问题 雷达图的分类字体颜色和线条颜色是否可以设置呢? image2021-6-24_17-38-57.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ "name": { "textStyle": { "color": "red" } } }], "series": [{ "lineStyle": { "normal": { "color": "blue"Echarts图形-扩展属性:样式 - 雷达图如何取消点与点之间的连线及圈线
(本文档仅供参考) 问题 雷达图如何取消点与点之间的连线及圈线? 解决方案 可以通过如下扩展属性实现 : { "radar": [{ "splitLine": { "show": false }, "splitArea": { "show": false } }], "series": [{ "lineStyle": { "normal": { "width": 0Echarts图形-扩展属性:样式 - 雷达图的灰色区间颜色怎么修改
(本文档仅供参考) 问题 产品的雷达图默认是有灰色区间的,我想把这个区间的颜色变成白色,需要怎么实现 image2021-3-19_14-45-42.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ "splitArea": { "areaStyle": { "color": ["rgba(255, 255, 255, 0.2)", "rgba(255, 255, 255, 0.4)", "rgba(255, 255, 255, 0.6)", "rgba(255, 255, 255, 0.8)", "rgba(255,