HTMLcopy
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.ganttProject();
5
chart.data(data, 'as-table');
6
7
// Decoration.
8
var timeline = chart.getTimeline();
9
chart.defaultRowHeight(100);
10
taskProgress = timeline.tasks().progress();
11
taskProgress.height('50%');
12
baselineProgress = timeline.baselines().progress();
13
chart.xScale().minimumGap(0.4);
14
chart.xScale().maximumGap(0.4);
15
16
chart.title('130% progress is drawn over end of bar.');
17
chart.container('container');
18
chart.draw();
19
chart.fitAll();
20
21
setInterval(function() {
22
var enabledState = taskProgress.drawOverEnd();
23
taskProgress.drawOverEnd(!enabledState);
24
baselineProgress.drawOverEnd(!enabledState);
25
26
var titleText = '130% progress is ' + (enabledState ? 'not ' : '') + 'drawn over end of bar.';
27
chart.title(titleText);
28
}, 500)
29
});
30
31
function getData() {
32
return [
33
{
34
id: 1,
35
name: 'Task',
36
actualStart: Date.UTC(2019, 5, 1),
37
actualEnd: Date.UTC(2019, 5, 20),
38
progressValue: '130%',
39
baselineStart: Date.UTC(2019, 5, 5),
40
baselineEnd: Date.UTC(2019, 5, 15),
41
baselineProgressValue: '130%'
42
}
43
];
44
}