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 chart = anychart.quadrant([
3
{x: 10, value: 20},
4
{x: 20, value: 80},
5
{x: 30, value: 40},
6
{x: 40, value: 60},
7
{x: 60, value: 50},
8
{x: 70, value: 35},
9
{x: 80, value: 67},
10
{x: 90, value: 81}
11
]);
12
13
// Set quarters settings.
14
var quarters = chart.quarters({rightTop: {stroke: "3 #F44336"}});
15
16
chart.title("Set quarters settings");
17
chart.container("container");
18
chart.draw();
19
});