第34页，共149页。 显示 1,487 条结果 (0.03 秒)
Echarts图形-扩展属性：折线 - 折线图数据点加白色边框
（本文档仅供参考） 问题描述： 折线图里，这个连接点有办法设置成下图样式吗，连接数据点有个白色的边框： image2025-3-14_12-34-40.png 解决方案： 可通过扩展属性调整折线的数据标签位置，扩展属性如下： option = { "series": [{ "symbol": 'circle', // 数据点形状为圆形，可根据需要更改 "symbolSize": 8, // 数据点大小 "itemStyle": { "normal": { "color": '#007bff', // 数据点填充颜色 "borderColor": '#FEcharts图形-扩展属性：折线 - 折线图的线粗细设置
（此文档仅供参考） 问题： 仪表盘线图组件如何调整线条粗细？ 实现方案： V10.5.12版本以后仪表盘组件可以直接设置，如图，组件设置——基础——线样式 image2023-8-10_19-12-6.png 在此之前的版本可以调整扩展属性实现： { "series": [ { "lineStyle": { "normal": { "width": "4" } } } ] } 折线粗细Echarts图形-扩展属性：折线 - 鼠标移入数据点变小
（本文档仅供参考） 问题 鼠标移入线图的数据点时，数据点变小。 解决方案 折线图高亮时点的样式可参考以下属性，目前只能设置点的样式，并不能实际更改点的大小 // 设置折线图中点的样式 symbolSize: 10, // 点的大小 // 设置折线图中的点的样式 itemStyle: { normal: { borderColor: 'rgba(220,20,60,0.8)', // 点边框颜色 borderWidth: 20 // 点边框大小 },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 雷达图刻度百分比
