跳到主要内容

HTML 模板中将图表添加为图像

您可以将图表作为图像添加到 HTML 报告模板中。该图表将使用应用程序最近重载中的数据。

HTML 模板代码中,图表图像作为 img 元素添加。图像也会作为对象添加至对象面板中,您可以随时返回对象面板进行编辑和重复使用。

选择图表时,通过单击 重载 刷新 Qlik Sense 应用程序中的可用图表列表。

  1. HTML 设计器中,将光标放在代码中要插入图片的位置。

  2. HTML 设计器中,单击对象面板中的 图表对象

    HTML 设计器对象面板中的图表菜单

    HTML 设计器中的“图表”选项卡,您可以从中修改已添加的现有图表,或添加新图表
  3. 单击添加图表。将显示可用工作表的列表。

  4. 展开包含要添加的图表的工作表。如果需要,可以搜索图表的名称以细化工作表列表。

  5. 单击 加号 图标以添加图表。

    为确保添加的图表正确无误,您可以在添加前先行预览。要预览图表,请单击旁边的 右箭头 ,或单击图表名称。

    选择添加为图像的图表

    选择要以图像形式添加到 HTML 报告中的图表
  6. 图表将作为 img 元素添加到模板中。在对象面板中,为图像提供一个唯一的名称,以便日后识别。

    模板设计表面,突出显示新添加的 img 元素

    图表图像元素已添加到报告模板
  7. 您可以用以下方式调整图像在模板中的显示方式:

    • 在对象菜单中调整缩放。这有助于图表文本的可读性,并突显图表的某些方面。

    • 使用 img 元素中的 widthheight 属性更改图片的维度。这可以在设计表面中完成。

  8. 您可以随时重新使用图像对象。在对象面板中打开 图表对象 ,然后单击 向右方向箭头 打开对象。单击添加图像再次添加图像。

本页面有帮助吗?

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