hadoop-yarn-project/hadoop-yarn/hadoop-yarn-ui/src/main/webapp/app/components/per-app-memusage-by-nodes-stacked-barchart.js

/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import StackedBarchart from 'yarn-ui/components/stacked-barchart';
import Converter from 'yarn-ui/utils/converter';

export default StackedBarchart.extend({
  getDataForRender: function(containers, nodes) {
    var arr = [];
    var nodeToResources = {};
    nodes.forEach(function(n) {
      nodeToResources[n.id] =
      {
        used: Number(n.get("usedMemoryMB")),
        avail: Number(n.get("availMemoryMB"))
      };
    });

    containers.forEach(function(c) {
      res = nodeToResources[c.get("assignedNodeId")];
      if (res) {
        if (!res.usedByTheApp) {
          res.usedByTheApp = 0;
        }
        res.usedByTheApp += Number(c.get("allocatedMB"));
      }
    });

    for (var nodeId in nodeToResources) {
      var res = nodeToResources[nodeId];

      var subArr = [];
      var value = res.usedByTheApp ? res.usedByTheApp : 0;
      subArr.push({
        value: value,
        bindText: "This app uses " + Converter.memoryToSimpliedUnit(value) + ". On node=" + nodeId,
      });

      value = res.used - value;
      value = Math.max(value, 0);
      subArr.push({
        value: value,
        bindText: "Other applications uses " + Converter.memoryToSimpliedUnit(value) + ". On node=" + nodeId,
      });

      subArr.push({
        value: res.avail,
        bindText: "Free resource " + Converter.memoryToSimpliedUnit(res.avail) + " . On node=" + nodeId
      });

      arr.push(subArr);
    }

    console.log(arr);

    return arr;
  },

  didInsertElement: function() {
    this.initChart(true);

    this.colors = ["Orange", "Grey", "LimeGreen"];

    var containers = this.get("rmContainers");
    var nodes = this.get("nodes");

    var data = this.getDataForRender(containers, nodes);

    this.show(
      data, this.get("title"), ["Used by this app", "Used by other apps",
        "Available"]);
  },
});