第32页，共152页。 显示 1,517 条结果 (0.096 秒)
Echarts图形-扩展属性：进度条 - 柱图实现进度条的效果
（本文档仅供参考） 问题： 希望柱图显示为进度条的效果 解决方案 具体请参考如下扩展属性： { "series": [{ "type": "bar", "barWidth": "12%", "itemStyle": { "normal": { "color": "red", "barBorderRadius": 20, "label": { "show": true, "tEcharts图形-扩展属性：折线 - 图形自定义区间设置颜色
问题描述 如下图，单线图中想要分段设置颜色显示，怎么实现这个效果？ image2023-3-20_10-0-52.png 解决方案 可使用如下扩展属性实现效果： { "visualMap": { "show": false, "pieces": [ { "color": "#c4e2fd", "label": "0~10", "lte": 10, "gt": 0 }, { "color": "#8aaac7", "label": "10~20", "lte": 20, "gt": 10 }, { "coEcharts图形-扩展属性：折线 - 折线图上的点加外圈效果
（本文档仅供参考） 问题1 我想实现折线图上的点加外圈的效果，同时还带有一些阴影的效果，如下图： image2021-2-9_14-23-23.png 解决方案 可以使用扩展属性实现，如下： { "series": [{ "symbol": 'circle', "symbolSize": 20, "lineStyle": { "normal": { //线的颜色 "color": "#00ca95", "shadowColor": 'rgba(0,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图形-扩展属性：标签 - 环形图中间显示指标值
（本文档仅供参考） 问题1 我想实现环形图中间的显示指标值，如下的效果： image2021-2-9_15-17-51.png 解决方案 可以使用扩展属性实现，如下： { "color": ["#fd71fd", "#dedede"], "series": [{ "avoidLabelOverlap": false, "label": { "normal": { "show": true, "position": "center", "textStyle"Echarts图形-扩展属性：样式 - 环形图设置进度条效果
（本文档仅供参考） 问题 环形图如何实现进度条的效果，设置成如下样式： 环形图-进度条.png 解决方案 可用扩展属性实现，示例： { "color": ["#00ffff", "#001951"], //高亮颜色、灰色颜色 "title": { "text": "下方标题", //下方标题名称 "x": "center", "y": "bottom", "textStyle": { "fontSize": 10, //标题字号 "color": "#00ffff" //标题颜色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": 1000
