<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>article Qlik-embed: some visualizations require utf-8 encoding when using &amp;quot;analytics/chart&amp;quot; or &amp;quot;analytics/sheet&amp;quot; UIs in Official Support Articles</title>
    <link>https://community.qlik.com/t5/Official-Support-Articles/Qlik-embed-some-visualizations-require-utf-8-encoding-when-using/ta-p/2493499</link>
    <description>&lt;P&gt;Some charts may fail to load when using &lt;FONT color="#339966"&gt;&lt;STRONG&gt;qlik-embed&lt;/STRONG&gt;&lt;/FONT&gt; and the &lt;FONT color="#339966"&gt;&lt;STRONG&gt;analytics/chart&lt;/STRONG&gt;&lt;/FONT&gt; or &lt;FONT color="#339966"&gt;&lt;STRONG&gt;analytics/sheet&lt;/STRONG&gt;&lt;/FONT&gt; UIs due to incompatible charsets in the host page.&lt;/P&gt;
&lt;P&gt;When using the following example code in the&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;CODE&gt;body&lt;/CODE&gt;&lt;SPAN&gt;&amp;nbsp;of the HTML file to embed a Qlik Sense visualization object, with the&amp;nbsp;&lt;CODE&gt;ui&lt;/CODE&gt;&amp;nbsp;attribute to&amp;nbsp;&lt;STRONG&gt;&lt;EM&gt;analytics/chart&lt;/EM&gt;&lt;/STRONG&gt;,&amp;nbsp; which indicates to qlik-embed that you wish to embed a specific visualization from a Qlik Sense application using the lightweight nebula object.&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;[ Fig.1 ]&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;LI-CODE lang="html"&gt;&amp;lt;qlik-embed
  ui="analytics/chart"
  app-id="&amp;lt;APP_ID&amp;gt;"
  object-id="&amp;lt;CHART_ID&amp;gt;"
&amp;gt;&amp;lt;/qlik-embed&amp;gt;&lt;/LI-CODE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;The following &lt;STRONG&gt;error&lt;/STRONG&gt; may occur when trying to render the KPI in your web application:&lt;/P&gt;
&lt;P class="lia-indent-padding-left-30px"&gt;&lt;FONT face="courier new,courier"&gt;&lt;SPAN&gt;Failed to load visualization: 'kpi'&lt;/SPAN&gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;P class="lia-indent-padding-left-30px"&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="failed to load visualization kpi.png" style="width: 535px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/174605iCBA34FF1DAA8CEEA/image-size/large?v=v2&amp;amp;px=999" role="button" title="failed to load visualization kpi.png" alt="failed to load visualization kpi.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;This is because the host page&amp;nbsp;&lt;STRONG&gt;character set&lt;/STRONG&gt; is not supported by the visualization object. Refer to the embedded visualization documentation for specific compatibility requirements:&amp;nbsp;&lt;A href="https://qlik.dev/embed/foundational-knowledge/visualizations/#qlik-embed-charset-compatibility" target="_blank" rel="noopener"&gt;Qlik-embed charset compatibility&lt;/A&gt;&amp;nbsp;&lt;/P&gt;
&lt;H3 id="toc-hId-1944305657"&gt;&lt;FONT color="#339966"&gt;&lt;STRONG&gt;Resolution&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/H3&gt;
&lt;P&gt;Apply the following instructions in your HTML file element which enforces utf-8 encoding and solves the issue:&amp;nbsp;&lt;/P&gt;
&lt;PRE class="code-java"&gt;&amp;lt;meta charset=&lt;SPAN class="code-quote"&gt;"utf-8"&lt;/SPAN&gt;&amp;gt; &lt;/PRE&gt;
&lt;P&gt;&lt;SPAN&gt;For usage where the encoding cannot be controlled by the user (such as embedding in a tool, &lt;/SPAN&gt;&lt;SPAN&gt;e.g. Microsoft Excel ) and this error arises, the customer will have to embed with the &lt;STRONG&gt;"classic/chart"&lt;/STRONG&gt; type and the option &lt;STRONG&gt;"iframe=true".&lt;/STRONG&gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;H4 id="toc-hId--1660100165"&gt;&lt;FONT color="#339966"&gt;&lt;STRONG&gt;Environment&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/H4&gt;
&lt;P class="lia-indent-padding-left-30px"&gt;Qlik Cloud&lt;/P&gt;
&lt;H4 id="toc-hId-2005830292"&gt;&lt;FONT color="#339966"&gt;&lt;STRONG&gt;Related Content&amp;nbsp;&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/H4&gt;
&lt;P class="lia-indent-padding-left-30px"&gt;&lt;FONT color="#339966"&gt;&lt;A href="https://qlik.dev/embed/qlik-embed/quickstart/qlik-embed-webcomponent-quickstart/#201-add-the-script-configuration-for-qlik-embed" target="_blank" rel="noopener"&gt;2.0.1 Add the script configuration for qlik-embed&lt;/A&gt;&lt;/FONT&gt;&lt;/P&gt;</description>
    <pubDate>Wed, 05 Feb 2025 08:11:36 GMT</pubDate>
    <dc:creator>Caterina_Fruci</dc:creator>
    <dc:date>2025-02-05T08:11:36Z</dc:date>
    <item>
      <title>Qlik-embed: some visualizations require utf-8 encoding when using "analytics/chart" or "analytics/sheet" UIs</title>
      <link>https://community.qlik.com/t5/Official-Support-Articles/Qlik-embed-some-visualizations-require-utf-8-encoding-when-using/ta-p/2493499</link>
      <description>&lt;P&gt;Some charts may fail to load when using &lt;FONT color="#339966"&gt;&lt;STRONG&gt;qlik-embed&lt;/STRONG&gt;&lt;/FONT&gt; and the &lt;FONT color="#339966"&gt;&lt;STRONG&gt;analytics/chart&lt;/STRONG&gt;&lt;/FONT&gt; or &lt;FONT color="#339966"&gt;&lt;STRONG&gt;analytics/sheet&lt;/STRONG&gt;&lt;/FONT&gt; UIs due to incompatible charsets in the host page.&lt;/P&gt;
