第23页,共420页。 显示 4,197 条结果 (0.05 秒)
ECharts图形-瀑布图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 瀑布图采用绝对值与相对值结合的方式,来表达数个特定数值之间的数量变化关系。这种效果的图形能够在反映数据多少的同时,更能直观反映出数据的增减变化过程。 优势:展示两个数据点之间的演变过程。 劣势: 没有柱状图的使用场景多,适用情况单一。 数据要求:一个分类值,一个指标值。数据之间要有演变过程 。 适用场景: 适用于解释两个数据值之间的差异是由哪几个因素贡献ECharts图形-瀑布图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 瀑布图采用绝对值与相对值结合的方式,来表达数个特定数值之间的数量变化关系。这种效果的图形能够在反映数据多少的同时,更能直观反映出数据的增减变化过程。 优势:展示两个数据点之间的演变过程。 劣势: 没有柱状图的使用场景多,适用情况单一。 数据要求:一个分类值,一个指标值。数据之间要有演变过程 。 适用场景: 适用于解释两个数据值之间的差异是由哪几个因素贡献Echarts图形-扩展属性:雷达图相关扩展属性
(本文档仅供参考) 问题 希望对雷达图做一些个性化的设置。具体的扩展属性该怎么写,比如填充雷达图的颜色,修改指示器轴的分割段数。 解决方案 雷达图的扩展属性可参考Echarts文档:https://echarts.apache.org/zh/option.html#series-radar https://echarts.apache.org/zh/option.html#series-radar 可参考附件资源 雷达-颜色-areaStyle.xml image2020-11-17_10-38-26.png矩阵树图
1 概述 矩形树图,是一种有效的实现层级结构可视化的关系型图表结构。 在树图中,各个小矩形的面积表示每个子节点的大小,面积越大,表示子节点在父节点中的占比越大,整个矩形的面积之和表示整个父节点。右键点击矩形块可下钻到子分支,每个子分支的矩形又按照相应节点的子节点进行分割。 通过树图及其钻取情况,用户可以清晰地了解到数据的全局层级结构和每个层级的详情。 2 业务场景 1、场景描述:某大型零售公司,想要分析省份和下一层级发货城市的销售量,如下图所示: shutu01.gif 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 (1)在数据选择区中,拖拽 省份 字段到 标记 > 标签 ,销售额Echarts图形-扩展属性:漏斗图-标签行高/行距
(此文档仅供参考) 问题描述: 漏洞图设置显示外部标签后,希望可以自定义标签的行高/行距 2022-10-10_111254.png 解决方案: 该问题可以通过调整漏斗图的扩展属性来规避,可参考以下扩展属性: (以下例子基于V10.5.8版本编写) { "series … } } } } ] } 2022-10-10_111008.png 扩展,问题描述: 如果漏斗图是深色主题,会发现添加以上扩展属性后会有白色边框。如何去掉白色边框。 2022-10-10_170417.png2022-10-10_170712.png 解决方案: 添加多一行代码设置边框为0 { "series": [ { "itemStyleEcharts图形-扩展属性:堆积柱图+线图
(此文档仅供参考) 问题 希望双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%组合指标看板-柱图告警组合指标看板
问题描述 在“组合指标看板”组件模板资源中,有如下的组合指标看板。 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%BD