<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function() {
// To change the way how context menu looks you need to change CSS.
// By default CSS from AnyChart CDN is used: https://cdn.anychart.com/releases/8.13.0/css/anychart-ui.min.css
// Download it, alter, upload to your server and link from your pages to change the look.
var chart = anychart.surface(getData());
// Disable context menu.
chart.contextMenu(false);
chart.title('Disable context menu. Right-click on the 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]
]