<?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 Help with Heatmap in a matrix visual in Custom Visuals Development Discussion</title>
    <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Help-with-Heatmap-in-a-matrix-visual/m-p/1554252#M3474</link>
    <description>&lt;P&gt;Hello,&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I am hoping someone can help me with a solution to my problem. I was asked to use a matrix to create a heatmap. I have done it before but this particular report is displaying the data and the color will corespond to the maturity of the data. I have added a flag to the underlying data that 0-Not Mature 1-Maturing 2-Mature. Lets say I have 2019 data 2 of the values have a 0 flag but the third has a 1 to inducate it is maturing the color will stop at 0 will not color the next value. My moc data below will show the issue I am having. The maturity flag is what I am using to indicate the background color here is the measure I am using&amp;nbsp;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;EM&gt;Maturity color = SWITCH(SELECTEDVALUE(years[maturity]), &lt;/EM&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;EM&gt;"0" , "#5DADE2",&lt;/EM&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;EM&gt;"1" , "#85C1E9",&lt;/EM&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;EM&gt;"2" , "#AED6F1"&lt;/EM&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;EM&gt;)&lt;/EM&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Heatmap.png" style="width: 977px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/417958i98201E0FFF021DBC/image-size/large?v=v2&amp;amp;px=999" role="button" title="Heatmap.png" alt="Heatmap.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;This is what I would like to see in the pbi&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="heatmap2.png" style="width: 963px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/417971i022F18826F6B2F1A/image-size/large?v=v2&amp;amp;px=999" role="button" title="heatmap2.png" alt="heatmap2.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Wed, 16 Dec 2020 15:47:46 GMT</pubDate>
    <dc:creator>lwhal</dc:creator>
    <dc:date>2020-12-16T15:47:46Z</dc:date>
    <item>
      <title>Help with Heatmap in a matrix visual</title>
      <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Help-with-Heatmap-in-a-matrix-visual/m-p/1554252#M3474</link>
      <description>&lt;P&gt;Hello,&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I am hoping someone can help me with a solution to my problem. I was asked to use a matrix to create a heatmap. I have done it before but this particular report is displaying the data and the color will corespond to the maturity of the data. I have added a flag to the underlying data that 0-Not Mature 1-Maturing 2-Mature. Lets say I have 2019 data 2 of the values have a 0 flag but the third has a 1 to inducate it is maturing the color will stop at 0 will not color the next value. My moc data below will show the issue I am having. The maturity flag is what I am using to indicate the background color here is the measure I am using&amp;nbsp;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;EM&gt;Maturity color = SWITCH(SELECTEDVALUE(years[maturity]), &lt;/EM&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;EM&gt;"0" , "#5DADE2",&lt;/EM&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;EM&gt;"1" , "#85C1E9",&lt;/EM&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;EM&gt;"2" , "#AED6F1"&lt;/EM&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;EM&gt;)&lt;/EM&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Heatmap.png" style="width: 977px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/417958i98201E0FFF021DBC/image-size/large?v=v2&amp;amp;px=999" role="button" title="Heatmap.png" alt="Heatmap.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;This is what I would like to see in the pbi&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="heatmap2.png" style="width: 963px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/417971i022F18826F6B2F1A/image-size/large?v=v2&amp;amp;px=999" role="button" title="heatmap2.png" alt="heatmap2.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 16 Dec 2020 15:47:46 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Help-with-Heatmap-in-a-matrix-visual/m-p/1554252#M3474</guid>
      <dc:creator>lwhal</dc:creator>
      <dc:date>2020-12-16T15:47:46Z</dc:date>
    </item>
    <item>
      <title>Re: Help with Heatmap in a matrix visual</title>
      <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Help-with-Heatmap-in-a-matrix-visual/m-p/1565473#M3479</link>
      <description>&lt;P&gt;Two comments:&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;You can simplify your logic like this&lt;/P&gt;
