html5-scheduler-resource-utilization.png

You can specify resource consumption for each event and calculate the total utilization for each cell.

Specify resource utilization for events (can be percentage or other units):

var e = new DayPilot.Event({
  start: "2014-03-25T00:00:00",
  end: "2014-03-26T12:00:00",
  id: "1002",
  resource: "A",
  percentage: 10,
  text: "Utilization: 10%"
});

dp.events.add(e);

Calculate resource utilization for cells:

dp.onBeforeCellRender = function(args) {
  var utilization = args.cell.utilization("percentage");
  var visible = utilization > 0;

  if (visible) {
      var opacity = utilization / 100;
      args.cell.html = "<div style='position: absolute; left: 0px; top:0px; right: 0px; height: 15px; padding-left: 3px; background-color: red; color:white; opacity: " + opacity + ";'>" + utilization + "%</div>";
  }
};

Demo