asp.net mvc - Dhtmlx Scheduler - Chart not appearing -

asp.net mvc - Dhtmlx Scheduler - Chart not appearing -

i using free client-side verison of dhtmlx scheduler in asp.net mvc application. im not familiar dhtmlx, started using yesterday, much hints/advice/tips help greatly!

i have followed few tutorials online , none of them seem display chart when run programme locally. why that?

a side question, plan on incorporating drag , drop functionality, viable add together custom event?

thanks much in advanced everyone!

script:

scheduler.locale.labels.timeline_tab = "timeline"; scheduler.locale.labels.timeline2_tab = "timeline2"; scheduler.locale.labels.section_custom="section"; scheduler.config.details_on_create=true; scheduler.config.details_on_dblclick=true; scheduler.config.xml_date="%y-%m-%d %h:%i"; //=============== //configuration //=============== var sections=[ {key:1, label:"james smith"}, {key:2, label:"john williams"}, {key:3, label:"david miller"}, {key:4, label:"linda brown"} ]; scheduler.createtimelineview({ name: "timeline", x_unit: "hour", x_step:8, x_date: "%g%a", x_size: 30, x_length: 30, y_unit: sections, event_dy:'full', y_property: "section_id", render:"bar" }); scheduler.init('scheduler_here',new date(2014,3,7),"timeline"); scheduler.parse([ { start_date: "2014-04-07 09:00", end_date: "2014-04-07 20:00", text:"task a-12458", section_id:1}, { start_date: "2014-04-09 06:00", end_date: "2014-04-09 22:00", text:"task a-89411", section_id:1}, { start_date: "2014-04-08 12:00", end_date: "2014-04-08 24:00", text:"task c-32421", section_id:2}, { start_date: "2014-04-07 14:30", end_date: "2014-04-07 19:00", text:"task c-14244", section_id:3} ],"json");

view:

<div id="scheduler_here" class="dhx_cal_container" style='width:1200px; height:900px;'> <div class="dhx_cal_navline"> <div class="dhx_cal_prev_button">&nbsp;</div> <div class="dhx_cal_next_button">&nbsp;</div> <div class="dhx_cal_today_button"></div> <div class="dhx_cal_date"></div> <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div> <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div> <div class="dhx_cal_tab" name="timeline_tab" style="right:280px;"></div> <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div> </div> <div class="dhx_cal_header"> </div> <div class="dhx_cal_data"> </div> </div>

i figured out, ended putting script in div id="scheduler_here"

asp.net-mvc scheduler dhtmlx dhtmlx-scheduler