Help needed...adding Resources section per new Example

I am trying to use the new 5.0 example found at docs.dhtmlx.com/gantt/samples/1 … panel.html

I am already loading my resources (and tasks) as follows from a DB query.
//* Load resources
var rbresource = {user: []};
while (resrce.hasNext()) {
var rbr = resrce.next();
rbresource.user.push({
key: rid,
label: rbr.Name
});
rid++;

     }

How do I need to use that data to plug these resources into that example?
I am sure its simple…just can’t see how it works with (or does it need to work with) :
var resourcesStore = gantt.createDatastore({
name:“resource”, …

and this set(these are hardcoded, mine are not)

resourcesStore.parse([// resources
{key:‘0’, label: “N/A”},
{key:‘1’, label: “John”},
{key:‘2’, label: “Mike”},
{key:‘3’, label: “Anna”}
]);

ALSO>>>>>> My overall scale is minutes…and my subscale is 15 minute sections.
How does this impact calculateResourceLoad()

Hello,
You need to load your options to the page in some way (e.g. via xhr request), then convert options into an array of objects in the same format as used in our example. After that you’ll be able to load them into gantt using “parse” method of the datastore.
Please check the following snippet to see how it works:
snippet.dhtmlx.com/646b96ae0

The impact depends on the amount of tasks and the space between them. If you have many tasks or a lot of space between the tasks, gantt will have to render many objects(for example, cells), so the impact will be higher than if you don’t.