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 palette = anychart.palettes.distinctColors();
5
6
// Set items.
7
palette.items(['#00F', '#F44336'], '#00C', '#00B', '#00A', '#009', '#008');
8
9
var colors = palette.items();
10
var len = colors.length - 1;
11
for (var i = 1; i <= len; i++) {
12
var rect = stage.rect((i - 1) * stage.width() / len, 0, stage.width() / len - .5, stage.height());
13
rect.fill(palette.itemAt(i - 1));
14
rect.stroke('1px #000');
15
}
16
});