&lt;DIV&gt;&lt;EM&gt;Maturity color = SWITCH(SELECTEDVALUE(years[maturity]),&lt;/EM&gt;&lt;/DIV&gt;
&lt;DIV&gt;
&lt;DIV&gt;&lt;EM&gt;"2" , "#AED6F1",&lt;/EM&gt;&lt;/DIV&gt;
&lt;DIV&gt;
&lt;DIV&gt;&lt;EM&gt;"1" , "#85C1E9",&lt;/EM&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;EM style="font-family: inherit;"&gt;"#5DADE2"&lt;/EM&gt;&lt;EM style="font-family: inherit;"&gt;)&lt;/EM&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;But this will still not help you with the cells where there is no "SELECTEDVALUE"&amp;nbsp; (missing data).&amp;nbsp; For that you may need to create dummy data points (via a cross join)&amp;nbsp; or use a fake matrix background color set to&amp;nbsp; #5DADE2.&lt;/DIV&gt;
&lt;/DIV&gt;
&lt;/DIV&gt;</description>
      <pubDate>Tue, 22 Dec 2020 15:12:17 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Help-with-Heatmap-in-a-matrix-visual/m-p/1565473#M3479</guid>
      <dc:creator>lbendlin</dc:creator>
      <dc:date>2020-12-22T15:12:17Z</dc:date>
    </item>
    <item>
      <title>Re: Help with Heatmap in a matrix visual</title>
      <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Help-with-Heatmap-in-a-matrix-visual/m-p/1567566#M3487</link>
      <description>&lt;P&gt;Hi Lwhal,&lt;/P&gt;&lt;P&gt;Perhaps another quick option would be to use the Conditional Formatting option on both the % and Maturity columns and use the Diverging setting to get your three specific colors (btw - I think the color codes may be off from what is seen on screen), I just used three quickly selected blues in the attached PBIX example.&lt;/P&gt;&lt;P&gt;Select your matrix and under formatting (paintbrush) open the Conditional Formatting options:&lt;/P&gt;&lt;P&gt;Select the % field and turn the background color to ON, then click the Advanced Controls, and a new pop-up will be displayed:&lt;/P&gt;&lt;P&gt;For your example given you only have 3 values, you really could just use the Lowest and Highest settings at 0 and 2, respectively, but since you want to control the three colors, click on the Diverging checkbox.&lt;/P&gt;&lt;P&gt;In the three drop-downs, change the values (lowest, middle, highest) to Custom, and you will be able to enter your 0, 1, and 2.&amp;nbsp; Set your colors to your choosing.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;BR /&gt;Based on your request to keep the blanks in the dark blue, make sure to keep in the Advanced setting, keep the Default formatting set to "As zero".&amp;nbsp; If you wanted those a different color, you can control it there.&lt;/P&gt;&lt;P&gt;Click OK to apply these changes to the % columns and then select the&amp;nbsp;Maturity field, and repeat the steps for the conditional formatting for those columns.&amp;nbsp;&lt;/P&gt;&lt;P&gt;Let me know if you want a sample PBIX to review...I hope this helps and Happy Holidays!&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-center" image-alt="ConditionalFormatting_menu.jpg" style="width: 131px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/422432iCEA5E25DE2A998F7/image-size/large?v=v2&amp;amp;px=999" role="button" title="ConditionalFormatting_menu.jpg" alt="ConditionalFormatting_menu.jpg" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 23 Dec 2020 15:06:05 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Help-with-Heatmap-in-a-matrix-visual/m-p/1567566#M3487</guid>
      <dc:creator>Anonymous</dc:creator>
      <dc:date>2020-12-23T15:06:05Z</dc:date>
    </item>
    <item>
      <title>Re: Help with Heatmap in a matrix visual</title>
      <link>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Help-with-Heatmap-in-a-matrix-visual/m-p/1575477#M3494</link>
      <description>&lt;P&gt;Thank you so much it worked great.&lt;/P&gt;</description>
      <pubDate>Wed, 30 Dec 2020 19:40:08 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/Help-with-Heatmap-in-a-matrix-visual/m-p/1575477#M3494</guid>
      <dc:creator>lwhal</dc:creator>
      <dc:date>2020-12-30T19:40:08Z</dc:date>
    </item>
  </channel>
</rss>

