Samuele E. Locatelli
45 lines
1.8 KiB
Plaintext
45 lines
1.8 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/WebMasterPages/MAPO_refresh.Master" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="MoonPro.test" %>
|
|
|
|
<%@ Register Src="WebUserControls/mod_realtimeClock.ascx" TagName="mod_realtimeClock" TagPrefix="uc1" %>
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
|
|
<uc1:mod_realtimeClock ID="mod_realtimeClock1" runat="server" />
|
|
|
|
<div id="visualization"></div>
|
|
|
|
<script type="text/javascript">
|
|
// DOM element where the Timeline will be attached
|
|
var container = document.getElementById('visualization');
|
|
|
|
// Create a DataSet (allows two way data-binding)
|
|
var items = new vis.DataSet([
|
|
{ id:1, content:'item 1', start:'2018-04-20 00:00:00', end:'2018-04-24 23:59:59', group:'1', className:'sv' }
|
|
,{ id:2, content:'item 2', start:'2018-04-14 00:00:00', end:'2018-04-15 23:59:59', group:'1', className:'sg' }
|
|
,{ id:3, content:'item 3', start:'2018-04-18 00:00:00', end:'2018-04-19 23:59:59', group:'1', className:'sr' }
|
|
,{ id:4, content:'item 4', start:'2018-04-16 00:00:00', end:'2018-04-17 23:59:59', group:'1', className:'sv' }
|
|
,{ id:5, content:'item 5', start:'2018-04-25 00:00:00', end:'2018-04-26 23:59:59', group:'1', className:'sg' }
|
|
,{ id:6, content:'item 6', start:'2018-04-27 00:00:00', end:'2018-04-30 23:59:59', group:'1', className:'sr' }
|
|
]);
|
|
var groups = [
|
|
{
|
|
id: 1
|
|
,content: 'Macc 1'
|
|
},
|
|
{
|
|
id: 2,
|
|
content: 'Macc 2'
|
|
// Optional: a field 'className', 'style', 'order', [properties]
|
|
}
|
|
// more groups...
|
|
];
|
|
// Configuration for the Timeline
|
|
var options = {
|
|
stack: false
|
|
};
|
|
|
|
// Create a Timeline
|
|
var timeline = new vis.Timeline(container, items, groups, options);
|
|
</script>
|
|
|
|
|
|
</asp:Content>
|