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
var quarters = chart.quarters();
14
15
var rightTopQuarter = quarters.rightTop();
16
rightTopQuarter.label({position: 'left-top'});
17
18
// Set quarters padding.
19
rightTopQuarter.padding(100, '15px', '5px', 120);
20
21
chart.title('Set quarters padding by several values');
22
chart.container('container');
23
chart.draw();
24
});