I am having trouble configuring dhtmlx scheduler timeline

I am having trouble configuring dhtmlx scheduler timeline using JavaScript array which I am building dynamically. I want to display Name (which are stored in .Name property of my gAssessorsArray) as sections(Y-axis) and the rest for my data for my X-axis. I don’t know what I should have in y_unit: and y_property in scheduler.createTimelineView method and don’t know how I should write my scheduler.parse

My array has the follwing structure:

gAssessorsArray[i] = new Object(); 						
gAssessorsArray[i].Name = "Mr. Muhammad"
gAssessorsArray[i].start_date = "2012-08-30 09:00";
gAssessorsArray[i].end_date = "2012-08-30 09:00";
gAssessorsArray[i].text = "2012-08-30 09:00";
gAssessorsArray[i].section_id = i;
var eventsJsonArray = $.toJSON(gAssessorsArray); 

scheduler.locale.labels.timeline_tab = "Timeline" 
scheduler.locale.labels.section_custom = "Section"; 
scheduler.config.details_on_create = true;
scheduler.config.details_on_dblclick = true;
scheduler.config.drag_move = false;
scheduler.config.xml_date = "%Y-%m-%d %H:%i";  

	name: "TopTimeline",
	x_unit:	"day",
	x_date:	"%D, %d %M %y ",
	x_step:	1,
	x_size: 7,			
	y_unit:	,

scheduler.init('scheduler_here',new Date(2012,7,30),"TopTimeline");

Event’s data and timeline configuration are two different lists.
You need to build a separate array, based on values of gAssessorsArray and use it as y_unit in timeline configuration.

[code]var units = []
for (var i=0; i<gAssessorsArray.length; i++)
units.push({id:gAssessorsArray[i].section_id, label:gAssessorsArray[i].Name });

y_unit: units[/code]

Thank you very much for your suggestion and reply.