<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 data = [
{x: 'A', value: 20},
{x: 'B', value: 12},
{x: 'C', value: 17},
{x: 'A&B', value: 4},
{x: 'B&C', value: 5},
{x: 'A&C', value: 7},
{x: 'A&B&C', value: 1}
];
var chart = anychart.venn(data);
// Disable context menu.
chart.contextMenu(false);
chart.title('Disable context menu. Right-click on the chart');
chart.container('container');
chart.draw();
});