第28页,共123页。 显示 1,221 条结果 (0.036 秒)
Echarts图形-扩展属性:样式 - 油量图颜色渐变
(本文档仅供参考) 问题 油量图希望实现颜色实现渐变的效果,如下截图 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,Echarts图形-扩展属性:样式 - 地图背景透明度
(本文档仅供参考) 问题 如何设置地图背景的透明度 解决方案 方案一,可以通过在图形设置中添加扩展属性设置 { "geo": { "itemStyle": { "normal": { "borderWidth": 2, //设置边线粗细度 "opacity": 0.6, //设置透明度,范围0~1,越小越透明 "areaColor": "#63B8FF" //地图区域颜色 }, "emphasis": {Echarts图形-矩阵树图
Echarts图形-桑基图
Echarts图形-扩展属性:柱子 - 设置柱子最小高度
(此文档仅供参考) 问题 柱状图的柱子的最小高度可以怎么设置呢,有的数据之间差距太大了 在图里面显示会很难识别。 image2018-11-2 18:33:17.png 解压方案 通过以下扩展属性设置柱子的最小高度(注:此设置会导致柱图有一定程度的失真)。 { "series": [{ "barMinHeight": 100 }] } image2018-11-2 18:42:17.png 柱图的柱子高度Echarts图形-扩展属性:样式 - 设置饼图扇形边框
(此文档仅供参考) 问题描述: 需要设置饼图里面的扇形边框,但是不想影响图例的样式,可以怎么处理? 原效果: 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图形-扩展属性:标签 - 漏斗图标签显示不全
(此文档仅供参考) 问题描述: 漏洞图设置显示外部标签后,由于标签文字过长,显示不全,如下图所示: image2022-1-25_17-42-30.png 解决方案: 该问题可以通过调整漏斗图的扩展属性来规避,如下图所示: "series": [ { "width": "80%", "left": "5%" } ] image2022-1-25_17-45-46.pngEcharts图形-扩展属性:图例 - 地图调整图例位置
问题 地图图例位置怎么调整? 解决方案 可在图形中通过扩展属性实现: { "visualMap": [ { "left": "10%", "bottom": "10%", "show": true } ] } 效果如图: image2023-1-17_10-52-32.png 地图图例位置Echarts图形-扩展属性:图例 - 设置地图图例单位
(此文档仅供参考) 问题 希望修改地图图例中指标的数据格式,比如换算成万元。 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 图例单位