html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var chart;

anychart.onDocumentReady(function() {

    chart = anychart.surface(getData());

​

    // To work with exports you need to reference the exports module from AnyChart CDN

    // (https://cdn.anychart.com/releases/8.13.0/js/anychart-exports.min.js for latest or https://cdn.anychart.com/releases/8.13.0/js/anychart-exports.min.js for the versioned file)

​

    // Set exports settings.

    chart.exports({facebook: {caption: 'ANYCHART.COM', description: 'Surface chart'}});

    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]

    ]

}