Iframe
HTML with links
ZIP with files
Column Chart
Geo Map
Line Chart
Pie Chart
Stock Chart
From scratchHTMLcopy
1
<div id="container"></div>CSScopy
6
1
html, body, #container {2
width: 100%;3
height: 100%;4
margin: 0;5
padding: 0;6
}JavaScriptcopy
x
1
anychart.onDocumentReady(function () {2
var data = getData();3
4
var chart = anychart.ganttResource();5
chart.data(data, anychart.enums.TreeFillingMethod.AS_TABLE);6
7
var tooltip = chart.getTimeline().tooltip();8
tooltip.format(function () {9
10
// Get data.11
var result = this.getData("periods", this.periodIndex, "state");12
13
return result === void 0 ? "No state specified" : result;14
});15
16
chart.title("Get Gantt Resource data using several parameters");17
chart.container("container");18
chart.draw();19
chart.fitAll();20
21
function getData() {22
return [23
{24
"id": "1",25
"name": "Server 1",26
"broken": "11%",27
"maintance": "20%",28
"working": "69%",29
"periods": [30
{31
"id": "1_1",32
"style": "working",33
"fill": "#008000 0.7",34
"stroke": "none",35
"hoverFill": "green",36
"hoverStroke": "cyan",37
"start": 1201795200000,38
"end": 1201934691000,39
"state": "Alaska"40
},41
{42
"id": "1_2",43
"style": "maintance",44
"fill": "#FFFF00 0.7",45
"stroke": "none",46
"hoverFill": "yellow",47
"hoverStroke": "cyan",48
"start": 1201934691000,49
"end": 1201997175000,50
"state": "Idaho"51
},52
{53
"id": "1_3",54
"style": "working",55
"fill": "#008000 0.7",56
"stroke": "none",57
"hoverFill": "green",58
"hoverStroke": "cyan",59
"start": 1201997175000,60
"end": 1202304539000,61
"state": "Arizona"62
},63
]64
},65
{66
"id": "2",67
"name": "Server 2",68
"broken": "9%",69
"maintance": "25%",70
"working": "66%",71
"periods": [72
{73
"id": "2_1",74
"style": "working",75
"fill": "#008000 0.7",76
"stroke": "none",77
"hoverFill": "green",78
"hoverStroke": "cyan",79
"start": 1201795200000,80
"end": 1201859302000,81
"state": "Virginia"82
},83
{84
"id": "2_2",85
"style": "working",86
"fill": "#008000 0.7",87
"stroke": "none",88
"hoverFill": "red",89
"hoverStroke": "cyan",90
"start": 1201859302000,91
"end": 1201908412000,92
"state": "Illinois"93
},94
{95
"id": "2_3",96
"style": "working",97
"fill": "#008000 0.7",98
"stroke": "none",99
"hoverFill": "green",100
"hoverStroke": "cyan",101
"start": 1201908412000,102
"end": 1201974133000,103
"state": "California"104
},105
{106
"id": "2_4",107
"style": "maintance",108
"fill": "#FFFF00 0.7",109
"stroke": "none",110
"hoverFill": "yellow",111
"hoverStroke": "cyan",112
"start": 1201974133000,113
"end": 1202028840000,114
"state": "Colorado"115
},116
]117
}118
];119
}120
});