https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/DIY-Gradient-Bar-Chart-by-DAX-SVG/m-p/2090780#M3939 <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="wujunmin_0-1632298769380.png" style="width: 400px;"><img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/598369i5A0265A166A6820D/image-size/medium?v=v2&amp;px=400" role="button" title="wujunmin_0-1632298769380.png" alt="wujunmin_0-1632298769380.png" /></span></P><P>Measure:&nbsp;</P><LI-CODE lang="markup">Bar = VAR CityCount = DISTINCTCOUNT ( 'table'[city] ) VAR Height =30 VAR MaxSales = MAXX ( ALLSELECTED('table'), [revenue] ) / 300 VAR Color= "&lt;defs&gt; &lt;LinearGradient id='wu'&gt; &lt;Stop offset='0%' style='stop-color:White'/&gt; &lt;Stop offset='100%' style='stop-color:DarkCyan'/&gt; &lt;/LinearGradient&gt; &lt;/defs&gt;" VAR BarTable = ADDCOLUMNS ( SUMMARIZE ( 'table', 'table'[city], "index", RANKX ( ALLSELECTED ( 'table' ), [revenue],,, DENSE ) ), "Rect", "&lt;rect x='0' y='" &amp; ( [index] - 1 ) * Height &amp; "' width='" &amp; [revenue] / MaxSales &amp; "' height='" &amp; Height-2 &amp; " ' rx='15' ry='15' fill='url(#wu)' /&gt;", "Text", "&lt;text x='2' y='" &amp; ( [index] - 1 ) * Height + INT ( Height * 0.6 ) &amp; "' fill='black' text-anchor='left' font-size='" &amp; INT ( Height * 0.6 ) &amp; "' &gt;" &amp; [city] &amp; "[" &amp; ROUND ( [revenue], 0 ) &amp; "]" &amp; "&lt;/text&gt;" ) VAR Bar = CONCATENATEX ( BarTable, [Rect] &amp; [Text] ) VAR SVG = "&lt;svg xmlns='http://www.w3.org/2000/svg' height='"&amp;Height*CityCount&amp;"' width='300' &gt;" &amp;Color&amp; Bar &amp; "&lt;/svg&gt;" RETURN IF ( HASONEVALUE ( 'table'[province] ), SVG, BLANK () )</LI-CODE><P>&nbsp;</P> Wed, 22 Sep 2021 08:24:53 GMT wujunmin 2021-09-22T08:24:53Z https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/DIY-Gradient-Bar-Chart-by-DAX-SVG/m-p/2090780#M3939 <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="wujunmin_0-1632298769380.png" style="width: 400px;"><img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/598369i5A0265A166A6820D/image-size/medium?v=v2&amp;px=400" role="button" title="wujunmin_0-1632298769380.png" alt="wujunmin_0-1632298769380.png" /></span></P><P>Measure:&nbsp;</P><LI-CODE lang="markup">Bar = VAR CityCount = DISTINCTCOUNT ( 'table'[city] ) VAR Height =30 VAR MaxSales = MAXX ( ALLSELECTED('table'), [revenue] ) / 300 VAR Color= "&lt;defs&gt; &lt;LinearGradient id='wu'&gt; &lt;Stop offset='0%' style='stop-color:White'/&gt; &lt;Stop offset='100%' style='stop-color:DarkCyan'/&gt; &lt;/LinearGradient&gt; &lt;/defs&gt;" VAR BarTable = ADDCOLUMNS ( SUMMARIZE ( 'table', 'table'[city], "index", RANKX ( ALLSELECTED ( 'table' ), [revenue],,, DENSE ) ), "Rect", "&lt;rect x='0' y='" &amp; ( [index] - 1 ) * Height &amp; "' width='" &amp; [revenue] / MaxSales &amp; "' height='" &amp; Height-2 &amp; " ' rx='15' ry='15' fill='url(#wu)' /&gt;", "Text", "&lt;text x='2' y='" &amp; ( [index] - 1 ) * Height + INT ( Height * 0.6 ) &amp; "' fill='black' text-anchor='left' font-size='" &amp; INT ( Height * 0.6 ) &amp; "' &gt;" &amp; [city] &amp; "[" &amp; ROUND ( [revenue], 0 ) &amp; "]" &amp; "&lt;/text&gt;" ) VAR Bar = CONCATENATEX ( BarTable, [Rect] &amp; [Text] ) VAR SVG = "&lt;svg xmlns='http://www.w3.org/2000/svg' height='"&amp;Height*CityCount&amp;"' width='300' &gt;" &amp;Color&amp; Bar &amp; "&lt;/svg&gt;" RETURN IF ( HASONEVALUE ( 'table'[province] ), SVG, BLANK () )</LI-CODE><P>&nbsp;</P> Wed, 22 Sep 2021 08:24:53 GMT https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/DIY-Gradient-Bar-Chart-by-DAX-SVG/m-p/2090780#M3939 wujunmin 2021-09-22T08:24:53Z