第66页,共149页。 显示 1,487 条结果 (0.027 秒)
Echarts图形-扩展属性:标签 - 环图居中显示数据标签并修改字体样式
(此文档仅供参考) 问题 Echarts环形图如何将某一数据标签显示在环形中间并修改标签样式? a1.png 解决方案 在环形图加上以下扩展属性。 { "series": [{ "data": [{}, { "label": { "normal": { "show": true, "position": "center", "textStyle": { "fontSize": "Echarts图形-扩展属性:标签 - 饼图内标签需要加文字和指标展示
(本文档仅供参考) 问题描述 如下图,想实现饼图后加文字以及指标展示效果。 image2022-10-7_22-17-10.png 解决方案 可使用如下扩展属性实现效果: { "series": [{ "label": { "normal": { "formatter": "{c}元\n占比{d}%" } } }] } image2022-10-7_22-18-16.png 标签在饼图内显示 标签显示百分比Echarts图形-扩展属性:标签 - 饼图数据标签空值转换显示方式
(本文档仅供参考) 问题: 饼图分类中有空白值的分类,想替换成其他显示方式。 image2022-12-30_18-36-3.png 解决方案: 可以参考下方扩展属性: (如果空值是空单元格的话,arg.name http://arg.name == ' '里面也需要打一个空格,同理==后面也可以是其他分类值) { "series": [ { "label": { "normal": { "show": true, "position": "outer", "formatter": "function(arg){if(arg.name == ''){return '空值变Echarts图形-扩展属性:样式 - 环形图设置进度条效果(基于油量图)
(本文档仅供参考) 问题 V10.5以上版本想实现环形进度图,该如何实现呢? image2022-2-18_10-44-54.png 解决方案 我们可以使用油量图并结合扩展属性的方式来实现。注:以下方案适用于【自助仪表盘】与【大屏可视化】中的油量图 1、首先创建一个油量图,并配置好数据 image2022-2-18_10-47-46.png 2、将以下扩展属性复制到油量图的扩展属性中。 { "series": [ { "startAngle": 90, "endAngle": -270, "pointer": { "show": false }, "Echarts图形-扩展属性:样式 - 环形图顺时针动画修改时间
(本文档仅供参考) 问题1 环形图开始刷新有一个顺时针旋转的动画,动画有点快,是否可以修改一下动画旋转的时间呢: image2022-4-7_10-31-5.png 解决方案 电子表格可以使用扩展属性实现,(下图的3600可根据实际应用场景修改,若需慢一些,则修改此数值大一些)如下: { "series": [{ "animationDuration": 3600 }] } 自助仪表盘可按此方式添加: image2022-4-7_10-35-8.png 如下: "series": [{ "animationDuration": 3600 }]Echarts图形-扩展属性:样式 - 自助仪表盘里面,饼图位置调整
(此文档仅供参考) 问题说明 自助仪表盘里面,饼图如何调整位置 4.png 解决方案 可以通过扩展属性实现: 3.png "series": [ { "center": [ "30%", "30%" ] } ] 饼图位置 饼图居左Echarts图形-扩展属性:样式 - 取消数据标签引导线并且数据标签拼接数值
(仅供参考) 问题描述: 希望实现取消数据标签引导线并且数据标签实现拼接数值效果,当下效果如下图: image2023-1-29_10-50-41.png 解决方案 可以使用扩展属性实现 { "series": [{ "label": { "normal": { "formatter": "function(arg){return arg.name + ':'+arg.value.toFixed(1)}" } }, "labelLine"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: true,Echarts图形-扩展属性:样式 - 环形图内阴影外阴影的背景实现效果
(本文档仅供参考,此示例在V11版本测试生效) 问题 在仪表盘中怎么环形图(饼图)加内阴影和外阴影? image2024-8-15_15-34-13.png 解决方案 可通过增加以下扩展属性实现: option = { series: [ // 占比环 { zlevel: 3, }, // 内圆 { type: 'pie', zlevel: 2, // 层级 radius: ['0', '47%'], //根据实际调整半径大小 center: ['50%', '55%'],//根据实际调整中心位置Echarts图形-扩展属性:样式 - 环形图如何设置板块间间隙
(本文档仅供参考) 问题 环形图各个板块之间的空隙如何设置?设置成如下样式: 1.png 解决方案 可用扩展属性实现,示例: { "series": [{ "itemStyle": { "normal": { "borderWidth": 5, "borderColor": "rgba(0,255,0,0.36)" //颜色和背景色一致 } } }] } 环形图间隙