[TASK] read img tag from label and create image svg

Sebastian Wojtowicz · Sebastian Wojtowicz · commit 700dcd98a4c8 · 2019-08-29T14:00:21.000+02:00
diff --git a/dist/plotly.js b/dist/plotly.js
@@ -181615,6 +181615,45 @@ module.exports = function(gd, svg, calcData, layout, callbacks) {
         .attr('d', textGuidePath)
         .attr('transform', sankeyInverseTransform);
 
+
+
+    var nodeLabelImage = nodeCentered.selectAll('.' + 'node-label-image')
+        .data(repeat);
+
+    nodeLabelImage.enter()
+        .append('image')
+        .classed('node-label-image', true)
+        .attr('xlink:href', function(d) {
+            var label = d.node.label;
+
+            var IMG_REGEX = /(.*)(<img src=[\"\'])([^\"\']+)(.*[\"\']\s*[^\/]*\/>)(.*)/i;
+            var foundUrl = '';
+
+            label.replace(IMG_REGEX,
+                function(match, textA, prefix, url, suffix, textB) {
+                    foundUrl = url;
+                    return url;
+                }
+            );
+
+            return foundUrl;
+        })
+        .attr('style', 'transform: translateY(-9px) translateX(0px)')
+        //        .attr('width', function(d) {
+        //            var label = d.node.label;
+        //            var IMG_WIDTH_REGEX = /(<img src=["][^"]+["]\s*width=\")(\d+)(\"[^\/]*\/>)/i;
+        //            var width = '';
+        //            label.replace(IMG_WIDTH_REGEX, function(match, imgTag, numberValue) {
+        //                width = numberValue;
+        //                return numberValue;
+        //            });
+        //            debugger;
+        //            return width;
+        //        })
+        .attr('width', '16')
+        .attr('height', '16');
+
+
     var nodeLabel = nodeCentered.selectAll('.' + c.cn.nodeLabel)
         .data(repeat);
 
@@ -181649,7 +181688,17 @@ module.exports = function(gd, svg, calcData, layout, callbacks) {
         .style('fill', nodeTextColor);
 
     nodeLabelTextPath
-        .text(function(d) {return d.horizontal || d.node.dy > 5 ? d.node.label : '';})
+        .text(function(d) {
+            var label = d.node.label;
+            var IMG_REGEX = /(.*)(<img src=[\"\'])([^\"\']+)(.*[\"\']\s*[^\/]*\/>)(.*)/i;
+            var imgTag = '';
+            label = label.replace(IMG_REGEX,
+                function(match, textA, prefix, url, suffix, textB) {
+                    return textA + textB;
+                }
+            );
+            return d.horizontal || d.node.dy > 5 ? label : '';
+        })
         .attr('text-anchor', function(d) {return d.horizontal && d.left ? 'end' : 'start';});
 
     nodeLabelTextPath
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "plotly.js",
-  "version": "1.49.5",
+  "version": "1.49.6",
   "description": "The open source javascript graphing library that powers plotly",
   "license": "MIT",
   "main": "./lib/index.js",

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "plotly.js",`
`3`		`- "version": "1.49.5",`
	`3`	`+ "version": "1.49.6",`
`4`	`4`	`"description": "The open source javascript graphing library that powers plotly",`
`5`	`5`	`"license": "MIT",`
`6`	`6`	`"main": "./lib/index.js",`