Modified directory preparing for app engine for dmprof visualizer

tools/deep_memory_profiler/visualizer/graph-view.js

-// Copyright 2013 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-/**
- * This is a view class showing flot graph.
- * @param {Object} profiler Must have addListener method.
- * @construct
- */
-var GraphView = function(profiler) {
-  this.profiler_ = profiler;
-  this.placeholder_ = '#graph-div';
-  // Update graph view and menu view when profiler model changed.
-  profiler.addListener('changed', this.redraw_.bind(this));
-};
-
-/**
- * Generate lines for flot plotting.
- * @param {Array.<Object>} models
- * @return {Array.<Object>}
- * @private
- */
-GraphView.prototype.generateLines_ = function(models) {
-  function getLeaves(node, categories) {
-    if ('children' in node) {
-      node.children.forEach(function(child) {
-        getLeaves(child, categories);
-      });
-    } else {
-      categories.push(node);
-    }
-  }
-
-  var lines = {};
-  var categoryMap = {};
-  var snapshotNum = models.length;
-  // Initialize lines with all zero.
-  models.forEach(function(model) {
-    var categories = [];
-    getLeaves(model, categories);
-    categories.forEach(function(category) {
-      var id = category.id;
-      if (lines[id])
-        return;
-      lines[id] = [];
-      for (var i = 0; i < snapshotNum; ++i)
-        lines[id].push([i, 0]);
-      categoryMap[id] = category;
-    });
-  });
-
-  // Assignment lines with values of models.
-  models.forEach(function(model, index) {
-    var categories = [];
-    getLeaves(model, categories);
-    categories.forEach(function(category) {
-      var id = category.id;
-      var size = category.size;
-      lines[id][index] = [index, size];
-    });
-  });
-
-  return Object.keys(lines).map(function(id) {
-    var name = categoryMap[id].name;
-    return {
-      id: id,
-      label: name,
-      data: lines[id]
-    };
-  });
-};
-
-/**
- * Update graph view when model updated.
- * TODO(junjianx): use redraw function to improve perfomance.
- * @param {Array.<Object>} models
- * @private
- */
-GraphView.prototype.redraw_ = function(models) {
-  var self = this;
-  var data = this.generateLines_(models);
-  if (!this.graph_) {
-    var $graph = $(this.placeholder_);
-    this.graph_ = $.plot($graph, data, {
-      series: {
-        stack: true,
-        lines: { show: true, fill: true }
-      },
-      grid: {
-        hoverable: true,
-        clickable: true
-      }
-    });
-
-    // Bind click event so that user can select category by clicking stack
-    // area. It firstly checks x range which clicked point is in, and all lines
-    // share same x values, so it is checked only once at first. Secondly, it
-    // checked y range by accumulated y values because this is a stack graph.
-    $graph.bind('plotclick', function(event, pos, item) {
-      // Get newest lines data from graph.
-      var lines = self.graph_.getData();
-      // If only <=1 line exists or axis area clicked, return.
-      var right = binarySearch.call(lines[0].data.map(function(point) {
-        return point[0];
-      }), pos.x);
-      if (lines.length <= 1 || right === lines.length || right === 0)
-        return;
-
-      // Calculate interpolate y value of every line.
-      for (var i = 0; i < lines.length; ++i) {
-        var line = lines[i].data;
-        // [left, right] is the range including clicked point.
-        var left = right - 1;
-        var leftPoint = {
-          x: line[left][0],
-          y: (leftPoint ? leftPoint.y : 0) + line[left][1]
-        };
-        var rightPoint = {
-          x: line[right][0],
-          y: (rightPoint ? rightPoint.y : 0) + line[right][1]
-        };
-
-        // Calculate slope of the linear equation.
-        var slope = (rightPoint.y - leftPoint.y) / (rightPoint.x - leftPoint.x);
-        var interpolateY = slope * (pos.x - rightPoint.x) + rightPoint.y;
-        if (interpolateY >= pos.y)
-          break;
-      }
-
-      // If pos.y is higher than all lines, return.
-      if (i === lines.length)
-        return;
-
-      self.profiler_.setSelected(lines[i].id);
-    });
-  } else {
-    this.graph_.setData(data);
-    this.graph_.setupGrid();
-    this.graph_.draw();
-  }
-};