<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
var stage = anychart.graphics.create('container');
var rect = stage.rect(20, 20, stage.width() - 50, stage.height() - 50);
// Set bipolar hue progression.
var color = anychart.color.bipolarHueProgression('#4CAF50', '#FFEB3B', 4);
rect.fill(color);
});