made scaling function customizable

docs/network.html

@@ -849,6 +849,13 @@ var options = {
   inside an object <code>nodes</code> in the networks options object.</p> All options in green boxes can be defined per-node as well.
 All options defined per-node override these global settings.
 <table>
+    <tr>
+        <th>Name</th>
+        <th>Type</th>
+        <th>Default</th>
+        <th>Description</th>
+    </tr>
+
     <tr>
         <td class="greenField">borderWidth</td>
         <td>Number</td>
@@ -861,6 +868,31 @@ All options defined per-node override these global settings.
         <td>undefined</td>
         <td>The width of the border of the node when it is selected. If left at undefined, double the borderWidth will be used.</td>
     </tr>
+
+    <tr>
+        <td>customScalingFunction</td>
+        <td>Function</td>
+        <td>Function</td>
+        <td>This is a function you can override to make the nodes scale the way you want them based on their values. The default function is this: <br>
+<pre class="prettyprint lang-js">
+function (min,max,total,value) {
+    if (max == min) {
+        return 0.5;
+    }
+    else {
+        var scale = 1 / (max - min);
+        return Math.max(0,(value - min)*scale);
+    }
+};
+</pre>
+             The function receives the minimum value of the set, the maximum value, the total sum of all values and finally the value of the node or edge it works on. It has to return a value between 0 and 1.
+            The nodes and edges then calculate their size as follows:
+<pre class="prettyprint lang-js">
+var scale = customScalingFunction(min,max,total,value);
+var diff = maxSize - minSize;
+mySize = minSize + diff * scale;</pre>
+        </td>
+    </tr>
     <tr>
         <td class="greenField">color</td>
         <td>String | Object</td>

lib/network/Edge.js

@@ -78,7 +78,8 @@ Edge.prototype.setProperties = function(properties) {
   }
 
   var fields = ['style','fontSize','fontFace','fontColor','fontFill','fontStrokeWidth','fontStrokeColor','width',
-    'widthSelectionMultiplier','hoverWidth','arrowScaleFactor','dash','inheritColor','labelAlignment', 'opacity'
+    'widthSelectionMultiplier','hoverWidth','arrowScaleFactor','dash','inheritColor','labelAlignment', 'opacity',
+    'customScalingFunction'
   ];
   util.selectiveDeepExtend(fields, this.options, properties);
 
@@ -190,10 +191,11 @@ Edge.prototype.getValue = function() {
  * @param {Number} min
  * @param {Number} max
  */
-Edge.prototype.setValueRange = function(min, max) {
+Edge.prototype.setValueRange = function(min, max, total) {
   if (!this.widthFixed && this.value !== undefined) {
-    var scale = (this.options.widthMax - this.options.widthMin) / (max - min);
-    this.options.width= (this.value - min) * scale + this.options.widthMin;
+    var scale = this.options.customScalingFunction(min, max, total, this.value);
+    var widthDiff = this.options.widthMax - this.options.widthMin;
+    this.options.width = this.options.widthMin + scale * widthDiff;
     this.widthSelected = this.options.width* this.options.widthSelectionMultiplier;
   }
 };

lib/network/Network.js

@@ -53,9 +53,19 @@ function Network (container, data, options) {
 
   this.triggerFunctions = {add:null,edit:null,editEdge:null,connect:null,del:null};
 
+  var customScalingFunction = function (min,max,total,value) {
+    if (max == min) {
+      return 0.5;
+    }
+    else {
+      var scale = 1 / (max - min);
+      return Math.max(0,(value - min)*scale);
+    }
+  };
   // set constant values
   this.defaultOptions = {
     nodes: {
+      customScalingFunction: customScalingFunction,
       mass: 1,
       radiusMin: 10,
       radiusMax: 30,
@@ -93,6 +103,7 @@ function Network (container, data, options) {
       borderWidthSelected: undefined
     },
     edges: {
+      customScalingFunction: customScalingFunction,
       widthMin: 1, //
       widthMax: 15,//
       width: 1,
@@ -1866,12 +1877,14 @@ Network.prototype._updateValueRange = function(obj) {
   // determine the range of the objects
   var valueMin = undefined;
   var valueMax = undefined;
+  var valueTotal = 0;
   for (id in obj) {
     if (obj.hasOwnProperty(id)) {
       var value = obj[id].getValue();
       if (value !== undefined) {
         valueMin = (valueMin === undefined) ? value : Math.min(value, valueMin);
         valueMax = (valueMax === undefined) ? value : Math.max(value, valueMax);
+        valueTotal += value;
       }
     }
   }
@@ -1880,7 +1893,7 @@ Network.prototype._updateValueRange = function(obj) {
   if (valueMin !== undefined && valueMax !== undefined) {
     for (id in obj) {
       if (obj.hasOwnProperty(id)) {
-        obj[id].setValueRange(valueMin, valueMax);
+        obj[id].setValueRange(valueMin, valueMax, valueTotal);
       }
     }
   }

lib/network/Node.js

@@ -154,7 +154,7 @@ Node.prototype.setProperties = function(properties, constants) {
 
   var fields = ['borderWidth','borderWidthSelected','shape','image','brokenImage','radius','fontColor',
     'fontSize','fontFace','fontFill','fontStrokeWidth','fontStrokeColor','group','mass','fontDrawThreshold',
-    'scaleFontWithValue','fontSizeMaxVisible'
+    'scaleFontWithValue','fontSizeMaxVisible','customScalingFunction'
   ];
   util.selectiveDeepExtend(fields, this.options, properties);
 
@@ -479,22 +479,15 @@ Node.prototype.getDistance = function(x, y) {
  * @param {Number} min
  * @param {Number} max
  */
-Node.prototype.setValueRange = function(min, max) {
+Node.prototype.setValueRange = function(min, max, total) {
   if (!this.radiusFixed && this.value !== undefined) {
-    if (max == min) {
-      this.options.radius= (this.options.radiusMin + this.options.radiusMax) / 2;
-      if (this.options.scaleFontWithValue == true) {
-        this.options.fontSize = (this.options.fontSizeMin + this.options.fontSizeMax) / 2;
-      }
-    }
-    else {
-      var scale = (this.options.radiusMax - this.options.radiusMin) / (max - min);
-      var fontScale = (this.options.fontSizeMax - this.options.fontSizeMin) / (max - min);
-      if (this.options.scaleFontWithValue == true) {
-        this.options.fontSize = Math.max(this.options.fontSizeMin ,(this.value - min) * fontScale + this.options.fontSizeMin);
-      }
-      this.options.radius= Math.max(this.options.radiusMin,(this.value - min) * scale + this.options.radiusMin); // max function is protection against value = 0
+    var scale = this.options.customScalingFunction(min, max, total, this.value);
+    var radiusDiff = this.options.radiusMax - this.options.radiusMin;
+    if (this.options.scaleFontWithValue == true) {
+      var fontDiff = this.options.fontSizeMax - this.options.fontSizeMin;
+      this.options.fontSize = this.options.fontSizeMin + scale * fontDiff;
     }
+    this.options.radius = this.options.radiusMin + scale * radiusDiff;
   }
 
   this.baseRadiusValue = this.options.radius;

lib/util.js

@@ -13,6 +13,26 @@ exports.isNumber = function(object) {
   return (object instanceof Number || typeof object == 'number');
 };
 
+
+/**
+ * this function gives you a range between 0 and 1 based on the min and max values in the set, the total sum of all values and the current value.
+ *
+ * @param min
+ * @param max
+ * @param total
+ * @param value
+ * @returns {number}
+ */
+exports.giveRange = function(min,max,total,value) {
+  if (max == min) {
+    return 0.5;
+  }
+  else {
+    var scale = 1 / (max - min);
+    return Math.max(0,(value - min)*scale);
+  }
+}
+
 /**
  * Test whether given object is a string
  * @param {*} object