Showing SVG object in matrix over entire cell width for uninterrupted Gantt chart

[ITManuel]

Hi all,

I'm trying to build a Gantt chart with a standard matrix visual. My first approach was using conditional formatting, however the readibility of the chart is not so good especially when expanding to lower levels in the hierarchy of the Gantt chart. 

I would like to improve readibility by using different SVG objects for the bars on different levels in the hierarchy ( such as different formatting of project summary task, summary tasks and "normal" tasks in MS Project for example ).

I managed to show an SVG object instead os using conditional formatting of background colors in the matrix, however there is are blank spaces remaining in the transisition are from one cell to the next one. 

Solution with conditional formatting:

Soluiton with SVG code in measure:

The code I'm using in the measure for the generation of the SVG line is:

"data:image/svg+xml;utf8,
<svg  width='100%' height='50%'
	xmlns='http://www.w3.org/2000/svg'
	xmlns:xlink='http://www.w3.org/1999/xlink' overflow='visible'>
	<g>
		<rect x='0' y='0' width='100%' height='50%' fill='#FFFFFF'/>
	</g>
</svg>"

I tried to play around a bit, but I was not able to get rid of the blank spaces in between cells of the matrix.

Any help is much appreciated.

Thanks in advance

[lbendlin]

...  is the only thing I could find for the matrix visual.

If this is important to you please consider voting for an existing idea or raising a new one at https://ideas.fabric.microsoft.com/?forum=2d80fd4a-16cb-4189-896b-e0dac5e08b41

[ITManuel]

Hi @lbendlin,

thanks, I have created an idea regarding this.

https://ideas.fabric.microsoft.com/ideas/idea/?ideaid=1d7f3dc8-0273-ee11-a81c-000d3ae3e8aa

Best regards