How to use the heap.committed function in heap

axios.get('/metrics').then(function (res) {
                    var metrics = res.data,
                        mem = metrics['mem'],
                        memFree = metrics['mem.free'],
                        heap = metrics['heap'],
                        heapUsed = metrics['heap.used'],
                        heapCommited = metrics['heap.committed'],
                        activeSession = metrics['httpsessions.active'];
                    // Memory
                    data.setValue(0, 1, 100 * memFree / mem);
                    // Heap (Used)
                    data.setValue(1, 1, 100 * heapUsed / heap);
                    // Heap (Commited)
                    data.setValue(2, 1, 100 * heapCommited / heap);
                    chart.draw(data, options);
                    // Active Session
                    document.getElementById('activeSession').innerText = activeSession;
                });
            }

outerRadius: 100,
      fill: secondaryColor,
      data: [
        { value: metricsInfo['mem.free'], fill: tc(positiveColor).setAlpha(0.8).toString() },
        { value: metricsInfo['mem'], fill: tc(secondaryColor).setAlpha(0.3).toString() }
      ]
    }

    const heapChartProps = metricsInfo && {
      cx: 100,
      cy: 100,
      innerRadius: 0,
      outerRadius: 100,
      fill: secondaryColor,
      data: [
        { value: metricsInfo['heap.committed'], fill: tc(positiveColor).setAlpha(0.8).toString() },
        { value: metricsInfo['heap'], fill: tc(secondaryColor).setAlpha(0.3).toString() }
      ]
    }

    const JVMTableData = metricsInfo && [
      ['Available CPUs', metricsInfo.processors],
      ['Uptime', ms2hrs(metricsInfo.uptime)],
      ['Current loaded classes', metricsInfo['classes.loaded']],
      ['Total classes', metricsInfo['classes']],
      ['Unloaded classes', metricsInfo['classes.unloaded']]
    ]

    const freeMemory = metricsInfo && `${(metricsInfo['mem.free'] / 1000).toFixed(2)} MB`
    const usedMemory = metricsInfo &&
      `${((metricsInfo['mem'] - metricsInfo['mem.free']) / 1000).toFixed(2)} MB`
    const totalMemory = metricsInfo && `${(metricsInfo['mem'] / 1000).toFixed(2)} MB`

}

    const JVMTableData = metricsInfo && [
      ['Available CPUs', metricsInfo.processors],
      ['Uptime', ms2hrs(metricsInfo.uptime)],
      ['Current loaded classes', metricsInfo['classes.loaded']],
      ['Total classes', metricsInfo['classes']],
      ['Unloaded classes', metricsInfo['classes.unloaded']]
    ]

    const freeMemory = metricsInfo && `${(metricsInfo['mem.free'] / 1000).toFixed(2)} MB`
    const usedMemory = metricsInfo &&
      `${((metricsInfo['mem'] - metricsInfo['mem.free']) / 1000).toFixed(2)} MB`
    const totalMemory = metricsInfo && `${(metricsInfo['mem'] / 1000).toFixed(2)} MB`

    const freeHeap = metricsInfo && `${(metricsInfo['heap.committed'] / 1000).toFixed(2)} MB`
    const usedHeap = metricsInfo &&
      `${((metricsInfo['heap'] - metricsInfo['heap.committed']) / 1000).toFixed(2)} MB`
    const totalHeap = metricsInfo && `${(metricsInfo['heap'] / 1000).toFixed(2)} MB`

    return (
      <div>
        {userData &amp;&amp;
        <div style="{styles.widgets}">
          {healthTableData &amp;&amp; 
            
            
            
              {healthTableData.map((i, k) =&gt; (
                
              ))}
            </div></div>

ctrl.$onChanges = function () {
      ctrl.memory = {
        total: ctrl.metrics.mem,
        used: ctrl.metrics.mem - ctrl.metrics['mem.free'],
        unit: 'K'
      };
      ctrl.memory.percentUsed = $filter('number')(ctrl.memory.used / ctrl.memory.total * 100, 2);

      ctrl.heap = {
        total: ctrl.metrics['heap.committed'],
        used: ctrl.metrics['heap.used'],
        init: ctrl.metrics['heap.init'],
        max: ctrl.metrics['heap.max'] || ctrl.metrics.heap,
        unit: ctrl.metrics['heap.max'] ? 'B' : 'K'
      };
      ctrl.heap.percentUsed = $filter('number')(ctrl.heap.used / ctrl.heap.total * 100, 2);

      ctrl.nonheap = {
        total: ctrl.metrics['nonheap.committed'],
        used: ctrl.metrics['nonheap.used'],
        init: ctrl.metrics['nonheap.init'],
        max: ctrl.metrics.nonheap,
        unit: 'K'
      };
      ctrl.nonheap.percentUsed = $filter('number')(ctrl.nonheap.used / ctrl.nonheap.total * 100, 2);
    };