第33页,共417页。 显示 4,167 条结果 (0.032 秒)
Echarts图形-扩展属性:堆积柱图+线图
(此文档仅供参考) 问题 希望双Y联合图,可以实现堆积柱图+线图的效果。 实现方案 可以用以下扩展属性实现: { "series": [{ "stack": "aaa", "z": 2 }, { "stack": "aaa", "z": 2 }, { "z": 3 }] } 最终效果: image2022-5-17_16-33-25.png 属性解析说明:数据堆叠,同个类目轴上系列配置相同水球图指标计算规则
(本文档仅供参考) 问题说明 在仪表盘中使用水球图作图,什么实际100%的数据显示为91%? image2023-1-6_17-8-44.png 解决方案 默认会对指标数据进行计算,计算公式为:(指标值/目标值)*110%。其中目标值,当指标值<1时,目标值=1;当指标值>=1时,目标值 … :在组件设置中设置指标值为数值。 image2023-1-6_17-35-28.png 水滴图目标值不对 水滴图目标值91%环形进度图的宽度及圆角调整
(本文档仅供参考) 问题说明: 如何调整环形进度图的宽度,以及圆角样式,例如下: image2025-3-29_11-26-30.png 解决方案: 添加扩展属性如下(10.5.15测试验证通过) image2025-3-29_11-27-36.png option = { "series": [{ "axisLine": { "lineStyle": { "width": 18 //阴影宽度 } }, "progress": { "roundCap": true, //圆角 "overlap": trueEcharts图形-扩展属性:双Y联合图设置X轴对应右Y轴在0刻度值
(此文档仅供参考) 问题描述 Echarts双Y图如何设置哪个轴的 0 刻度上?现在是左Y轴再0刻度值上,如何设置右Y轴? 01.png 实现方案 此示例的扩展属性如下,相关的属性可以上echarts官网查看,https://echarts.apache.org/zh/option.html#xAxis.axisLine.onZeroAxisIndex https://echarts.apache.org/zh/option.html#xAxis.axisLine.onZeroAxisIndex { "xAxis": { "axisLineEcharts图形-扩展属性:标签 - 仪表盘旭日图如何在标签中显示度量值
" } } ] } ] } image2023-8-1_16-44-23.png 数据标签 旭日图数据标签组合指标看板-柱图告警组合指标看板
问题描述 在“组合指标看板”组件模板资源中,有如下的组合指标看板。 0314-03.png 那么,在这些组件模板中,中间的进度图是怎么实现的呢? 0314-04.png 解决方法 该进度图实际上是使用“横条图”实现的。 1、使用的是“横条图”。因此复用该组件时,数据模型中需要有2个字段。除了度量字段作为列区字段外,还需要有一个维度字段作为 行区 字段。 0314-05.png 2、该组件在“组件设置”→ “高级”中 设置了 “输出行数”为1。复用时需根据实际情况将配置去除 0314-06.png 3、横条图的“进度”效果,是通过“自定义属性”中添加了如下“代码”,实现“柱体”下方出现灰色的背景的“槽Echarts图形-扩展属性:横向面积图
(此文档仅供参考) 问题 如何实现横向面积图,效果如下图所示: image2022-5-16_18-40-12.png 解决方案 1、先使用横向柱 image2022-5-16_18-45-22.png 2、进入扩展属性编辑界面,入口如下图: image2022-5-16_18-43-0.png 3、相关扩展属性如下图所示: image2022-5-16_18-44-52.png 相关扩展属性如下 "series": [ { "type": "line", "areaStyle": { "normal": { "origin": "auto" } } } ] 横向面积图ECharts图形-油量图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 油量图是指以油量表的形式来展现指标数据。包含一个 … 车型数的数据,建议通过油量图实现。 1、通过参数进行“车类”控制。 2、指标轴上分布车型数。 该情景实现的详情请参考 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501957#ECharts%E5%9B%BE%E5%BDECharts图形-油量图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 油量图是指以油量表的形式来展现指标数据。包含一个 … 车型数的数据,建议通过油量图实现。 1、通过参数进行“车类”控制。 2、指标轴上分布车型数。 该情景实现的详情请参考 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501957#ECharts%E5%9B%BE%E5%BD交互仪表盘单系列柱图显示占比标签
(本文档仅供参考,仅适用于本文档中的示例报表/场景,若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码) (本示例已在V10.5.15版本中测试并验证通过) 问题: 仪表盘单系列柱图如何实现标签显示占比 image2025-3-29_12-2-16.png 参考方案: 可参考如下宏代码实现。 function main(page: IPage, portlet: IEChartsPortlet) { let opt = portlet.getChartOptions(); let series = opt.series; let