Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!
I am trying to create inline sparkline charts using embedded SVGs for a matrix in Power BI. Below is the code for formatting the image. However, the image is occupying the top left side of the cell instead of occupying the entire cell. I need to fix the image to occupy the entire cell instead.
VAR SVGImageURL = "data:image/svg+xml;utf8," &
"<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100'>" &
"<polyline fill='none' stroke='" & LineColor & "' stroke-width='1' points='"& Lines &
"'/></svg>"
I tried to change the "image height" in the "format" section in Visualizations pane but that doesnt change the width. I also tried to add width parameter to the Html but it doesnt seem to reflect in the image. Below is the image of my visual.
Solved! Go to Solution.
@amaddala
Try add both width and height in the code, the range supported in power bi is 24px to 150px, so try 100 x 100 px.
VAR SVGImageURL = "data:image/svg+xml;utf8," &
"<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100'>" &
"<polyline fill='none' stroke='" & LineColor & "' stroke-width='1' points='"& Lines &
"'/></svg>"
Paul Zheng _ Community Support Team
If this post helps, please Accept it as the solution to help the other members find it more quickly.
@amaddala
Try add both width and height in the code, the range supported in power bi is 24px to 150px, so try 100 x 100 px.
VAR SVGImageURL = "data:image/svg+xml;utf8," &
"<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100'>" &
"<polyline fill='none' stroke='" & LineColor & "' stroke-width='1' points='"& Lines &
"'/></svg>"
Paul Zheng _ Community Support Team
If this post helps, please Accept it as the solution to help the other members find it more quickly.
@amaddala , have tried changing the viewbox parameters
User | Count |
---|---|
141 | |
113 | |
104 | |
78 | |
64 |
User | Count |
---|---|
136 | |
125 | |
107 | |
70 | |
61 |