FormGoogle : DRAWGANTT 
	 Begin_sw
	([  
** columns are :
Task ID ,Task Name,Resource,Start Date,End Date,Duration,Percent Complete,Dependencies
**code javascript..table : 
['string ', 'string','string',  new Date(year,day, month), new Date(year,day, month), null,  percent,  null],
	])
	 var options = {
			options...
		};
	 End_sw		;	 
	

  	
	 	
	FormGoogle :  DRAWGANTT 
	LoadArray : ArrayName   {field : "string Array Var"  } ,
  	 Begin_sw
 	 var options = {
			options...
		};
	 End_sw		;	 
	

  	
	 	
	FormGoogle : DRAWGANTT 
	use table ( NameVar  or string , field :"string Table Name field" )
	 Begin_sw
	 var options = {
			options...
		};
	 End_sw		;	 
	

  		   
 FormGoogle : DRAWGANTT 
 Begin_sw
([
 ['Research', 'Find sources','robert',
  new Date(2015, 0, 1), new Date(2015, 0, 5), null,  100,  null],
 ['Write', 'Write paper','john',
  null, new Date(2015, 0, 9), daysToMilliseconds(3), 25, 'Research,Outline'],
 ['Cite', 'Create bibliography','john',
  null, new Date(2015, 0, 7), daysToMilliseconds(1), 20, 'Research'],
 ['Complete', 'Hand in paper','cath',
   null, new Date(2015, 0, 10), daysToMilliseconds(1), 0, 'Cite,Write'],
 ['Outline', 'Outline paper','phil',
  null, new Date(2015, 0, 6), daysToMilliseconds(1), 100, 'Research']
 ]);

      var options = {
        height: 275
      };
        End_sw		; 
	  

Source & Copy FormGoogle GANTT

Visualise ALL Examples : FormGoogle
Visualise ALL CHART examples

Remarks

IncludeChart.h : (optional)
MS4SCRIPT : only ADD-ON MS4BI
GO to see : GOOGLE CHARTS (web)

---

KEYWORD : FORMGOOGLE : DRAWTIMELINE

Definition

Based on the GOOGLE graphics library, displays Standard, Pie, Bar, Grid , GeoMap, Gantt, Timeline, Organization, WordTree charts .

