第28页,共434页。 显示 4,338 条结果 (0.03 秒)
指标组件 ⬝ 水球图
1 概述 水球图是一种适合于展现单个百分比数据的图表类型,主要用于展示占比的指标,如毛利率、投入率、完成率等。 2 业务场景 1、场景描述:某大型零售公司,想要分析产品的销售额完成情况(销售目标为两百万),如下图所示: shuiqiu03.png 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 (1)在数据选择区中,勾选 销售额 字段,由系统自动分配到 指标 上;或拖拽 销售额 字段到 指标 。 shuiqiu01.png (2)对组件进行设置: 目标值: 选择自定义,按需设置为2000000。注:目标值为负数时,选这个公式:(2-指标值/目标值)*100% 指标值: 白色字体电子表格⬝ 趋势图显示
在电子表格中可以使用Excel条件格式中的趋势图功能,可以一目了然查看数据情况。 示例效果 示例效果如下图,其中: 【本期值】字段列:当“本期值”大于“同期值”时,【本期值】字段列值的颜色为绿色;当“本期值”小于“同期值”时,【本期值】字段列值的颜色为红色。 【增长趋势】字段列:当“本期值”大于“同期值”时 … ”,输入公式“=B3>C3”,设置单元格格式为字体颜色是“红色”。 4、保存查看 预览效果如图: image2019-7-29 18:19:57.png 通过格式规则设置单元格的数字格式,实现趋势图与数字连在一起。 image2019-7-29 18:28:44.png 预览效果电子表格⬝ 趋势图显示
在电子表格中可以使用Excel条件格式中的趋势图功能,可以一目了然查看数据情况。 示例效果 示例效果如下图,其中: 【本期值】字段列:当“本期值”大于“同期值”时,【本期值】字段列值的颜色为绿色;当“本期值”小于“同期值”时,【本期值】字段列值的颜色为红色。 【增长趋势】字段列:当“本期值”大于“同期值”时 … “=B3>C3”,设置单元格格式为字体颜色是“红色”。 4、保存查看 预览效果如图: image2019-7-29 18:19:57.png 通过格式规则设置单元格的数字格式,实现趋势图与数字连在一起。 image2019-7-29 18:28:44.png 预览效果Echarts图形-矩阵树图图-方案类
电子表格设置柱图柱子的不同颜色(多系列)
图样式,效果图: image2020-6-17 19:33:48.png 设置了柱子颜色的效果图: image2020-6-17 19:32:55.png 设置方法 1、首先在电子表格设计器(Microsoft Office Excel)中,创建电子表格报表。 2、在浏览器的资源定制节点下,选中电子表格,右键 … = spreadsheetReport.getColor(138, 240, 241); //设置颜色,参数顺序是红、绿、蓝,范围是0~255 } 示例资源:设置柱图柱子的颜色_多系列.xml 柱图颜色设置电子表格设置柱图柱子的不同颜色(多系列)
图样式,效果图: image2020-6-17 19:33:48.png 设置了柱子颜色的效果图: image2020-6-17 19:32:55.png 设置方法 1、首先在电子表格设计器(Microsoft Office Excel)中,创建电子表格报表。 2、在浏览器的资源定制节点下,选中电子表格,右键 … = spreadsheetReport.getColor(138, 240, 241); //设置颜色,参数顺序是红、绿、蓝,范围是0~255 } 示例资源:设置柱图柱子的颜色_多系列.xml 柱图颜色设置Echarts图形-扩展属性:关系图的连线设置箭头方向
(本文档仅供参考) 问题 关系图,在关系连线上直接显示箭头,实现源 -> 目标,如下图所示 image2022-6-12_17-4-47.png 解决方案 可使用如下扩展属性代码实现: { "series": [{ "edgeSymbol": ['none', 'arrow'], "edgeSymbolSize": [10, 10] }] } 另 symbol的可选取值,如下: ‘circle’(圆形), ‘rect’(矩形), ‘roundRect’(圆角矩形), ‘triangle’(三角形), ‘diamond’(菱形), ‘pin’(大头针), ‘arrow自助仪表盘双Y联合图设置折线图显示数据标签值
(本文档仅供参考) 问题说明 自助仪表盘 双Y联合图设置折线图显示数据标签,系统会自动识别显示柱子的数值还是折线的数值? 解决方案 系统目前没有直接配置的选项,需要写一下扩展属性实现(经校验默认会识别到柱图数据,所以需要分别制定图形的数据标签显示),实现步骤如下: image2022-1-13_19-47-9.png 找到自定义属性设置 image2022-1-13_19-47-57.png image2022-1-13_19-48-22.png 扩展属性代码: "series甘特图-流水线生产排程图(Echarts)
(本文档仅供参考) 需求描述: 工厂目前有多条流水线,每天8点开始运行,17点分停止,希望以图形的形式展示当天流水线各个机器的安排情况。 image2022-11-16_9-54-39.png image2022-11-16_9-57-31.png 原理: smartbi内置了echarts图形,但是未支持时间轴,因此需要把日期转换成数值,然后使用横向堆积图展示。 实现步骤: 一、数据准备 1、把日期时间处理成数字:从数据上看可以考虑把任务执行的消化时长数值作为X轴,但X轴是从0开始的,而机器每天8点开始运行,因此还需要对8点开始的机器+8。即:开始时间=8点 然后耗时+8,其他时间段 然后直接处理成耗时,对所有线图/面积图-特殊数值线图-特殊值添加说明
问题描述 在“线图/面积图”组件模板资源中,有一个组件模板“特殊数值线图”,其效果如下: 0309-66.png 在这个线图上,存在两条特殊线,特殊线有自己的值,在数据中值低于特殊线的对应的点和线显示一种颜色,高于特殊线数据对应的点和线显示另一种颜色。该组件模板用于表示在特殊数据之上和之下的数据的区别。 但用户可能对2823.6和2230这两个数值代表什么含义不是很清晰,我们是否有可能在特殊值上加一些说明呢?比如下面的效果: 0309-74.png 解决方法 可按如下步骤操作 1、在复制过来并替换数据之后的组件模板上,右键→宏管理 0309-67.png 2、在宏管理界面上,点击一下刷新按钮,这样