or
<telerik:RadScheduler runat="server" ID="radScheduler" SelectedView="TimelineView" EnableExactTimeRendering="True" DayStartTime="00:00:00" DayEndTime="23:59:59" DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End" DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentId" AllowInsert="false" AllowDelete="False" AllowEdit="false" ColumnWidth="100px" OnAppointmentCreated="radScheduler_AppointmentCreated" AdvancedForm-Modal="true" Width="100%" FirstDayOfWeek="Monday" ShowHoursColumn="False" Skin="Telerik" ShowsConfirmationWindowOnDelete="False" OnFormCreated="radScheduler_FormCreated"> <TimelineView UserSelectable="true" GroupingDirection="Vertical" NumberOfSlots="24" ColumnHeaderDateFormat="HH:mm" ShowInsertArea="false" StartTime="00:00:00" SlotDuration="01:00:00" GroupBy="Room" /> <DayView UserSelectable="false" /> <MonthView UserSelectable="false" /> <WeekView UserSelectable="false" /> <AdvancedEditTemplate> <scheduler:AdvancedForm runat="server" ID="AdvancedInsertForm1" Mode="Edit"/> </AdvancedEditTemplate> </telerik:RadScheduler><scheduler:AdvancedForm><script type="text/javascript"> var chart; // global /* * Request data from the server, add it to the graph */ function requestData() { $.ajaxSetup({ cache: false }); $.getJSON('exampleurl', function (data) { //Clear the "old" series while (chart.series.length > 0) { chart.series[0].remove(true); } //declare Json var jsonObj = { series: [] }; //Cycle through each JSONobjcect returned by the url $.each(data, function (i, item) { var key = item['tag']; var value = item['data']['Velocity']; jsonObj.series.push({ "name": key, "data": value }); }); //Add each of the key:value pair to the series for (var i in jsonObj.series) { chart.addSeries(jsonObj.series[i]); } // call it again after ten seconds setTimeout(requestData, 10000); }); } $(document).ready(function () { chart = new Highcharts.Chart({ chart: { renderTo: 'container', defaultSeriesType: 'column', events: { load: requestData } }, title: { text: 'Test Chart' }, xAxis: { title: { text: 'Viaturas' }, categories: [''] }, yAxis: { min: 0, title: { text: 'Velocidade (Km/h)' } }, tooltip: { formatter: function () { return '' + this.series.name + ': ' + this.y + ' Km/h'; } }, }); });</script>var r=i.KeyboardNavigation.Models.createMap(d.get_activeModel()._getContentTable(),function(u){q=false; var w=u.get_targetSlot().get_domElement(); var v=w.cellIndex; var t=w.parentNode.rowIndex; m.x=t; m.y=v; });<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"> </telerik:RadAjaxLoadingPanel> <telerik:RadScheduler ID="rs_Planner" runat="server" Culture="Dutch (Netherlands)" AccessKey="F" TabIndex="1" HoursPanelTimeFormat="HHtt" LastDayOfWeek="Sunday" FirstDayOfWeek="Monday" RowHeight="30px" OverflowBehavior="Expand" Width="100%"> <AppointmentContextMenus> <telerik:RadSchedulerContextMenu runat="server" ID="SchedulerAppointmentContextMenu"> <Items> <telerik:RadMenuItem Text="Ga naar klant" Value="1" /> <telerik:RadMenuItem IsSeparator="True" /> <telerik:RadMenuItem Text="Niveau aanpassen" Value="2" /> <telerik:RadMenuItem IsSeparator="True" /> <telerik:RadMenuItem Text="Klant is niet geweest" Value="3" /> <telerik:RadMenuItem IsSeparator="True" /> <telerik:RadMenuItem Text="Klant toevoegen aan werkvoorraad" Value="4" /> <telerik:RadMenuItem IsSeparator="True" /> <telerik:RadMenuItem Text="Mail boekingen naar klant" Value="5" /> <telerik:RadMenuItem IsSeparator="True" /> <telerik:RadMenuItem Text="Losse verkoop aan deze klant" Value="6" /> </Items> </telerik:RadSchedulerContextMenu> <telerik:RadSchedulerContextMenu runat="server" ID="RadSchedulerContextMenu1"> <Items> <telerik:RadMenuItem IsSeparator="True" /> </Items> </telerik:RadSchedulerContextMenu> </AppointmentContextMenus> <WeekView ColumnHeaderDateFormat="ddd, d MMM" HeaderDateFormat="d-MMM-yyyy" /> <Localization AdvancedAllDayEvent="All day" AdvancedCalendarCancel="Annuleren" AdvancedCalendarToday="Vandaag" HeaderDay="Dag" HeaderMonth="Maand" HeaderToday="Vandaag"></Localization> <AdvancedForm DateFormat="d-M-yyyy" TimeFormat="H:mm" Modal="true"></AdvancedForm> <AppointmentTemplate> <%#GetAppointment(Eval("Onderwerp"), Eval("Plaatsenover"), Eval("start"), Eval("Type"), Eval("Naam"), Eval("Niveau"), Eval("RoosterStatusOmschrijving"), Eval("Boeking"), Eval("RoosterOpmerking"), Eval("Koppel"), Eval("OpenstaandBedrag"), Eval("Geboortedatum"), Eval("AlertMemo"), Eval("lesnummer"), Eval("KlantNietGeweest"))%> </AppointmentTemplate> </telerik:RadScheduler><script type="text/javascript"> //<![CDATA[ // Dictionary containing the advanced template client object // for a given RadScheduler instance (the control ID is used as key). var schedulerTemplates = {}; function schedulerFormCreated(scheduler, eventArgs) { // Create a client-side object only for the advanced templates var mode = eventArgs.get_mode(); if (mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert || mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) { // Initialize the client-side object for the advanced form var formElement = eventArgs.get_formElement(); var templateKey = scheduler.get_id() + "_" + mode; var advancedTemplate = schedulerTemplates[templateKey]; if (!advancedTemplate) { // Initialize the template for this RadScheduler instance // and cache it in the schedulerTemplates dictionary var schedulerElement = scheduler.get_element(); var isModal = scheduler.get_advancedFormSettings().modal; advancedTemplate = new window.SchedulerAdvancedTemplate(schedulerElement, formElement, isModal); advancedTemplate.initialize(); schedulerTemplates[templateKey] = advancedTemplate; // Remove the template object from the dictionary on dispose. scheduler.add_disposing(function() { schedulerTemplates[templateKey] = null; }); } // Are we using Web Service data binding? if (!scheduler.get_webServiceSettings().get_isEmpty()) { // Populate the form with the appointment data var apt = eventArgs.get_appointment(); var isInsert = mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert; advancedTemplate.populate(apt, isInsert); } } } //]]> </script><telerik:RadScriptManager ID="RadScriptManager1" Runat="server"> <scripts> <asp:ScriptReference Path="AdvancedForm.js" /> </scripts> </telerik:RadScriptManager> <br /> <telerik:RadScheduler ID="RadScheduler1" runat="server" EnableAdvancedForm="true" EnableDescriptionField="true" OnClientFormCreated="schedulerFormCreated"> <AdvancedForm Modal="true" /> <AdvancedInsertTemplate> <schedular:AdvForm ID="AdvForm1" runat="server" Mode="Insert" /> </AdvancedInsertTemplate> </telerik:RadScheduler>