&lt;P&gt;When using the following example code in the&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;CODE&gt;body&lt;/CODE&gt;&lt;SPAN&gt;&amp;nbsp;of the HTML file to embed a Qlik Sense visualization object, with the&amp;nbsp;&lt;CODE&gt;ui&lt;/CODE&gt;&amp;nbsp;attribute to&amp;nbsp;&lt;STRONG&gt;&lt;EM&gt;analytics/chart&lt;/EM&gt;&lt;/STRONG&gt;,&amp;nbsp; which indicates to qlik-embed that you wish to embed a specific visualization from a Qlik Sense application using the lightweight nebula object.&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;[ Fig.1 ]&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;LI-CODE lang="html"&gt;&amp;lt;qlik-embed
  ui="analytics/chart"
  app-id="&amp;lt;APP_ID&amp;gt;"
  object-id="&amp;lt;CHART_ID&amp;gt;"
&amp;gt;&amp;lt;/qlik-embed&amp;gt;&lt;/LI-CODE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;The following &lt;STRONG&gt;error&lt;/STRONG&gt; may occur when trying to render the KPI in your web application:&lt;/P&gt;
&lt;P class="lia-indent-padding-left-30px"&gt;&lt;FONT face="courier new,courier"&gt;&lt;SPAN&gt;Failed to load visualization: 'kpi'&lt;/SPAN&gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;P class="lia-indent-padding-left-30px"&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="failed to load visualization kpi.png" style="width: 535px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/174605iCBA34FF1DAA8CEEA/image-size/large?v=v2&amp;amp;px=999" role="button" title="failed to load visualization kpi.png" alt="failed to load visualization kpi.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;This is because the host page&amp;nbsp;&lt;STRONG&gt;character set&lt;/STRONG&gt; is not supported by the visualization object. Refer to the embedded visualization documentation for specific compatibility requirements:&amp;nbsp;&lt;A href="https://qlik.dev/embed/foundational-knowledge/visualizations/#qlik-embed-charset-compatibility" target="_blank" rel="noopener"&gt;Qlik-embed charset compatibility&lt;/A&gt;&amp;nbsp;&lt;/P&gt;
&lt;H3 id="toc-hId-1944305657"&gt;&lt;FONT color="#339966"&gt;&lt;STRONG&gt;Resolution&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/H3&gt;
&lt;P&gt;Apply the following instructions in your HTML file element which enforces utf-8 encoding and solves the issue:&amp;nbsp;&lt;/P&gt;
&lt;PRE class="code-java"&gt;&amp;lt;meta charset=&lt;SPAN class="code-quote"&gt;"utf-8"&lt;/SPAN&gt;&amp;gt; &lt;/PRE&gt;
&lt;P&gt;&lt;SPAN&gt;For usage where the encoding cannot be controlled by the user (such as embedding in a tool, &lt;/SPAN&gt;&lt;SPAN&gt;e.g. Microsoft Excel ) and this error arises, the customer will have to embed with the &lt;STRONG&gt;"classic/chart"&lt;/STRONG&gt; type and the option &lt;STRONG&gt;"iframe=true".&lt;/STRONG&gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;H4 id="toc-hId--1660100165"&gt;&lt;FONT color="#339966"&gt;&lt;STRONG&gt;Environment&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/H4&gt;
&lt;P class="lia-indent-padding-left-30px"&gt;Qlik Cloud&lt;/P&gt;
&lt;H4 id="toc-hId-2005830292"&gt;&lt;FONT color="#339966"&gt;&lt;STRONG&gt;Related Content&amp;nbsp;&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/H4&gt;
&lt;P class="lia-indent-padding-left-30px"&gt;&lt;FONT color="#339966"&gt;&lt;A href="https://qlik.dev/embed/qlik-embed/quickstart/qlik-embed-webcomponent-quickstart/#201-add-the-script-configuration-for-qlik-embed" target="_blank" rel="noopener"&gt;2.0.1 Add the script configuration for qlik-embed&lt;/A&gt;&lt;/FONT&gt;&lt;/P&gt;</description>
      <pubDate>Wed, 05 Feb 2025 08:11:36 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Official-Support-Articles/Qlik-embed-some-visualizations-require-utf-8-encoding-when-using/ta-p/2493499</guid>
      <dc:creator>Caterina_Fruci</dc:creator>
      <dc:date>2025-02-05T08:11:36Z</dc:date>
    </item>
  </channel>
</rss>

