第57页,共113页。 显示 1,129 条结果 (0.038 秒)
Echarts图形-扩展属性:标签 - 环形图中间显示指标值
(本文档仅供参考) 问题1 我想实现环形图中间的显示指标值,如下的效果: image2021-2-9_15-17-51.png 解决方案 可以使用扩展属性实现,如下: { "color": ["#fd71fd", "#dedede"], "series": [{ "avoidLabelOverlap": false, "label": { "normal": { "show": true, "position": "center", "textStyle"Echarts图形-扩展属性:样式 - 设置饼图扇形边框
(此文档仅供参考) 问题描述: 需要设置饼图里面的扇形边框,但是不想影响图例的样式,可以怎么处理? 原效果: image2025-1-13_11-44-22.png 设置属性-边框样式后效果:图例和扇形都有边框了 image2025-1-13_10-12-54.png 解决方案: 可以使用扩展属性实现: option = { "legend": { "itemStyle": { "borderWidth": 0, // 图例边框宽度 "borderColor": 'green', // 图例边框颜色 // 注意这里独立设置图例的itemStyle影响图例项样式的属性,与饼图本身的区分开 } }, "serEcharts图形-扩展属性:样式 - 环形图设置进度条效果
(本文档仅供参考) 问题 环形图如何实现进度条的效果,设置成如下样式: 环形图-进度条.png 解决方案 可用扩展属性实现,示例: { "color": ["#00ffff", "#001951"], //高亮颜色、灰色颜色 "title": { "text": "下方标题", //下方标题名称 "x": "center", "y": "bottom", "textStyle": { "fontSize": 10, //标题字号 "color": "#00ffff" //标题颜色Echarts图形-扩展属性:样式 - 旭日图调整内圈大小
(此文档仅供参考) 现象 旭日图通过设置项只能调整内圈和外圈的半径大小,如下图: 截屏2021-09-10 下午3.48.51.png 现在想要单独调整每个圈之间的半径,如下图 截屏2021-09-10 下午3.15.21.png 实现方法 image2021-9-10_15-50-19.png 截屏2021-09-10 下午3.15.21.png 完整的扩展属性如下: "type": "sunburst", "radius": [ 0, "75%" ], "levels": [ { "r0": "0%", "r": "60%", "itemStyle": { "borderWidth": 2 },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图形-扩展属性:样式 - 雷达图修改分割线的颜色
(本文档仅供参考) 问题 雷达图的分割线是否可以设置颜色 image2021-3-19_16-51-54.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ //指向外圈文本的分隔线样式,交叉线的样式 "axisLine": { "lineStyle": { "color": "#FF00FF" } }, //其他的分割线的样式,环形线样式 "splitLine": { "lineStyle": {Echarts图形-扩展属性:刻度 - 雷达图刻度显示百分比
(本文档仅供参考) 问题描述: 雷达图内刻度是否可以设置为百分比格式: image2024-1-9_18-57-57.png 解决方案: 可使用如下扩展属性设置: 1 2 3 4 5 6 7 8 9 { "radar": { "axisLabel": { "formatter": "function(value){return (value*100).toFixed(2)+'%'}" } } } 效果: image2024-1-9_18-58-38.png 雷达图刻度百分比Echarts图形-扩展属性:标签 - 雷达图指标器最大值设置
(本文档仅供参考) 问题 雷达图指标器最大值目前是根据数据最大值生成的,希望可以自定义指标器的最大值,如下截图 image2022-11-15_18-33-58.png 解决方案 具体请参考如下扩展属性实现: { "radar": { "indicator": [ //需要对每个指标系列都单独进行设置 { "max": 1000 }, { "max": 1000 }, { "max": 1000 }, { "max": 1000 }, { "max": 1000 }, { "max": 1000Echarts图形-扩展属性:标签 - 雷达图标签样式自定义
(此文档仅供参考) 问题 如何自定义雷达图标签样式,效果如下图所示: image2022-5-16_18-52-49.png 解决方案 可通过编辑扩展属性实现,如下图所示: image2022-5-16_18-53-38.png 相关扩展属性如下: { "radar": [{ "name": { "textStyle": { "fontSize": "30", "color": "#ff7711", "backgroundColor": "#00aa99"Echarts图形-扩展属性:标签 - 漏斗图标签行高/行距
(此文档仅供参考) 问题描述: 漏洞图设置显示外部标签后,希望可以自定义标签的行高/行距 2022-10-10_111254.png 解决方案: 该问题可以通过调整漏斗图的扩展属性来规避,可参考以下扩展属性: (以下例子基于V10.5.8版本编写) { "series": [ { "itemStyle": { "normal": { "label": { "show": true, "position": "outside", "lineHeight": 20 } } } } ] } 2022-10-10_111