fix tooltips on the overview treemap

diff --git a/server/sonar-web/src/main/js/components/charts/treemap.js b/server/sonar-web/src/main/js/components/charts/treemap.js
index 63e974f59954eb320fd5b72d256698256f018f86..44d54dd698f0865e712852d7bffcc41dac22a0e3 100644 (file)
--- a/server/sonar-web/src/main/js/components/charts/treemap.js
+++ b/server/sonar-web/src/main/js/components/charts/treemap.js
@@ -56,7 +56,7 @@ export const TreemapRect = React.createClass({
     if (this.props.tooltip) {
       tooltipAttrs = {
         'data-toggle': 'tooltip',
-        'title': this.props.tooltip
+        'data-title': this.props.tooltip
       };
     }
     let cellStyles = {
@@ -126,10 +126,11 @@ export const Treemap = React.createClass({
     let prefix = mostCommitPrefix(this.props.items.map(item => item.label));
     let prefixLength = prefix.length;
 
-    let rectangles = nodes.map((node, index) => {
+    let rectangles = nodes.map(node => {
+      const key = node.label;
       let label = prefixLength ? `${prefix}<br>${node.label.substr(prefixLength)}` : node.label;
       const onClick = this.props.canBeClicked(node) ? () => this.props.onRectangleClick(node) : null;
-      return <TreemapRect key={index}
+      return <TreemapRect key={key}
                           x={node.x}
                           y={node.y}
                           width={node.dx}