第74页,共371页。 显示 3,702 条结果 (0.034 秒)
Echarts图形-扩展属性:图例 - 饼图占比对齐
(本文档仅供参考) 问题: 饼图图例提示显示分类指标占比,出现占比无法对齐的情况,如何使占比也左对齐展示呢? image2024-9-6_9-55-32.png 解决方案: 可以参考配置下面的扩展属性调整: { "legend": { "textStyle": { "rich": { "c": { "align": "left", "width": 30 } } } } } 添加对应属性后,效果如下图所示: image2024-9-6_9-54-57.png 图例占比位置 图例占比对齐Echarts图形-扩展属性:标签 - 环形图中间显示指标值
(本文档仅供参考) 问题1 我想实现环形图中间的显示指标值,如下的效果: image2021-2-9_15-17-51.png 解决方案 可以使用扩展属性实现,如下: { "color": ["#fd71fd", "#dedede"], "series": [{ "avoidLabelOverlap": false, "label": { "normal": { "show": true, "position": "center", "textStyleEcharts图形-扩展属性:标签 - 环形图的数据标签只显示百分比且只保留两位小数
问题 环形图可以只显示百分比,不显示文字吗?另外那个百分比好像会四舍五入,可以保留两位小数吗? 未命名.jpg 解决方案 在环形图上加上以下扩展属性即可。 { "series": [{ "label": { "normal": { "show": true, "position": "outer", "formatter": "{d}%" } } }] } 环形图数据标签显示百分比Echarts图形-扩展属性:标签 - 饼图内标签需要加文字和指标展示
(本文档仅供参考) 问题描述 如下图,想实现饼图后加文字以及指标展示效果。 image2022-10-7_22-17-10.png 解决方案 可使用如下扩展属性实现效果: { "series": [{ "label": { "normal": { "formatter": "{c}元\n占比{d}%" } } }] } image2022-10-7_22-18-16.png 标签在饼图内显示 标签显示百分比Echarts图形-扩展属性:样式 - 取消数据标签引导线并且数据标签拼接数值
(仅供参考) 问题描述: 希望实现取消数据标签引导线并且数据标签实现拼接数值效果,当下效果如下图: image2023-1-29_10-50-41.png 解决方案 可以使用扩展属性实现 { "series": [{ "label": { "normal": { "formatter": "function(arg){return arg.name + ':'+arg.value.toFixed(1)}" } }, "labelLineEcharts图形-扩展属性:样式 - 玫瑰饼图扇形区域圆角设置
(本文档仅供参考) 问题描述 如下图,想实现饼图扇形区域显示圆角/圆弧效果。 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图形-扩展属性:泡泡图 - 动态时间轴标签文字的颜色和字体在哪里设置
(本文档仅供参考) 问题 泡泡图-动态时间轴标签文字的颜色和字体在哪里设置。 解决方案 图形中标题的字体颜色和大小设置如下: 1.jpg 时间轴上的标签文字的颜色和大小设置,在timeline组件设置代码option.timeline = {}中加上如下代码: label: { normal:{ textStyle:{ fontSize: 14, color:'redEcharts图形-扩展属性:鼠标提示 - 散点图数据标签显示名称
(本文档仅供参考) 问题 如何实现在散点图上直接显示产品名称,如“海鲜”? image2019-4-12 13:0:28.png 解决方案 可直接通过扩展属性实现: { "series": [{ "label": { "normal": { "show": true, "position": "top", "formatter": "function (param) {return param.value[2Echarts图形-扩展属性:样式 - 自助仪表盘中的树图怎么不缩放不移动,实现固定的效果
(本文档仅供参考) 问题说明 自助仪表盘图形组件中的树图怎么设置不缩放,不滚动,固定的效果: image2021-3-19_9-47-20.png 解决方案 可以添加扩展属性实现,如下: image2021-3-19_9-46-55.png 具体的扩展属性如下: "series": [ { //这个是鼠标滚轮缩放的 "roam": false, //这个是控制点击移动的 "nodeClick": false } ] 树图固定不移动 树图固定 树图不动Echarts图形-扩展属性:数据标签 - Echarts树图去掉指标名称的显示
(本文档仅供参考) 问题 echarts树图想要去掉指标名称的显示,如下图的销售额: image2021-12-30_10-4-51.png image2021-12-30_10-5-17.png 解决方案 可以使用如下扩展属性: { "series": [{ "label": { "formatter": "function(param) {return param.data.displayValue}" } }] } image2021-12-30_10-5-44.png