Forum Discussion

Hrtfkr's avatar
Hrtfkr
Regular Visitor
4 months ago
Solved

Gradient Area Chart

Hey all, I’m kinda losing my mind over this I’m trying to get a gradient working in Power BI and nothing seems to behave the way it should. I’ve watched a bunch of tutorials, even downloade...
Need Help
  • v-ssriganesh's avatar
    v-ssriganesh
    4 months ago

    Hello Hrtfkr,

    Thank you for your response.

    The SVG in this scenario is generated within the DAX measure; however, you can extract and reuse it as a standalone .svg file.

    Please find the SVG content below. You can copy this into a text file and save it with a .svg extension to view or use it outside Power BI:

    <svg viewBox="0 0 300 150" xmlns="http://www.w3.org/2000/svg">

  <defs>
    <linearGradient id="grad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#00FFAA" stop-opacity="0.6"/>
      <stop offset="100%" stop-color="#00FFAA" stop-opacity="0"/>
    </linearGradient>
  </defs>

  <path d="
    M 1 100
    L 50 80
    L 100 90
    L 150 70
    L 200 85
    L 250 60
    L 299 20
    L 299 149
    L 1 149
    Z
  " fill="url(#grad)" stroke="none"/>

</svg>

    You can modify the path coordinates to match your dataset if needed.

    Best regards,
    Ganesh Singamshetty     

v-ssriganesh's avatar
v-ssriganesh
Community Support
4 months ago

Hi Hrtfkr,
Thank you for posting your query in the Microsoft Fabric Community Forum.

In Power BI, SVG files are supported as images when they are used through the Image URL data category. SVGs are rendered in supported visuals (such as tables, matrices, slicers, and cards) the same way as other image formats, and Power BI does not treat them as native vector visuals.

The official documentation does not describe or guarantee support for advanced SVG features beyond image rendering. Any SVG behavior is therefore subject to the same limitations that apply to image rendering in Power BI.

For supported usage and considerations when working with SVG images in Power BI, please refer to the official documentation below.

Official Microsoft documentation:
https://learn.microsoft.com/power-bi/create-reports/power-bi-images-tables


Best regards,
Ganesh Singamshetty.