跳到主要内容 跳到补充内容

我如何制作:使用布局容器进行动态分析

此示例展示了如何使用布局容器创建动态交互式工作表内容。布局容器支持无网格设计和堆叠式可视化,可让您对分析内容的排列方式进行广泛控制。此外,与其他容器对象一样,您可以根据各种条件(例如变量和选择项状态)动态呈现不同的信息。

此示例展示了如何构建布局容器以将来自多个图表的信息作为单个对象呈现。一些常见的设计方法包括:

  • 以对称方式排列相似对象,并使用样式区分数据的不同部分。

  • 从布局容器内的单个对象中移除边框,然后在完成后为整个对象添加边框。

  • 根据用户交互有条件地显示不同的对象或数据——在此示例中,用户可以显示或隐藏详细信息的条形图。

  • 构建由多个不同对象并排放置组成的复合元素——在此示例中,一个模拟开关的交互式按钮。

  • 允许用户在需要仔细查看数据时,通过多种方式选择和筛选数据。

最终结果

示例的已完成布局容器

准备工作

创建一个新应用程序,并将示例加载脚本粘贴到数据加载编辑器中的新部分。然后加载数据。

加载数据后,切换到工作表视图。

示例加载脚本

第 1 部分:创建变量

首先,创建变量。此变量是稍后将添加的条件的依据。变量的值将在分析期间通过与按钮对象的交互而改变。

创建以下变量。将定义设置为=false()

  • vViewChartValues

创建变量

第 2 部分:创建布局容器

  1. 在资产面板中,打开扩展 自定义对象 > Dashboard bundle 并将 Layout container 拖动至工作表。

  2. 将容器调整为工作表网格上的 17x10 个方格。

第 3 部分:向布局容器添加可视化项

接下来,向布局容器添加可视化项。

第 4 部分:完成演示

通过添加标题和边框来最终确定布局容器。

  1. 在属性面板中,展开外观 > 一般

  2. 将标题设置为迟到与非迟到订单 - 销售影响

  3. 展开外观 > 显示

  4. 开启将图表保留在内

  5. 点击调色板 样式

  6. 边框设置以下属性:

    • 轮廓:2 像素

    • 颜色:#7b7a78

  7. 阴影设置以下属性:

    • 中等大小

    • 颜色:#7b7a78

结果

退出工作表编辑模式。点击切换开关按钮,可在简单条形图和详细条形图之间切换。

布局容器,其中显示值已关闭

布局容器,“显示值”已关闭,显示不带值标签的条形图

布局容器,显示值已打开

布局容器,“显示值”已打开,显示带值标签的条形图

点击图表顶部的 Not LateLate 标题。请注意,点击这些元素会选择应用程序中相应的值。

字段 Late Status 中的布局容器已选择 Not Late

在“延迟状态”字段中已进行选择的布局容器。

本页面有帮助吗?

如果您发现此页面或其内容有任何问题 – 打字错误、遗漏步骤或技术错误 – 请告诉我们!