创建 HTML 报表

以下内容示出了如何创建带有层级的 HTML。假设您熟悉一般的 Qlik NPrinting 设计功能。HTML 报表支持大多数 Qlik Sense 对象。请参阅： 使用 Qlik 对象

我们准备将两个 QlikView 对象的图像嵌入 HTML 报表，然后以标签形式将层级和层级变量标签添加至 HTML 报表。将生成所得报表，并且三年的每一年都有相应的标题和图像。

备注: HTML 报表可包含许多 HTML 和图像文件。它们作为 .zip 文件被传输至用户。

新建 HTML 报表

进行以下操作：

  1. 在 Qlik NPrinting 主菜单中选择报表，然后单击创建报表。
  2. 为报表输入标题。 HTML Report (Sales)。
  3. 在类型下拉列表中选择 HTML。
  4. 从应用程序下拉列表选择应用程序。

  5. 在可用选项中选择模板：

  6. 单击创建来创建报表。

选择要添加的连接和对象

进行以下操作：

  1. 单击编辑模板打开模板编辑器。
  2. 右键单击图像节点，然后选择添加对象。
  3. 选择对象。在该情况下，选择 CH184 和 CH320。
  4. 单击确定。
  5. 将 CH320 和 CH184 符记拖放至 <body> 和 </body> 标签之间的行。
  6. 根据需要添加行，并为布局管理和内联样式元素添加一些块元素标签，例如 <p>、<table> 或 <div>，如下一部分中所述。

预览和保存

进行以下操作：

  1. 单击预览。
  2. 单击报表，关闭它，然后根据需要再次编辑模板。
  3. 单击保存并关闭以保存模板并关闭模板编辑器。

所得报表

例如以下 HTML 代码用于创建相应的 HTML 报表：

<html> <body Style="text-align: center;"> <h3 Style="text-align: center; font: 21px verdana;">
 前 10 个国家/地区
 </h3>   <img src="%%CH320%%" alt="CH320">  <h3 Style="text-align: center; font: 21px verdana;">
 前 10 个产品
</h3> <img src="%%CH184%%" alt="CH184"> </body> </html>

打开选择层级窗口

您可生成带层级的 HTML 报表。例如，要生成在每年循环的层级，可执行以下操作：

  1. 右键单击层级节点，然后选择添加层级。
  2. 在层级列表中选择Year。
  3. 单击确定。
  4. 展开层级节点。

  5. 将 Year_Level 节点符记拖放至 <body> 和 </body> 标签之间的行。

    根据需要添加行。

    6. 结果是在行之间得到三个新行：%%Year_Level%%、%%/Year_Level%% 和空白行。

  6. 在您要纳入层级循环的元素前面布置 %%Year_Level%% 行，并在您要纳入层级循环的元素后面布置 %%Year_Level%% 行。
  7. 展开 Year_Level ji节点。

  8. 将 Year 节点符记拖放至 %%Year_Level%% 和 %%Year_Level%% 行之间的行。

  9. 添加内联样式元素。请参见下面的代码示例。

预览和保存

进行以下操作：

  1. 单击预览。
  2. 单击报表，关闭它，然后根据需要再次编辑模板。
  3. 单击保存并关闭以保存模板并关闭模板编辑器。

所得报表

例如以下 HTML 代码用于创建相应的 HTML 报表。报表将具有三个有标题的部分，每年一个。

<html> <body Style="text-align: center;">%%Year_Level%%  <h2 Style="font: 24px verdana;font-weight: bold;">%%Year%%  </h2> <h3 Style="text-align: center; font: 21px verdana;">
 前 10 个国家/地区
</h3> <img src="%%CH320%%" alt="CH320"> <h3 Style="text-align: center; font: 21px verdana;">
 前 10 个产品
</h3> <img src="%%CH184%%" alt="CH184">   %%/Year_Level%% </body> </html>