#include  "#SYSPATHMS4BI+\zInclude\includeChart.h" 
** ************************************************************
** DISPLAY CHART  timeline
** ***********************************************************	
 Begin_Block_Rwd  :  margin_page  
  Setting :
 	Backgroundcolor : "GAINSBORO" ;
 
 begin_sw
 \n\l\n
 <``   #     MS4BI  : TIMELINE --(Google chart)--   DAY : 2020 06 14     #  ``>
 end_sw		; 
 	BEGIN
 		FormGoogle : DRAWTimeline  , height : "280px", width : "1200px" 
	   ** 4 columns : string1, string2, date start, date end
        begin_sw

		([ 
			[ 'Magnolia Room', 'Beginning JavaScript',       new Date(2020,06,14,12,0,0),  new Date(2020,06,14,13,30,0) ],
			[ 'Magnolia Room', 'Intermediate JavaScript',     new Date(2020,06,14,14,0,0),  new Date(2020,06,14,15,30,0) ],
			[ 'Magnolia Room', 'Advanced JavaScript',        new Date(2020,06,14,16,0,0),  new Date(2020,06,14,17,30,0) ],
			[ 'Willow Room',   'Beginning Google Charts',     new Date(2020,06,14,12,30,0), new Date(2020,06,14,14,0,0)],
			[ 'Willow Room',   'Intermediate Google Charts',   new Date(2020,06,14,14,30,0), new Date(2020,06,14,16,0,0)],
			[ 'Willow Room',   'Advanced Google Charts',      new Date(2020,06,14,16,30,0), new Date(2020,06,14,18,0,0)] 
		] );
	
		var options = {
			timeline: { colorByRowLabel: true }
		};
  
       end_sw		; 
	   
	   	position  : relative,auto,450 : 
	    <url : "https://developers.google.com/chart/interactive/docs/gallery/timeline"   
         button :    $Bts_btn_social_block_google_plus, icon :$fa_google_plus , ">link>Help Timeline (google chart)">;

	END;
End_Block_Rwd ;