第25页,共132页。 显示 1,312 条结果 (0.59 秒)
横条图/柱图/对比柱图等_带槽的图形如何改变槽的值?
0307-07.png 组合指标看板 柱图告警组合指标看板 0307-08.png 该组件模板是是4个组合,效果图只选取了其中之一 通常来说,带“槽”的图形其背后的“槽”一般代表着一个对比的 “目标值”,通过数据柱体与槽的长度的对比,来体现度量的完成情况。然而在组件模板中,“槽“并没有使用字段,而是通过某些方式画出来的。那么在复用组件模板时,如何根据实际情况,来修改“槽”的值呢? 0307-09.png 解决方法 以上图形的“槽”的值,是与 数值轴(Y轴)的最大值保持一致。因此如果需要修改对比柱图的“槽”的值,可以通过如下方法处理。 已对比柱图为例: 1、在编辑界面中选中“对比柱图”组件【仪表盘】图形组件改变Y轴最小值
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 仪表盘中带横纵坐标的图形,其横纵坐标默认的最小值是0,若我们想改变横纵坐标的最小值,可以通过仪表盘宏来实现。 1. 示例效果 通过宏设置Y轴最小值为200,效果如下: image2020-10-23_13-58-9.png 2.操作步骤 步骤一:新建一个空白的仪表盘 image2021-9-10_17-42-21.png 步骤二:拖入图形组件,选择线图,选择数据集或业务主题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} 瀑布图采用绝对值与相对值结合的方式,来表达数个特定数值之间的数量变化关系。这种效果的图形能够在反映数据多少的同时,更能直观反映出数据的增减变化过程。 优势:展示两个数据点之间的演变过程。 劣势: 没有柱状图的使用场景多,适用情况单一。 数据要求:一个分类值,一个指标值。数据之间要有演变过程 。 适用场景: 适用于解释两个数据值之间的差异是由哪几个因素贡献图表组件-高级图形
?pageId=83699393 文本数据的视觉表示,由词汇组成类似云的彩色图形。 2022-02-17_11-03-36.png 树图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83699688 又称矩形树图,是一种有效的实现ECharts图形-地图
以实际的业务需求和美观性为出发点,地图衍生出多种不同形态的子图:标准地图、航线图、3D航线图,用来更好的表现和满足不同的数据对比分析需求。 (点击图片可跳转到相应图形说明文档。) 标准地图 航线图 3D航线图 image2019-12-16 15:21:59.png http … √ √ 标记的图形 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501968#ECharts%E5%9B%BE%E5%BD%A2-%E5%9F%BA%E6%9C%AC%E8%AE%BE%E7%BD%AE-%E6%A0ECharts图形-数据传值设置
ECharts图形中对数据传值的设置包括“参数传值设置”和“区域传值设置”。 image2020-2-21 15:22:56.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 从一个参数传值到另一个参数,并能查看其数据信息的设置。 image2020-2-21 15:51:17.png 配置项说明如下: 真实值:参数的来源。 传值方式:选择以真实值或者ECharts图形-数据传值设置
ECharts图形中对数据传值的设置包括“参数传值设置”和“区域传值设置”。 image2020-2-21 15:22:56.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 从一个参数传值到另一个参数,并能查看其数据信息的设置。 image2020-2-21 15:51:17.png 配置项说明如下: 真实值:参数的来源。 传值方式:选择以真实值或者Echarts图形-扩展属性:图例默认置灰
(本文档仅供参考) 问题 如何实现打开报表的时候,图形的某些图例默认不显示? 解决方案 此效果可通过如下扩展属性实现: { "legend": { "selected": { "小家电": false } }} 效果: 11.jpg 图例置灰Echarts图形-扩展属性:双y联合图实现0刻度对齐(仪表盘使用)
(本文档仅供参考) 问题 使用双y联合图,当数据中包含正数和负数时,作图出现双y轴0刻度未对齐的情况,该如何处理? image2023-2-28_18-11-42.png 解决方案 可在扩展属性中进行如下设置,动态获取图形中的最大最小数据,并让坐标轴的最大最小值的绝对值相等: { "yAxis … );}}" } ] } 打开图形组件设置,进入自定义属性配置界面,将以上代码复制到代码编辑框中即可。 image2023-2-28_18-14-58.pngimage2023-2-28_18-15-23.png