Image not displayed from DOT format graph

[sly-pims]

Hello, I ma using Graph-viz-d3-js to render graphs. My graph comes from Graphviz tool, and are all in DOT format. The graph render well, except the image doesn't appear. This is an important part of the graph and cannot be left out. I tried to specify path, real and relative but nothing work. Anyone came across this problem before?

Here is a sample of the graph code source:

digraph "" { graph [layout=dot;] imagepath="C:\skin"; rankdir = LR; ranksep = 0.5

        'node[shape = "box", color = "grey", style = "dashed", fontsize = 8, fontname = "verdana", image = "cube24.png", labelloc = b, weight = 3, height = 0.7]"8d413b9c-f283-4562-8df2-9e65eafecc46"[label="PL" tooltip="PL: The PL cube is used to generate the companys profit and loss statements down to cost centre level. It is also used for planning and forecasting at the account level.", URL="qdlink/1712aff7-04b1-466e-a81b-f59cf22d6e72/model/cube/8d413b9c-f283-4562-8df2-9e65eafecc46"];\n'+
        'node[shape = "box", color = "grey", style = "dashed", fontsize = 8, fontname = "verdana", image = "cube24.png", labelloc = b, weight = 3, height = 0.7]"8d413b9c-f283-4562-8df2-9e65eafecc46"[label="PL" tooltip="PL: The PL cube is used to generate the companys profit and loss statements down to cost centre level. It is also used for planning and forecasting at the account level.", URL="qdlink/1712aff7-04b1-466e-a81b-f59cf22d6e72/model/cube/8d413b9c-f283-4562-8df2-9e65eafecc46"];\n'+
        'node[box = "white", shape = "ellipse", color = "white", style = "unfilled", fontsize = 8, fontname = "verdana", image = "cube24.png", labelloc = b]"a647b9b9-95cd-484f-a8d7-fe111fefe936"[label="Assets" tooltip="Assets: My assets cube is used for abc", URL="qdlink/1712aff7-04b1-466e-a81b-f59cf22d6e72/model/cube/a647b9b9-95cd-484f-a8d7-fe111fefe936"];\n'+
        'node[box = "white", shape = "ellipse", color = "white", style = "unfilled", fontsize = 8, fontname = "verdana", image = "cube24.png", labelloc = b]"6a531d7a-f9ed-491a-b9ba-0d67ae2e60ae"[label="zDates" tooltip="zDates: The zDates cube is a system cube that contains date logic used for phasing annual amounts.", URL="qdlink/1712aff7-04b1-466e-a81b-f59cf22d6e72/model/cube/6a531d7a-f9ed-491a-b9ba-0d67ae2e60ae"];\n'+
        'node[box = "white", shape = "ellipse", color = "white", style = "unfilled", fontsize = 8, fontname = "verdana", image = "cube24.png", labelloc = b]"e828baa4-6432-47b5-918c-03a1994deaf8"[label="Assumptions" tooltip="Assumptions: The Assumptions cube contains all of the assumptions that are used in the model, including system assumptions.", URL="qdlink/1712aff7-04b1-466e-a81b-f59cf22d6e72/model/cube/e828baa4-6432-47b5-918c-03a1994deaf8"];\n'+
        'node[box = "white", shape = "ellipse", color = "white", style = "unfilled", fontsize = 8, fontname = "verdana", image = "cube24.png", labelloc = b]"8333aed6-6346-4b8c-968e-79523d8798c9"[label="Travel" tooltip="Travel: The Travel cube models travel expenditure based on the number of nights away and standard rates per destination / travel category. Other expenses such as rental are also modelled.", URL="qdlink/1712aff7-04b1-466e-a81b-f59cf22d6e72/model/cube/8333aed6-6346-4b8c-968e-79523d8798c9"];\n'+
        'node[box = "white", shape = "ellipse", color = "white", style = "unfilled", fontsize = 8, fontname = "verdana", image = "cube24.png", labelloc = b]"1f65c1fc-f2c0-4614-aded-a0e94a5e6baf"[label="KPI" tooltip="KPI: The KPIs cube is used to monitor company performance.", URL="qdlink/1712aff7-04b1-466e-a81b-f59cf22d6e72/model/cube/1f65c1fc-f2c0-4614-aded-a0e94a5e6baf"];\n'+

Thanks for your help.

[mstefaniuk]

This component uses viz.js under the hood and this library (running directly in the browser) has no possibility to include images. I will check if it has changed recently.