<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function() {
var chart = anychart.surface(getData());
// Set background color.
chart.background('#f0f8ff');
chart.title('Set chart background as a string');
chart.container('container');
chart.draw();
});
function getData() {
return [
[-3, -3, -216],
[-3, -2, -125],
[-3, -1, -64],
[-3, 0, -27],
[-3, 1, -8],
[-3, 2, -1],
[-3, 3, 0],
[-2, -3, -125],
[-2, -2, -64],
[-2, -1, -27],
[-2, 0, -8],
[-2, 1, -1],
[-2, 2, 0],
[-2, 3, 1],
[-1, -3, -64],
[-1, -2, -27],
[-1, -1, -8],
[-1, 0, -1],
[-1, 1, 0],
[-1, 2, 1],
[-1, 3, 8],
[0, -3, -27],
[0, -2, -8],
[0, -1, -1],
[0, 0, 0],
[0, 1, 1],
[0, 2, 8],
[0, 3, 27],
[1, -3, -8],
[1, -2, -1],
[1, -1, 0],
[1, 0, 1],
[1, 1, 8],
[1, 2, 27],
[1, 3, 64],
[2, -3, -1],
[2, -2, 0],
[2, -1, 1],
[2, 0, 8],
[2, 1, 27],
[2, 2, 64],
[2, 3, 125],
[3, -3, 0],
[3, -2, 1],
[3, -1, 8],
[3, 0, 27],
[3, 1, 64],
[3, 2, 125],
[3, 3, 216]
]