第63页，共192页。 显示 1,919 条结果 (0.185 秒)
Echarts图形-扩展属性：玫瑰饼图扇形区域圆角设置
（本文档仅供参考） 问题描述 如下图，想实现饼图扇形区域显示圆角/圆弧效果。 image2022-10-28_19-32-17.png 解决方案 （从echarts v5.0.0 开始支持用 borderRadius 指定饼图扇形区块的内外圆角半径） 可使用如下扩展属性实现效果： { series: [{ radius: ['10%', '45%'], center: ['50%', '40%'], roseType: 'area', selectedOffset: 30, selectedMode: trueEcharts图形-扩展属性：雷达图修改分割线的颜色
（本文档仅供参考） 问题 雷达图的分割线是否可以设置颜色 image2021-3-19_16-51-54.png 解决方案 可以使用扩展属性实现，如下： { "radar": [{ //指向外圈文本的分隔线样式，交叉线的样式 "axisLine": { "lineStyle": { "color": "#FF00FF" } }, //其他的分割线的样式，环形线样式 "splitLine": { "lineStyleEcharts图形-扩展属性：堆积图和线图的联合图怎么做？
（本文档仅供参考） 问题 堆积图和线图的联合图怎么做？ 解决方案 堆积图和线图的联合图可以以多个指标的堆积图为基础，通过扩展属性修改其中某一系列的样式。如下设置过程： image2018-10-30 9:1:11.png image2018-10-30 9:3:52.png { series: [{ }, { }, { type: 'line' }] } 效果图： image2018-10-30 9:4:7.pngEcharts图形-扩展属性：雷达图鼠标提示-数据后面添加单位
（本文档仅供参考） 问题 雷达图希望数据后面添加单位 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}" } 实现效果 实现效果.pngEcharts图形-扩展属性：雷达图刻度显示百分比
（本文档仅供参考） 问题描述： 雷达图内刻度是否可以设置为百分比格式： 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.pngEcharts图形-扩展属性：雷达图修改某条系列值的线条为虚线
（本文档仅供参考） 问题 雷达图展示目标值和实际值，如何将目标值系列线条类型设置为虚线呢？ 解决方案 可以使用扩展属性实现，如下： option = { series: [{ data: [{}, { lineStyle: { normal: { type: "dashed",// 设置连线为虚线 }, }, }, ] }] } 注：编写此文档时，echarts版本为5.1.2 效果如下图： 雷达图虚线效果图_20240425172638.pngEcharts图形-扩展属性：地图-鼠标悬停不改变颜色
（本文档仅供参考） 问题 希望鼠标悬停移到染色地图某个地区时，不改变颜色 解决方案 参考以下扩展属性设置 option = { geo: { itemStyle: { emphasis: { areaColor: 'none', // 鼠标悬停时不改变颜色 } } } } image-2024-03-07-18-27-19-441.png 效果如下图，原本自定义是粉红色，鼠标悬停还是粉红色。 实现效果.pngEcharts图形-扩展属性：柱图数据项标签负值显示为正数
（此文档仅供参考） 问题 柱图原始数据项标签如下截图，希望数据项标签均显示为正值： image2022-11-11_18-41-12.png 解决方案 可以参考以下扩展属性去实现： { "series": [{ "label": { "normal": { "show": true, "textStyle": {}, "formatter": "function(params){if(params.value[1]>=0) {return params.value[1Echarts图形-扩展属性：柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变，270deg从左往右渐变色，#19263B，#FF0000分别为渐变的颜色 } }Echarts图形-扩展属性：自助仪表盘柱图柱子设置渐变色
（本文档仅供参考） 问题 自助仪表盘柱图上想要柱子的颜色实现渐变的效果，如下截图 image2021-8-24_18-12-52.png 解决方案 具体请参考如下扩展属性： { "series": [{ "itemStyle": { "normal": { "color": { "x": 0, "y": 0, "x2": 0, "y2": 1
