第29页,共166页。 显示 1,655 条结果 (0.042 秒)
Echarts图形-扩展属性:面积图 - 面积颜色渐变
(本文档仅供参考) 问题 电子表格或自助仪表盘上希望实现面积图颜色渐变,如下截图 image2021-3-30_18-31-23.png 解决方案 V9版本的自助仪表盘中,具体请参考如下扩展属性 https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1616987899107_pprp1.png "series": [{ "areaStyle": { "normal": { "color": { "x": 0, "y": 0, "x2": 0, "y2": 1, "type": "linear", "global": false, "cEcharts图形-扩展属性:标签 - 饼图标签重叠
(本文档仅供参考) 问题: 饼图标签出现折叠情况,如何使标签不重叠展示呢? image2022-10-24_10-54-56.png 解决方案: 产品默认设置下标签是不会重叠的,此问题一般是添加了其他扩展属性影响了原有配置,可以参考配置下面的扩展属性调整 { "series": [ { "avoidLabelOverlap": true } ] } image2022-10-24_10-59-26.png 添加对应属性后在标签拥挤重叠的情况下会挪动各个标签的位置,防止标签间的重叠。如下图所示: image2022-10-24_10-57-41.png 标签重叠Echarts图形-扩展属性:图例 - 饼图占比对齐
(本文档仅供参考) 问题: 饼图图例提示显示分类指标占比,出现占比无法对齐的情况,如何使占比也左对齐展示呢? image2024-9-6_9-55-32.png 解决方案: 可以参考配置下面的扩展属性调整: { "legend": { "textStyle": { "rich": { "c": { "align": "left", "width": 30 } } } } } 添加对应属性后,效果如下图所示: image2024-9-6_9-54-57.png 图例占比位置 图例占比对齐Echarts图形-扩展属性:样式 - 环形图颜色渐变
(本文档仅供参考) 问题 环形图希望实现颜色实现渐变的效果,如下截图 渐变饼图.png 解决方案 具体请参考如下扩展属性 2023-08-31_171201.png { "series": [ { "data": [ { "itemStyle": { "color": { "colorStops": [ { "color": "#83bff6", "offset": 0 }, { "color": "#188df0", "offset": 0.5Echarts图形-扩展属性:样式 - 设置饼图扇形边框
(此文档仅供参考) 问题描述: 需要设置饼图里面的扇形边框,但是不想影响图例的样式,可以怎么处理? 原效果: image2025-1-13_11-44-22.png 设置属性-边框样式后效果:图例和扇形都有边框了 image2025-1-13_10-12-54.png 解决方案: 可以使用扩展属性实现: option = { "legend": { "itemStyle": { "borderWidth": 0, // 图例边框宽度 "borderColor": 'green', // 图例边框颜色 // 注意这里独立设置图例的itemStyle影响图例项样式的属性,与饼图本身的区分开 } }, "serEcharts图形-扩展属性:样式 - 旭日图调整内圈大小
(此文档仅供参考) 现象 旭日图通过设置项只能调整内圈和外圈的半径大小,如下图: 截屏2021-09-10 下午3.48.51.png 现在想要单独调整每个圈之间的半径,如下图 截屏2021-09-10 下午3.15.21.png 实现方法 image2021-9-10_15-50-19.png 截屏2021-09-10 下午3.15.21.png 完整的扩展属性如下: "type": "sunburst", "radius": [ 0, "75%" ], "levels": [ { "r0": "0%", "r": "60%", "itemStyle": { "borderWidth": 2 },Echarts图形-扩展属性:样式 - 树图文字重叠
(本文档仅供参考) 问题: 数据量比较大时,树图显示的效果会出现文字重叠的情况,影响美观,可否调整? image2023-11-8_14-13-43.png 解决方案: 1、尽可能调大画布 2、文本字体调小一些 3、数据量通过参数筛选控制 4、如用上面方法后数据量仍然很多,且显示不全,可以参考配置下面的扩展属性调整 { "series": [{ "roam": true,//允许鼠标缩放和平移漫游 "initialTreeDepth": 1 //控制树图初始展开的层级(深度)。根节点是第 0 层,然后是第 1 层、第 2 层,... }] } 其中,控制树图初始展开层次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/zh/optiEcharts图形-扩展属性:样式 - 雷达图颜色渐变
(本文档仅供参考) 问题 雷达图希望实现颜色实现渐变的效果,如下截图 雷达图渐变.png 解决方案 具体请参考如下扩展属性 { series: [{ areaStyle: { color: { //线性渐变 type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{Echarts图形-扩展属性:标签 - 漏斗图标签显示不全
(此文档仅供参考) 问题描述: 漏洞图设置显示外部标签后,由于标签文字过长,显示不全,如下图所示: image2022-1-25_17-42-30.png 解决方案: 该问题可以通过调整漏斗图的扩展属性来规避,如下图所示: "series": [ { "width": "80%", "left": "5%" } ] image2022-1-25_17-45-46.png