第9页,共420页。 显示 4,193 条结果 (0.044 秒)
图表组件 ⬝ 联合图
1 概述 联合图是以柱图、堆积柱图、线图或者堆积面积图任意两两组合的表现形式,展现两个或两个以上数据指标情况的图形。常用的联合图是线图和柱图的组合。以下将分别举例单Y联合图和双Y联合图两种图的画法。 2 单Y联合图 2.1 适用场景 单Y联合图只适用于以下条件都满足的情况: 1)指标数据的衡量单位 … 资源的“订单模型”作为数据来源。 3、操作步骤 在数据选择区中,勾选 订单年季 、 销售额 和 销售目标 字段,由系统自动分配到 X轴 和 Y轴 上;或拖拽 订单年季 字段到 X轴 ,销售额 和 销售目标 字段到 Y轴 。 系统默认将第一个添加到 Y轴 的数据以 柱图 展现,后面添加到 Y轴 的数据均以 线图图表组件 ⬝ 旭日图
1 概述 旭日图是一种现代饼图,它超越传统的饼图和环图,能表达清晰的层级和归属关系,以父子层次结构来显示数据构成情况。 旭日图中,离源点越近表示级别越高,相邻两层中,是内层包含外层的关系。 2 业务场景 1、场景描述:分析2020年和2021年产品类别的销售量情况,如下图所示: xuru02.png 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 在数据选择区中,勾选 订单年份 、 产品类别 和 销售量 字段,由系统自动分配到 维度 和 标记 > 角度 上;或拖拽 订单年份 和 产品类别 字段到 维度 ,销售量 字段到 标记 > 角度 。 xuru01.png 4、旭日图默认支持数据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是基于非父子关结构字段构建,其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。 类型 图例 基于图表组件-联合图
概述 类型 描述说明 效果 单Y联合图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83699223 以线图、柱图、面积图或者散点图等任意两两组合的表现形式展现两个或两个以上数据指标情况。只有一个Y轴的联合图。 2022-02-17_10-46-13.png 双Y联合图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83699262 以线图、柱图、面积图或者散点图等任意两两组合的表现形式来展现两个或两个以上数据指标情况。坐标轴左右两边都有一个Y轴的联合图雷达图
概要说明 雷达图又称戴布拉图或蜘蛛网图,它从一个中心点向外辐射出多条坐标轴(4条以上),每一个分类数据都占有一条数值坐标轴,并连接各坐标轴上同一系列的值构成一个个不规则多边形;在任何一个轴上: 靠近图形中心的点表示一个较低的数值 靠近图形边缘的点表示一个较高的数值 雷达图有多种不同形态的类型可供切换,包括:棱角面积、圆环面积、棱角线、圆环线。 类型 入口 图例 面积型雷达图 每个变量的数值点连成的用颜色或者纹理填充的多边形。 棱角面积雷达图 2022-02-18_15-35-33.png image2018-9-18 10:43:12.png 圆环面积雷达图漏斗图
概要说明 漏斗图总是开始于一个100%的数量,结束于一个较小的数量。在开始和结束之间由N个流程环节组成。每个环节用一个梯形来表示: 梯形的上底宽度表示当前环节的输入情况; 梯形的下底宽度表示当前环节的输出情况; 上底与下底之间的差值形象的表现了在当前环节业务的减少量; 如果上下底之间的宽度近似,表示该环节的转化率高; 如果上下底之间的宽度一下子减小了很多,表示转化率低; 漏斗图有多种不同形态的类型可供切换,包括:漏斗图、升序漏斗图、左降序漏斗图、右降序漏斗图、左升序漏斗图、右升序漏斗图。 类型 入口 图例 漏斗图 2022-02-18_16-26-30.png环形进度图
概要 环形进度图利用圆环图呈现子事件在主事件中的占比情况,通常用于展示单点提升比例这样的数据。 入口 图例 image2024-5-27_10-25-20.png 通过环形进度图,对景区智慧旅游数据中心车流趋势进行分析,效果如下图所示: 2022-02-16_18-17-19.png 配图建议: 标签区:1个度量 示例 1、点击左上角 组件 > 指标 ,拖入“环形进度图"组件。接着选择数据模型“车流趋势”; image2024-5-27_10-27-57.png 2、拖拽字段 度量>“车辆数” 到标记区内的标签上。对组件进行基础设置,如调整标题、表盘风格、进度、指针环形进度图-发光环形进度图(一)
说明 环形进度图组件模板资源下的 “发光环形进度图(一)” 组件模板实现的是环形进度图的表盘上带有“发光效果”,该组件模板只适用于背景颜色为深色系列的主题,不适合“浅色主题”等白色背景的主题。 组建模板效果 0323-01.png 复制到浅色主题的大屏可视化下,效果如下: 0323-02.png进度图描述信息修改
(本文档仅供参考,仅适用于本文档中的示例报表/场景,若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码) (本示例已在V11版本中测试并验证通过) 问题说明 如何调整进度图的描述信息,以及字体的颜色? image2025-3-29_11-32-43.png 解决方案 参考如下仪表盘宏处理: image2025-3-29_11-34-44.png function main(page: IPage, portlet: IEChartsPortlet) { let options = portlet.getChartOptions(); let titleEcharts图形-扩展属性:柱图显示双堆积图
(本文档仅供参考) 问题: 柱图如何显示成双堆积图呢,堆积的时候柱子总是堆积在了一起。 解决方案: 可以考虑通过扩展属性配置。 { "series": [ { "type": "bar", "stack": "ShipVia"//stack配置系列根据字段进行调整 }, { "type": "bar", "stack": "ShipVia" }, { "type": "bar", "stack": "UnitPrice" }, { "type": "bar", "stack": "UnitPrice