Syntax 1

  	
	 	
	FormGoogle :  DRAWTIMELINE 
	height :"var px or % ",width : "var px or %"
	 Begin_sw
	([
** 4 columns : string1, string2, date start, date end
** code javascript..table : 
['string ', 'string', new Date(year,day, month), 
		         new Date(year,day, month) 
	])
	
	  var options = {
			timeline: { otions.. }
		};
	 End_sw		;	 
	

Syntax 2 : LOADARRAY : go to see : GANTT

Syntax 3 : TABLE FIELD : go to see : GANTT

Example

  		   
FormGoogle : DRAWTimeline  , height : "280px", width : "1200px" 
 Begin_sw
([ ** 4 columns : string1, string2, date start, date end
[ 'Magnolia Room', 'Beginning JavaScript',       new Date(0,0,0,12,0,0),  new Date(0,0,0,13,30,0) ],
[ 'Magnolia Room', 'Intermediate JavaScript',     new Date(0,0,0,14,0,0),  new Date(0,0,0,15,30,0) ],
[ 'Magnolia Room', 'Advanced JavaScript',        new Date(0,0,0,16,0,0),  new Date(0,0,0,17,30,0) ],
[ 'Willow Room',   'Beginning Google Charts',     new Date(0,0,0,12,30,0), new Date(0,0,0,14,0,0)],
[ 'Willow Room',   'Intermediate Google Charts',   new Date(0,0,0,14,30,0), new Date(0,0,0,16,0,0)],
[ 'Willow Room',   'Advanced Google Charts',      new Date(0,0,0,16,30,0), new Date(0,0,0,18,0,0)] 
] );
	
		var options = {
			timeline: { colorByRowLabel: true }
		};
 
        End_sw		; 
	  

FormGoogle : DRAWGANTT

---

    
    MS4BI  : TIMELINE (Google chart)   DAY : 2020 06 14     
 

>link>Help Timeline (google chart)

Source & Copy FormGoogle Timeline

Visualise ALL Examples : FormGoogle
Visualise ALL CHART examples

Remarks

IncludeChart.h : (optional)
MS4SCRIPT : only ADD-ON MS4BI
GO to see : GOOGLE CHARTS (web)

---

KEYWORD : FORMGOOGLE : DRAWORG

Definition

Based on the GOOGLE graphics library, displays Standard, Pie, Bar, Grid , GeoMap, Gantt, Timeline, Organization, WordTree charts .

Syntax 1

  	
**Organization	
 	
FormGoogle :  DRAWORG 
Begin_sw
	([
** 4 columns : Name , Manager ,ToolTip 
** code javascript..table : 
[{v:'string', f:'string", "string"],
	])
 	 
	

Syntax 2 : LOADARRAY : go to see : GANTT

Syntax 3 : TABLE FIELD : go to see : GANTT

Example

  		   
FormGoogle : DRAWORG 
** columns are :Name , Manager ,ToolTip 
Begin_sw
([
 [{v:'Mike', f:'Mike
President
'},'', 'The President'],
 [{v:'Jim', f:'Jim
Vice President
'},'Mike', 'VP'],
 ['Alice', 'Mike', ''],
 ['Bob', 'Jim', 'Bob Sponge'],
 ['Carol', 'Bob', '']
 ]);
End_sw		; 
	  

Visualise Example : FormGoogle ORG
Source & Copy FormGoogle ORG

Visualise ALL Examples : FormGoogle
Visualise ALL CHART examples

Remarks

IncludeChart.h : (optional)
MS4SCRIPT : only ADD-ON MS4BI
GO to see : GOOGLE CHARTS (web)

---

KEYWORD : FORMGOOGLE : DRAWWORDTREE

Definition

Based on the GOOGLE graphics library, displays Standard, Pie, Bar, Grid , GeoMap, Gantt, Timeline, Organization, WordTree charts .

Syntax 1

  	
**Organization	
 	
FormGoogle :  DRAWWORDTREE 
Begin_sw
	([
** code javascript..table : 
 
	])
 	var options = {
          wordtree: {
            format: 'implicit',
            word: 'string
          }
        }; 
	

Syntax 2 : LOADARRAY : go to see : GANTT

Syntax 3 : TABLE FIELD : go to see : GANTT

Example

  		   
FormGoogle : DRAWWORDTREE
 Begin_sw
[ ['Phrases'],
            ['cats are better than dogs'],
            ['cats eat kibble'],
            ['cats are better than hamsters'],
            ['cats are awesome'],
            ['cats are people too'],
            ['cats eat mice'],
            ['cats meowing'],
            ['cats in the cradle'],
            ['cats eat mice'],
            ['cats in the cradle lyrics'],
            ['cats eat kibble'],
            ['cats for adoption'],
            ['cats are family'],
            ['cats eat mice'],
            ['cats are better than kittens'],
            ['cats are evil'],
            ['cats are weird'],
            ['cats eat mice'],
          ]
        );

        var options = {
          wordtree: {
            format: 'implicit',
            word: 'cats'
          }
        };
End_sw		; 
	  

Visualise Example : FormGoogle WORDTREE
Source & Copy FormGoogle WORDTREE

Visualise ALL Examples : FormGoogle
Visualise ALL CHART examples

Remarks

IncludeChart.h : (optional)
MS4SCRIPT : only ADD-ON MS4BI
GO to see : GOOGLE CHARTS (web)

See also

FormPlus,FormPchart,FORMExcel,FORMMorris,FORMLeaflet,FORMChartJs

Interested in joining us? contact@mgplanete.com
The Mg Planete team

---

Copyright 2022 by Mandragore Planete

the official sites :
mgplanete.com
getms4bi.com
demos.ms4bi.com
help.ms4bi.com
ms4script.com

---

Download

official site :
getms4bi.com

---

Our purpose : Keep it simple !

written with ms4script

• help 01.010.2022.8

MS4BI in 5 minutes