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