<?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>topic Implementing simple KPI Visualisations in QlikView</title>
    <link>https://community.qlik.com/t5/QlikView/Implementing-simple-KPI-Visualisations/m-p/1250041#M395744</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;A dashboard or cockpit should clearly communicate key information to users. It should be kept simple and therefore and effective design is crucial. Besides showing the current situation, it should also show comparisons and trends.&lt;/P&gt;&lt;P class="blog-entry-body" style="padding: 0 0 10px; font-size: 15.008000373840332px; color: #58595b; font-family: Lato, sans-serif;"&gt;Implementing simple reusable KPI boxes is one way to show different KPI's on a dashboard or cockpit. These would look like:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Bildschirmfoto 2017-02-07 um 09.34.02" class="imageStyle jive-image" height="260" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-09.34.02.png" width="162" /&gt;&amp;nbsp; &lt;IMG alt="Bildschirmfoto 2017-02-07 um 09.35.33" class="imageStyle jive-image" height="184" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-09.35.33.png" width="399" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;We can clearly see the current situation, with some additional informations about previous year or comparison to the budget. All this can done by using textboxes and some codes.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Within the QlikView application put the code below in the script editor:&lt;/P&gt;&lt;P&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;SET PerformanceSymbol = if($1 &amp;lt; $2, chr(9660),if($1 &amp;gt; $2, chr(9650), chr(9654)));&lt;BR /&gt;SET PerformanceColor = if($1 &amp;lt; $2, red(),if($1 &amp;gt; $2, green(), black()));&lt;/CODE&gt;&lt;/P&gt;&lt;P&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;&lt;/CODE&gt;&lt;BR /&gt;In this example I have used Sales and Budget values. I have created two textboxes showing once the Sales and once the Budget:&lt;/P&gt;&lt;P&gt;&lt;SPAN style="font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif;"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;='Sales: '&amp;amp;num( (sum(Sales)),'###'&amp;amp;ThousandSep&amp;amp;'##0') &lt;/CODE&gt;&lt;/P&gt;&lt;P&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;='Prev. Year: '&amp;amp;num( (sum(Budget)),'###'&amp;amp;ThousandSep&amp;amp;'##0')&lt;/CODE&gt;&lt;SPAN style="font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif;"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;IMG alt="Bildschirmfoto 2017-02-07 um 10.17.23" class="imageStyle jive-image" height="72" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-10.17.23.png" width="188" /&gt;&lt;BR /&gt;Now, I have created a third one, including the difference:&lt;/P&gt;&lt;P&gt;&lt;BR /&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;=num( (sum(&lt;SPAN style="font-family: 'Courier New', Courier, monospace;"&gt;Sales&lt;/SPAN&gt;)-sum(Budget))/ sum(Budget) , '#'&amp;amp;ThousandSep&amp;amp;'###'&amp;amp;DecimalSep&amp;amp;'## %') &amp;amp; $(PerformanceSymbol($(=sum(&lt;SPAN style="font-family: 'Courier New', Courier, monospace;"&gt;Sales&lt;/SPAN&gt;)), $(=sum(Budget)))) &lt;/CODE&gt;&lt;SPAN style="font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #7f7f7f; font-weight: bold;"&gt;&lt;EM&gt;&lt;BR /&gt;&lt;/EM&gt;&lt;/SPAN&gt;&lt;BR /&gt;In the Fonts register, for color I put this expression for calculating the color:&lt;BR /&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;$(PerformanceColor($(=sum(&lt;SPAN style="font-family: 'Courier New', Courier, monospace;"&gt;Sales&lt;/SPAN&gt;)), $(=sum(Budget))))&lt;/CODE&gt;&lt;/P&gt;&lt;P&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;&lt;/CODE&gt;&lt;IMG alt="Bildschirmfoto 2017-02-07 um 10.19.35" class="imageStyle jive-image" height="37" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-10.19.35.png" width="184" /&gt;&lt;BR /&gt;And the result shows me the difference in percent and because my Sales are higher then my budget, the colors appear in green. Arranging them all, I have then a KPI box, which I also can reuse to compare with previous year or for other KPIs.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Bildschirmfoto 2017-02-07 um 10.23.55" class="imageStyle jive-image" height="119" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-10.23.55.png" width="196" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Regards,&lt;/P&gt;&lt;P&gt;Oktay&lt;/P&gt;&lt;P&gt;www.qlik-blog.com&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Fri, 10 Feb 2017 07:18:29 GMT</pubDate>
    <dc:creator>itec_pao</dc:creator>
    <dc:date>2017-02-10T07:18:29Z</dc:date>
    <item>
      <title>Implementing simple KPI Visualisations</title>
      <link>https://community.qlik.com/t5/QlikView/Implementing-simple-KPI-Visualisations/m-p/1250041#M395744</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;A dashboard or cockpit should clearly communicate key information to users. It should be kept simple and therefore and effective design is crucial. Besides showing the current situation, it should also show comparisons and trends.&lt;/P&gt;&lt;P class="blog-entry-body" style="padding: 0 0 10px; font-size: 15.008000373840332px; color: #58595b; font-family: Lato, sans-serif;"&gt;Implementing simple reusable KPI boxes is one way to show different KPI's on a dashboard or cockpit. These would look like:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Bildschirmfoto 2017-02-07 um 09.34.02" class="imageStyle jive-image" height="260" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-09.34.02.png" width="162" /&gt;&amp;nbsp; &lt;IMG alt="Bildschirmfoto 2017-02-07 um 09.35.33" class="imageStyle jive-image" height="184" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-09.35.33.png" width="399" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;We can clearly see the current situation, with some additional informations about previous year or comparison to the budget. All this can done by using textboxes and some codes.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Within the QlikView application put the code below in the script editor:&lt;/P&gt;&lt;P&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;SET PerformanceSymbol = if($1 &amp;lt; $2, chr(9660),if($1 &amp;gt; $2, chr(9650), chr(9654)));&lt;BR /&gt;SET PerformanceColor = if($1 &amp;lt; $2, red(),if($1 &amp;gt; $2, green(), black()));&lt;/CODE&gt;&lt;/P&gt;&lt;P&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;&lt;/CODE&gt;&lt;BR /&gt;In this example I have used Sales and Budget values. I have created two textboxes showing once the Sales and once the Budget:&lt;/P&gt;&lt;P&gt;&lt;SPAN style="font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif;"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;='Sales: '&amp;amp;num( (sum(Sales)),'###'&amp;amp;ThousandSep&amp;amp;'##0') &lt;/CODE&gt;&lt;/P&gt;&lt;P&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;='Prev. Year: '&amp;amp;num( (sum(Budget)),'###'&amp;amp;ThousandSep&amp;amp;'##0')&lt;/CODE&gt;&lt;SPAN style="font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif;"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;IMG alt="Bildschirmfoto 2017-02-07 um 10.17.23" class="imageStyle jive-image" height="72" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-10.17.23.png" width="188" /&gt;&lt;BR /&gt;Now, I have created a third one, including the difference:&lt;/P&gt;&lt;P&gt;&lt;BR /&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;=num( (sum(&lt;SPAN style="font-family: 'Courier New', Courier, monospace;"&gt;Sales&lt;/SPAN&gt;)-sum(Budget))/ sum(Budget) , '#'&amp;amp;ThousandSep&amp;amp;'###'&amp;amp;DecimalSep&amp;amp;'## %') &amp;amp; $(PerformanceSymbol($(=sum(&lt;SPAN style="font-family: 'Courier New', Courier, monospace;"&gt;Sales&lt;/SPAN&gt;)), $(=sum(Budget)))) &lt;/CODE&gt;&lt;SPAN style="font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #7f7f7f; font-weight: bold;"&gt;&lt;EM&gt;&lt;BR /&gt;&lt;/EM&gt;&lt;/SPAN&gt;&lt;BR /&gt;In the Fonts register, for color I put this expression for calculating the color:&lt;BR /&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;$(PerformanceColor($(=sum(&lt;SPAN style="font-family: 'Courier New', Courier, monospace;"&gt;Sales&lt;/SPAN&gt;)), $(=sum(Budget))))&lt;/CODE&gt;&lt;/P&gt;&lt;P&gt;&lt;CODE style="margin: 18px 0; padding: 8px 11px; font-family: 'Courier New', Courier, monospace;"&gt;&lt;/CODE&gt;&lt;IMG alt="Bildschirmfoto 2017-02-07 um 10.19.35" class="imageStyle jive-image" height="37" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-10.19.35.png" width="184" /&gt;&lt;BR /&gt;And the result shows me the difference in percent and because my Sales are higher then my budget, the colors appear in green. Arranging them all, I have then a KPI box, which I also can reuse to compare with previous year or for other KPIs.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Bildschirmfoto 2017-02-07 um 10.23.55" class="imageStyle jive-image" height="119" src="http://www.qlik-blog.com/files/bildschirmfoto-2017-02-07-um-10.23.55.png" width="196" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Regards,&lt;/P&gt;&lt;P&gt;Oktay&lt;/P&gt;&lt;P&gt;www.qlik-blog.com&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 10 Feb 2017 07:18:29 GMT</pubDate>
      <guid>https://community.qlik.com/t5/QlikView/Implementing-simple-KPI-Visualisations/m-p/1250041#M395744</guid>
      <dc:creator>itec_pao</dc:creator>
      <dc:date>2017-02-10T07:18:29Z</dc:date>
    </item>
    <item>
      <title>Re: Implementing simple KPI Visualisations</title>
      <link>https://community.qlik.com/t5/QlikView/Implementing-simple-KPI-Visualisations/m-p/1250042#M395745</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Dear Oktay,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;A nice article. But I guess you posted at wrong place.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Instead of creating a post, you can create this as a document. &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Regards,&lt;/P&gt;&lt;P&gt;Kaushik Solanki&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 10 Feb 2017 07:27:33 GMT</pubDate>
      <guid>https://community.qlik.com/t5/QlikView/Implementing-simple-KPI-Visualisations/m-p/1250042#M395745</guid>
      <dc:creator>kaushiknsolanki</dc:creator>
      <dc:date>2017-02-10T07:27:33Z</dc:date>
    </item>
    <item>
      <title>Re: Implementing simple KPI Visualisations</title>
      <link>https://community.qlik.com/t5/QlikView/Implementing-simple-KPI-Visualisations/m-p/1250043#M395746</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;You're right. I have created a new document.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Update: I could not create a document within this group. So, I will keep it here until I am able to.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sat, 11 Feb 2017 06:47:37 GMT</pubDate>
      <guid>https://community.qlik.com/t5/QlikView/Implementing-simple-KPI-Visualisations/m-p/1250043#M395746</guid>
      <dc:creator>itec_pao</dc:creator>
      <dc:date>2017-02-11T06:47:37Z</dc:date>
    </item>
  </channel>
</rss>

