<?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 Re: Truck Visual in powerBI in Custom Visuals Development Discussion</title>
    <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/3712730#M8964</link>
    <description>&lt;P&gt;hi, can you tell me method&lt;/P&gt;</description>
    <pubDate>Wed, 21 Feb 2024 02:05:52 GMT</pubDate>
    <dc:creator>Ankh-Uchral</dc:creator>
    <dc:date>2024-02-21T02:05:52Z</dc:date>
    <item>
      <title>Truck Visual in powerBI</title>
      <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/2748588#M5082</link>
      <description>&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="IMG_20220906_004619.jpg" style="width: 1080px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/778234i5B4B959E6DA66575/image-size/medium?v=v2&amp;amp;px=400" role="button" title="IMG_20220906_004619.jpg" alt="IMG_20220906_004619.jpg" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt; hey guys , Is it possible to create a truck like this and show the fill rate % in the visual in powerBI ??? If the value greater than 99 it shud be shown in green and lesser than 99 in red .&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Share your thoughts or any idea about it . It will be really helpful. Thank you all&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Mon, 05 Sep 2022 19:24:42 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/2748588#M5082</guid>
      <dc:creator>prv_1401</dc:creator>
      <dc:date>2022-09-05T19:24:42Z</dc:date>
    </item>
    <item>
      <title>Re: Truck Visual in powerBI</title>
      <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/2751620#M5088</link>
      <description>&lt;P&gt;here's one possible implementation&lt;/P&gt;</description>
      <pubDate>Wed, 07 Sep 2022 00:43:41 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/2751620#M5088</guid>
      <dc:creator>lbendlin</dc:creator>
      <dc:date>2022-09-07T00:43:41Z</dc:date>
    </item>
    <item>
      <title>Re: Truck Visual in powerBI</title>
      <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/2760345#M5159</link>
      <description>&lt;P&gt;Thanks that did work. However I was able to get the exact visual using infographic designer.&lt;/P&gt;</description>
      <pubDate>Sun, 11 Sep 2022 12:55:27 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/2760345#M5159</guid>
      <dc:creator>prv_1401</dc:creator>
      <dc:date>2022-09-11T12:55:27Z</dc:date>
    </item>
    <item>
      <title>Re: Truck Visual in powerBI</title>
      <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/3712730#M8964</link>
      <description>&lt;P&gt;hi, can you tell me method&lt;/P&gt;</description>
      <pubDate>Wed, 21 Feb 2024 02:05:52 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/3712730#M8964</guid>
      <dc:creator>Ankh-Uchral</dc:creator>
      <dc:date>2024-02-21T02:05:52Z</dc:date>
    </item>
    <item>
      <title>Re: Truck Visual in powerBI</title>
      <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/3730707#M9015</link>
      <description>&lt;P&gt;Hi, Yes I will mention all the steps below which I followed to get this desired output.&lt;BR /&gt;&lt;BR /&gt;1. Firstly, we need to get a truck image and place it in the dashboard like this&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="prv_1401_0-1709124865822.png" style="width: 400px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/1051031i426C8595E3201943/image-size/medium?v=v2&amp;amp;px=400" role="button" title="prv_1401_0-1709124865822.png" alt="prv_1401_0-1709124865822.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;2. Next we need to go to the app source where we can add third party visuals to our reort. In this case I used Infographic Designer 1.9.7 visual ( to design the green boxes)&lt;BR /&gt;&lt;BR /&gt;3. Then I added the Fill rate column as measure&amp;nbsp; and date column as categroy&amp;nbsp; in the chart.&lt;BR /&gt;&amp;nbsp;Please refer the below images to know how I had designed the visual.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="prv_1401_1-1709125136094.png" style="width: 400px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/1051035iB1A610FE93CCA361/image-size/medium?v=v2&amp;amp;px=400" role="button" title="prv_1401_1-1709125136094.png" alt="prv_1401_1-1709125136094.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Here you get to see how I have chose the shape style, enabled multiple units so that I can get multiples boxes as shown in the image, unit count by set to row and column , column count, units in a column, fill percentage, colour and finally the fill direction from bottom to top.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="prv_1401_2-1709125176631.png" style="width: 400px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/1051036iB3ED21BE05B9756D/image-size/medium?v=v2&amp;amp;px=400" role="button" title="prv_1401_2-1709125176631.png" alt="prv_1401_2-1709125176631.png" /&gt;&lt;/span&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="prv_1401_3-1709125191301.png" style="width: 400px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/1051037i008FB2EF85B4CFFC/image-size/medium?v=v2&amp;amp;px=400" role="button" title="prv_1401_3-1709125191301.png" alt="prv_1401_3-1709125191301.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;The general idea was to depict the exact truck visual with goods filled in it. Unfortunately we couldn't achieve applying conditional formatting in the infographic visual. But we had created few measures to show the Fill rate value and an icon to change dynamically (green/red) based on the percentage value. Fill rate % was a direct column so simply apply conditional formatting to it. For the icon, below are the measures created&amp;nbsp;&lt;BR /&gt;1. Icon -&amp;nbsp;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Icon = &lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;var&lt;/SPAN&gt;&lt;SPAN&gt; positiveicon = &lt;/SPAN&gt;&lt;SPAN&gt;unichar&lt;/SPAN&gt;&lt;SPAN&gt;(&lt;/SPAN&gt;&lt;SPAN&gt;9650&lt;/SPAN&gt;&lt;SPAN&gt;)&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;var&lt;/SPAN&gt;&lt;SPAN&gt; negativeicon = &lt;/SPAN&gt;&lt;SPAN&gt;unichar&lt;/SPAN&gt;&lt;SPAN&gt;(&lt;/SPAN&gt;&lt;SPAN&gt;9660&lt;/SPAN&gt;&lt;SPAN&gt;)&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;var&lt;/SPAN&gt;&lt;SPAN&gt; result = &lt;/SPAN&gt;&lt;SPAN&gt;if&lt;/SPAN&gt;&lt;SPAN&gt;([FR %]&amp;gt;&lt;/SPAN&gt;&lt;SPAN&gt;0.99&lt;/SPAN&gt;&lt;SPAN&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;positiveicon , &lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;negativeicon)&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;return&lt;/SPAN&gt;&lt;SPAN&gt; result&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&lt;BR /&gt;2. Icons colour&amp;nbsp;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;icon colour =&lt;/SPAN&gt; &lt;SPAN&gt;if&lt;/SPAN&gt;&lt;SPAN&gt;(&lt;/SPAN&gt;&lt;SPAN&gt;[FR %]&lt;/SPAN&gt;&lt;SPAN&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN&gt;0.99&lt;/SPAN&gt;&lt;SPAN&gt;,&lt;/SPAN&gt;&lt;SPAN&gt;"green"&lt;/SPAN&gt;&lt;SPAN&gt;,&lt;/SPAN&gt;&lt;SPAN&gt;"red"&lt;/SPAN&gt;&lt;SPAN&gt;) - Add this measure as field section in conditional formatting option for the icon card.&lt;BR /&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;&lt;SPAN&gt;Based on the selection of filter (Date), output would be like this as shown in the below image.&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="prv_1401_4-1709125977282.png" style="width: 400px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/1051049iF520C93C6596D215/image-size/medium?v=v2&amp;amp;px=400" role="button" title="prv_1401_4-1709125977282.png" alt="prv_1401_4-1709125977282.png" /&gt;&lt;/span&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="prv_1401_5-1709125991301.png" style="width: 400px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/1051050iF14978AD3AE53FAF/image-size/medium?v=v2&amp;amp;px=400" role="button" title="prv_1401_5-1709125991301.png" alt="prv_1401_5-1709125991301.png" /&gt;&lt;/span&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Regards,&amp;nbsp;&lt;BR /&gt;Praveen&lt;/P&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;&lt;P&gt;&lt;BR /&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 28 Feb 2024 13:15:58 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Truck-Visual-in-powerBI/m-p/3730707#M9015</guid>
      <dc:creator>prv_1401</dc:creator>
      <dc:date>2024-02-28T13:15:58Z</dc:date>
    </item>
  </channel>
</rss>

