DevTools: CPUFlameChart: stick function entry color to the function name and url.

Source/devtools/front_end/components/FlameChart.js

 /**
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 214 matching lines @@
  * @param {!{min: number, max: number, count: number}|number=} hueSpace
  * @param {!{min: number, max: number, count: number}|number=} satSpace
  * @param {!{min: number, max: number, count: number}|number=} lightnessSpace
  */
 WebInspector.FlameChart.ColorGenerator = function(hueSpace, satSpace, lightnessSpace)
 {
     this._hueSpace = hueSpace || { min: 0, max: 360, count: 20 };
     this._satSpace = satSpace || 67;
     this._lightnessSpace = lightnessSpace || 80;
     this._colors = {};
-    this._currentColorIndex = 0;
 }
 
 WebInspector.FlameChart.ColorGenerator.prototype = {
     /**
      * @param {string} id
      * @param {string|!CanvasGradient} color
      */
     setColorForID: function(id, color)
     {
         this._colors[id] = color;
     },
 
     /**
      * @param {string} id
      * @return {string}
      */
     colorForID: function(id)
     {
         var color = this._colors[id];
         if (!color) {
-            color = this._createColor(this._currentColorIndex++);
+            color = this._generateColorForID(id);
             this._colors[id] = color;
         }
         return color;
     },
 
     /**
-     * @param {number} index
+     * @param {string} id
      * @return {string}
      */
-    _createColor: function(index)
+    _generateColorForID: function(id)
     {
+        var index = 0;
+        var pow = 1;
+        for (var i = 0; i < id.length; ++i)

[alph, 2014/06/07 13:28:22]

index = id.hashCode();

+            index += id.charCodeAt(i);
         var h = this._indexToValueInSpace(index, this._hueSpace);
         var s = this._indexToValueInSpace(index, this._satSpace);
         var l = this._indexToValueInSpace(index, this._lightnessSpace);
         return "hsl(" + h + ", " + s + "%, " + l + "%)";
     },
 
     /**
      * @param {number} index
      * @param {!{min: number, max: number, count: number}|number} space
      * @return {number}
      */
     _indexToValueInSpace: function(index, space)
     {
         if (typeof space === "number")
             return space;
         index %= space.count;
-        return space.min + index / space.count * (space.max - space.min);
+        return space.min + Math.floor(index / space.count * (space.max - space.min));
     }
 }
 
 
 /**
  * @constructor
  * @implements {WebInspector.TimelineGrid.Calculator}
  */
 WebInspector.FlameChart.Calculator = function()
 {
@@ skipping 663 matching lines @@
     reset: function()
     {
         this._highlightedEntryIndex = -1;
         this._selectedEntryIndex = -1;
         this._textWidth = {};
         this.update();
     },
 
     __proto__: WebInspector.HBox.prototype
 }