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 stage = anychart.graphics.create('container');
3
4
var rect1 = stage.rect(10, 10, stage.width() / 3 - 10, stage.height() - 20);
5
rect1.fill('#F44336');
6
7
var rect2 = stage.rect(stage.width() / 3 + 10, 10, stage.width() / 3 - 20, stage.height() - 20);
8
9
// Makes red color lighter.
10
rect2.fill(anychart.color.lighten('#F44336'));
11
12
var rect3 = stage.rect(2 * stage.width() / 3 + 10, 10, stage.width() / 3 - 30, stage.height() - 20);
13
14
// Makes red color lighter.
15
rect3.fill(anychart.color.lighten('#F44336', 0.8));
16
});