第26页,共210页。 显示 2,095 条结果 (0.028 秒)
Echarts图形-扩展属性:图例 - 饼图占比对齐
(本文档仅供参考) 问题: 饼图图例提示显示分类指标占比,出现占比无法对齐的情况,如何使占比也左对齐展示呢? image2024-9-6_9-55-32.png 解决方案: 可以参考配置下面的扩展属性调整: { "legend": { "textStyle": { "rich": { "c": { "align": "left", "width": 30 } } } } } 添加对应属性后,效果如下图所示: image2024-9-6_9-54-57.png 图例占比位置 图例占比对齐Echarts图形-扩展属性:标签 - 漏斗图标签显示不全
(此文档仅供参考) 问题描述: 漏洞图设置显示外部标签后,由于标签文字过长,显示不全,如下图所示: image2022-1-25_17-42-30.png 解决方案: 该问题可以通过调整漏斗图的扩展属性来规避,如下图所示: "series": [ { "width": "80%", "left": "5%" } ] image2022-1-25_17-45-46.pngEcharts图形-扩展属性:图例 - 设置地图图例单位
(此文档仅供参考) 问题 希望修改地图图例中指标的数据格式,比如换算成万元。 image2024-3-4_18-36-52.png 解决方案 可在图形中通过扩展属性实现 { "visualMap": [ { "type": "continuous", "seriesIndex": 0, "formatter": "function(a){ return (a/10000).toFixed(0) + '万';}" } ] } image2024-3-4_18-39-2.png 图例单位Echarts图形-扩展属性:样式 - 去掉航线图箭头
需求: 用地图中的航线图表达两城市区间的客流量,由于城市挨得比较近,线端的箭头显得很大,看不清楚。能否设置不显示箭头? image2022-7-5_18-20-55.png 解决方案: 可通过以下扩展属性来实现: { series: [{}, { "symbol": [ "none", "none" ] }] } 效果如下: image2022-7-5_18-21-46.png 去掉航线图箭头 隐藏航线图箭头Echarts图形-扩展属性:样式 - 地图大小、画布位置调整
(此文档仅供参考) 问题 如何调整地图大小,以及地图在画布位置 1.png 解决方案 可以通过扩展属性实现 { layoutCenter: ['20%', '50%'],//设置地图在画布的位置 // 如果宽高比大于 1 则宽度为 100,如果小于 1 则高度为 100,保证了不超过 100x100 的区域 layoutSize: 220 //设置地图大小 } 地图画布大小 地图大小Echarts图形-扩展属性:样式 - 地图实现阴影效果
(本文档仅供参考) 问题 如何在产品Echarts图形中实现地图的阴影效果,如下图所示 image2021-8-30_15-2-35.png 解决方案 如需上述地图阴影效果可考虑通过扩展属性实现,如下 { "geo": { "left": 1, "top": 1, "right": 9, "bottom": 50, "itemStyle": { "normal": { "shadowColor": "#1c4880", "shadowBlur": 10, "shadowOffsetX": 5, "shadowOffsetY": 5 } }, } } 地图阴影 地图3d效果Echarts图形-扩展属性:图例 - 如何显示提示说明
(此文档仅供参考) 问题描述 Echarts图形的多个系列时,涉及复杂计算的希望显示系列计算公式,例如鼠标悬浮到图例就显示出前期统计的计算公式说明,如何实现? image2025-6-6_14-39-58.png 实现方案 此示例的扩展属性如下,相关的属性可以上echarts官网查看,http://echarts.baidu.com http://echarts.baidu.com/ option = { legend: { tooltip: { show: true, formatter: '具体提示内容Echarts图形-扩展属性:柱子 - 柱图翻转显示
(本文档仅供参考) 问题 在excel中插入echarts图形,并且将图形旋转。但是再发布以后图形还是正向,如下图所示: 图形反向.png 解决方案 电子表格中的旋转按钮是excel的功能,我们无法将其屏蔽,旋转图形后不会对图形生效。 若需要柱图反向显示,建议通过echarts图形实现,可以通过扩展属性实现,如下 { "xAxis": { "position": "top" }, "yAxis": { "position": "right", "inverse": true } } 调整X轴Y轴.jpg 实现效果如下: 最终效果Echarts图形-扩展属性:样式 - 雷达图填充区域
(本文档仅供参考) 问题 雷达图希望实现填充中间区域的效果,如下截图 image2022-10-10_16-18-14.png 解决方案 具体请参考如下扩展属性 1 2 3 4 5 6 7 8 9 { series: [{ "areaStyle": { "opacity": 0.8 } }] } image2022-10-10_16-20-42.png 关于雷达图渐变色的详细设置可参考Echarts文档的<series-radar. areaStyle>属性:https://echarts.apache.org/zhEcharts图形-扩展属性:样式 - 油量图颜色渐变
(本文档仅供参考) 问题 油量图希望实现颜色实现渐变的效果,如下截图 image2021-3-30_18-45-13.png 解决方案 在自助仪表盘中,具体请参考如下扩展属性 https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1616996547755_bahkg.png "series": [ { "axisLine": { "show": true, "lineStyle": { "color": [ [ 1, { "x": 0