HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
var data = [
3
{x: "A", value: 20},
4
{x: "B", value: 12},
5
{x: "C", value: 17},
6
{x: "A&B", value: 4},
7
{x: "B&C", value: 5},
8
{x: "A&C", value: 7},
9
{x: "A&B&C", value: 1}
10
];
11
12
var chart = anychart.venn(data);
13
chart.stroke("3 #FFFFFF");
14
15
var intersections = chart.intersections();
16
17
// Set fill.
18
intersections.fill(["#F9FBE7", "#C0CA33"], 0.69, 0.59, anychart.math.rect(500, 10, 600, 600), 0.9, 0.7, 0.84);
19
20
chart.title("Set fill as a radial gradient");
21
chart.container("container");
22
chart.draw();
23
});