第13页，共422页。 显示 4,213 条结果 (0.03 秒)
交互仪表盘实现百分比堆积图
（本文档仅供参考） 问题背景： 百分比堆积图会将数据集中的数据分类进行叠加显示，适合用来显示大类别下小类别的占比情况，通过将数据进行归一化使得展示结果占比情况更清晰。实现效果如下图。 image2024-12-30_18-47-11.png 实现效果： 1、创建计算度量按类别汇总的度量的字段 … image2024-12-30_18-52-35.png 占比堆积图 堆积柱图使用占比油量图
概要 油量图是指以油量表的形式来展现指标数据。有一个圆形的表盘及相应的刻度，刻度表示数值的范围，有一个指针指向当前数值，可直观的表现出某个指标的进度或实际情况。 入口 图例 image2022-2-19_17-51-25.png 下图的油量图中，指针所指向的数据代表了产品总体销售数量 … 。 劣势 数据场景比较单一。 配图建议： 标签：一个度量； 数据要求：只允许构建一个度量。 适用场景： 1) 油量图一般用来显示项目的完成进度。 2) 油量图用于关注及监控数据是否在正常范围，通过定义临界点确定预警范围。 不适用场景：油量图不适合用于比较不同变量或者趋势的分析水球图
概要 水球图是一种适合于展现单个百分比数据的图表类型，主要用于展示占比的指标，如毛利率、投入率、完成率等。 入口 图例 image2022-2-19_18-10-45.png 公司本年度的销售目标为两百万，当前销售额与目标值的占比如下： 1E061929-7542-40C1-95FF-468AEBC9DD8B.GIF 优势 （1）可以用来优雅的展示百分比数据； （2）易用，样式丰富； 劣势 （1）不适合用于展示趋势变化的数据。 配图建议： 指标：一个或多个度量 数据要求：当使用多个指标时，则会生成多个水球图。 适用场景：需要以百分比数据展示当年业绩迷你图
是单个工作表单元格内的微型图表，可用于直观地表示和显示数据趋势。 目前WEB电子表格支持三类迷你图：折线图、柱图、盈亏图。 示例效果 本章节将基于 Web电子表格快速入门 中的创建的表单示例来演示如何设计迷你图，该报表需要展现不同区域所有类别产品的数据，并且以折线迷你图来展现当前区域的数据。 2022-06-26_15-04-58.png 操作步骤 1、增加“迷你图”列，选中单元格D2，单击"更多"工具条中的 迷你图，弹出下拉菜单，选择 折线图。 web21.png 2、在弹出的图形设置窗口中设置 “销售量” 数据所在的单元格C2。然后点击 确定 按钮保存设置。 web22.png 3、点击 预览桑基图
概要说明 桑基图又称桑基能量分流图或桑基能量平衡图，是一种特定类型的流程图。 桑基图的起始流量和结束流量相同，所有主支宽度的总和与所有分出去的分支宽度总和相等，保持能量的平衡；各主支和分支不同的宽度代表了不同的的流量大小；不同宽度的线条代表了不同的流量分流情况，线条的宽度成比例地显示此分支占有的流量。 入口 含义 图例 image2022-2-18_16-22-47.png 桑基图用于描述一组数值转化成另一组数值的流向，观察数据的流转情况。 下图是一个桑基图，它显示了不同发货区域的产品数量和产品流向的各发货城市的数量。从图可以看出：各区域中华北区域的主支宽度最大，产品数量最大，各分指标组件 ⬝ 油量图
1 概述 油量图是指以油量表的形式来展现指标数据。有一个圆形的表盘及相应的刻度，刻度表示数值的范围，有一个指针指向当前数值，可直观的表现出某个指标的进度或实际情况。以下将分别举例油量图、内刻度油量图和外刻度油量图三种图的画法。 2 图形效果 油量图 外刻度油量图 内刻度油量图 youliangtuxiaoguo-01.png 2021-11-15_15-26-39.png youliangtuxiaoguo-02.png 内刻度油量图和外刻度油量图是油量图的不同展现形式，可根据实际应用场景及样式要求进行选择，下面以油量图为例，详细说明创建过程： 3 油量图 3.1 基础实现堆积柱图+线图
实现联合图是堆积柱图+线图的效果？现在是效果如下： 堆积线.png 思路 1）设置好联合柱图，如下： 堆积线2.png 2）新建客户端模块： image2022-11-8_15-10-7.png image2017-6-30 14:57:53.png 3）具体宏代码如下： function … } } } } 4）最终效果图： 堆积线3.png 示例资源：实现堆积柱图+线图.xml 联合图 堆积图线图实现堆积柱图+线图
实现联合图是堆积柱图+线图的效果？现在是效果如下： 堆积线.png 思路 1）设置好联合柱图，如下： 堆积线2.png 2）新建客户端模块： image2022-11-8_15-10-7.png image2017-6-30 14:57:53.png 3）具体宏代码如下： function … } } } } 4）最终效果图： 堆积线3.png 示例资源：实现堆积柱图+线图.xml 联合图 堆积图线图指标组件 ⬝ 进度图
1 概述 进度图可直观展示某指标的进度，使仪表盘拥有更多视觉效果。以下将分别举例进度图和环形进度图两种图的画法。 2 进度图 2.1 指标完成情况 1、场景描述：某大型零售公司，想要查看当前销售额相对原定销售目标的完成情况，效果如下图所示： jindutuxiaoguo-01.png 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 （1）添加进度图组件，在数据选择区中，勾拖拽 销售额 字段到 指标 ， 销售目标 字段到 提示 。 jindutuxiaoguo-02.png （2）在组件属性设置中，设置 目标值 ，选择 自定义 ，并选择 销售目标 字段，如下图所示Echarts图形-扩展属性：双柱图加面积图的实现
（本文档仅供参考） 问题 想实现下面的双柱图的效果，通过加一个折线图，这个折线图是两个指标值的差值，效果图如下： image2021-2-8_15-3-43.png 解决方案 差值是D4单元格减去C4单元格，然后基于这些数据作图，如下： image2021-2-8_15-17-42.png … , // shadowOffsetY: 20, } }, //面积图渐变设置，可以自行调整颜色 "areaStyle": { "color": { "x": 0
