-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathScale.html
58 lines (58 loc) · 122 KB
/
Scale.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Class: Scale<O> | Chart.js</title>
<meta name="generator" content="VuePress 1.8.2">
<link rel="icon" href="/docs/3.6.2/favicon.ico">
<meta name="description" content="Open source HTML5 Charts for your website">
<link rel="preload" href="/docs/3.6.2/assets/css/0.styles.eed913be.css" as="style"><link rel="preload" href="/docs/3.6.2/assets/js/app.2ca8d9a1.js" as="script"><link rel="preload" href="/docs/3.6.2/assets/js/2.413130e4.js" as="script"><link rel="preload" href="/docs/3.6.2/assets/js/18.d804c2ac.js" as="script"><link rel="prefetch" href="/docs/3.6.2/assets/js/10.499ad830.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/100.c659b372.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/101.ade680ea.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/102.f8e26ce2.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/103.d80c6d2e.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/104.1e796c89.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/105.f9b1a87e.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/106.57029c39.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/107.aed4d666.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/108.01e0d2c2.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/109.a78f5d2a.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/11.c5b17224.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/110.865e3d01.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/111.f77360eb.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/112.74cb9a25.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/113.582530a8.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/114.d72f37d0.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/115.373721fe.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/116.bf2cf4cc.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/117.182a4f92.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/118.6725dd99.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/119.a8e1ce7e.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/12.786c7f40.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/120.ca80eb31.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/121.b5790737.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/122.01e22b0e.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/123.0de10a0f.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/124.5b12b311.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/125.836f77c0.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/126.eb23f0e1.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/127.a5821e11.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/128.6fa2655b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/129.05bdf7c1.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/13.ddd4e2f8.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/130.f07ec287.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/131.ffdb5bb9.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/132.04d869bf.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/133.2e28d5e7.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/134.82730c9b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/135.1558393c.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/136.1ef1854b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/137.951a6d7f.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/138.d6b7cc34.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/139.8e8cfa43.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/14.172e0a00.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/140.9168d68d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/141.e1750e91.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/142.bf90fea8.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/143.140724b4.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/144.9df4d6c8.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/145.febfa863.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/146.c5f7eed6.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/147.f8b34fd3.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/148.66650264.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/149.548f7f47.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/15.25467550.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/150.85f9362f.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/151.482a9f35.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/152.576ca86f.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/153.935a1a3a.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/154.9f539141.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/155.7ba95295.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/156.1be8ccb1.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/157.04691de9.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/158.10f960a6.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/159.0a54b3ca.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/16.150fc889.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/160.08dc46b5.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/161.f19be8b6.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/162.6ca1f16a.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/163.c2a57dfe.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/164.42a79c1f.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/165.74486c25.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/166.3c6c7e32.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/167.2c97d8e5.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/168.ce5b206b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/169.36b4e508.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/17.09659df6.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/170.75a9c877.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/171.c57ea92b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/172.e69e2ca2.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/173.75190231.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/174.f2b294bf.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/175.654247ab.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/176.17e549aa.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/177.932d58bd.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/178.f5fc39c9.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/179.9c39c3a8.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/180.5fa50b39.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/181.08259b6b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/182.635cbc1d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/183.96eb23ea.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/184.1dee1078.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/185.e4916e00.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/186.977d0bc2.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/187.c00f14d6.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/188.185442d6.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/189.49d8c55e.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/19.4dc42898.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/190.714c23ad.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/191.62ed8e93.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/192.db46561d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/193.52aad887.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/194.67c30a5c.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/195.4dc43acc.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/196.77cc2a08.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/197.43daff09.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/198.44e7429c.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/199.f1956670.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/20.64100c1f.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/200.137a83d7.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/201.9646ad65.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/202.bba3d4d6.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/203.ee97ae91.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/204.073a71ad.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/205.2bec4039.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/206.428cabeb.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/207.d640cca6.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/208.3316be05.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/209.eca464a0.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/21.7cae9449.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/210.2a62f962.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/211.b78a70e5.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/212.2069af08.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/213.c59f229d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/214.e3bd5725.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/215.135a5c21.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/216.a079389b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/217.2fb9e7a1.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/218.ad6ade75.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/219.32498948.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/22.a849185d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/220.d863dc72.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/221.e97b3327.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/222.8ddd8ad4.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/223.5f15733a.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/224.050b3be1.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/225.c361dc33.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/226.fec5e025.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/227.1432e018.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/228.5dbb7c20.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/229.5b0b276a.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/23.f0704cc1.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/230.6a042229.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/231.4ec3579a.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/232.da2cb431.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/233.32df7400.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/234.150d53b8.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/235.888b655d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/236.75f061a1.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/237.123a83df.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/238.6b92a4cc.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/239.e7c56491.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/24.3ace5fbd.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/240.90972bd0.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/241.2571e413.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/242.8cc98a9d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/243.49aa91c0.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/244.37e70b92.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/245.ea78d7e7.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/246.567a627f.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/247.714b8810.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/248.f3152c38.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/249.c3adb24d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/25.0b2d1052.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/26.1cdb46b1.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/27.81093f8c.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/28.63fa25c6.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/29.6614b1e3.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/3.e2fd7cce.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/30.b55daaec.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/31.98b51f37.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/32.b0f704ed.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/33.15a25289.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/34.c2f7e419.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/35.8de774e5.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/36.fa88ea66.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/37.8d8c1854.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/38.34558483.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/39.374eeb7e.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/4.cfb630b3.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/40.a8ca9282.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/41.b306ddd8.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/42.542462fd.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/43.d92779ee.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/44.9abd8554.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/45.89435ca3.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/46.bc45159b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/47.5a31e461.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/48.9843c5e4.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/49.ee598fc2.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/5.82c7afe1.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/50.3a0f04f4.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/51.c7b8a653.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/52.6e41a280.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/53.3f008cd2.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/54.7aebd691.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/55.8c12e4c3.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/56.599c1fbc.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/57.bc936068.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/58.706778f2.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/59.abaea5c8.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/6.3a712537.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/60.7418b5de.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/61.5c170278.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/62.8740fa45.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/63.caf1fdfb.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/64.cd899dae.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/65.6a60e234.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/66.1a3ee165.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/67.fc16965a.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/68.016a80e8.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/69.969b32ee.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/7.5ce46ca3.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/70.752c6c8d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/71.65523243.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/72.b7ef456b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/73.183bb5f9.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/74.53023cb4.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/75.daecde12.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/76.c228e409.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/77.c5443719.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/78.ee73501b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/79.77530a6a.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/8.eabe9f87.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/80.3da8376d.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/81.aed2367e.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/82.31ab8f26.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/83.07fe1944.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/84.f1ac6cbd.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/85.360fda23.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/86.592761d3.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/87.b61f96be.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/88.f959c1e4.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/89.cbe776ea.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/9.ede74743.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/90.83dad6ff.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/91.4833b1b5.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/92.c6571ece.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/93.ffa1fcd2.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/94.b64cee03.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/95.62ac5c3b.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/96.8a50680a.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/97.f9784ba7.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/98.f1c3b6ff.js"><link rel="prefetch" href="/docs/3.6.2/assets/js/99.c8d0f2fc.js">
<link rel="stylesheet" href="/docs/3.6.2/assets/css/0.styles.eed913be.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/3.6.2/" class="home-link router-link-active"><img src="/docs/3.6.2/favicon.ico" alt="Chart.js" class="logo"> <span class="site-name can-hide">Chart.js</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/3.6.2/" class="nav-link">
Home
</a></div><div class="nav-item"><a href="/docs/3.6.2/api/" class="nav-link router-link-active">
API
</a></div><div class="nav-item"><a href="/docs/3.6.2/samples/" class="nav-link">
Samples
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Community Menu" class="dropdown-title"><span class="title">Ecosystem</span> <span class="arrow down"></span></button> <button type="button" aria-label="Community Menu" class="mobile-dropdown-title"><span class="title">Ecosystem</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://github.com/chartjs/awesome" target="_blank" rel="noopener noreferrer" class="nav-link external">
Awesome
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://chartjs-slack.herokuapp.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
Slack
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://stackoverflow.com/questions/tagged/chart.js" target="_blank" rel="noopener noreferrer" class="nav-link external">
Stack Overflow
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <a href="https://github.com/chartjs/Chart.js" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/docs/3.6.2/" class="nav-link">
Home
</a></div><div class="nav-item"><a href="/docs/3.6.2/api/" class="nav-link router-link-active">
API
</a></div><div class="nav-item"><a href="/docs/3.6.2/samples/" class="nav-link">
Samples
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Community Menu" class="dropdown-title"><span class="title">Ecosystem</span> <span class="arrow down"></span></button> <button type="button" aria-label="Community Menu" class="mobile-dropdown-title"><span class="title">Ecosystem</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://github.com/chartjs/awesome" target="_blank" rel="noopener noreferrer" class="nav-link external">
Awesome
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://chartjs-slack.herokuapp.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
Slack
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://stackoverflow.com/questions/tagged/chart.js" target="_blank" rel="noopener noreferrer" class="nav-link external">
Stack Overflow
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <a href="https://github.com/chartjs/Chart.js" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>API</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/3.6.2/api/" aria-current="page" class="sidebar-link">Exports</a></li><li><section class="sidebar-group collapsable is-sub-group depth-1"><p class="sidebar-heading"><span>Enumerations</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable is-sub-group depth-1"><p class="sidebar-heading open"><span>Classes</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/3.6.2/api/classes/Animation.html" class="sidebar-link">Animation</a></li><li><a href="/docs/3.6.2/api/classes/Animations.html" class="sidebar-link">Animations</a></li><li><a href="/docs/3.6.2/api/classes/Animator.html" class="sidebar-link">Animator</a></li><li><a href="/docs/3.6.2/api/classes/BasePlatform.html" class="sidebar-link">BasePlatform</a></li><li><a href="/docs/3.6.2/api/classes/BasicPlatform.html" class="sidebar-link">BasicPlatform</a></li><li><a href="/docs/3.6.2/api/classes/Chart.html" class="sidebar-link">Chart</a></li><li><a href="/docs/3.6.2/api/classes/DatasetController.html" class="sidebar-link">DatasetController</a></li><li><a href="/docs/3.6.2/api/classes/DomPlatform.html" class="sidebar-link">DomPlatform</a></li><li><a href="/docs/3.6.2/api/classes/Scale.html" aria-current="page" class="active sidebar-link">Scale</a></li></ul></section></li><li><section class="sidebar-group collapsable is-sub-group depth-1"><p class="sidebar-heading"><span>Interfaces</span> <span class="arrow right"></span></p> <!----></section></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="class-scale-o"><a href="#class-scale-o" class="header-anchor">#</a> Class: Scale<O></h1> <h2 id="type-parameters"><a href="#type-parameters" class="header-anchor">#</a> Type parameters</h2> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>O</code></td> <td style="text-align:left;">extends <a href="/docs/3.6.2/api/interfaces/CoreScaleOptions.html"><code>CoreScaleOptions</code></a><a href="/docs/3.6.2/api/interfaces/CoreScaleOptions.html"><code>CoreScaleOptions</code></a></td></tr></tbody></table> <h2 id="hierarchy"><a href="#hierarchy" class="header-anchor">#</a> Hierarchy</h2> <ul><li><p><a href="/docs/3.6.2/api/#element"><code>Element</code></a><<code>unknown</code>, <code>O</code>></p></li> <li><p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html"><code>LayoutItem</code></a></p> <p>↳ <strong><code>Scale</code></strong></p> <p>↳↳ <a href="/docs/3.6.2/api/interfaces/TimeScale.html"><code>TimeScale</code></a></p> <p>↳↳ <a href="/docs/3.6.2/api/interfaces/RadialLinearScale.html"><code>RadialLinearScale</code></a></p></li></ul> <h2 id="constructors"><a href="#constructors" class="header-anchor">#</a> Constructors</h2> <h3 id="constructor"><a href="#constructor" class="header-anchor">#</a> constructor</h3> <p>• <strong>new Scale</strong><<code>O</code>>(<code>cfg</code>)</p> <h4 id="type-parameters-2"><a href="#type-parameters-2" class="header-anchor">#</a> Type parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>O</code></td> <td style="text-align:left;">extends <a href="/docs/3.6.2/api/interfaces/CoreScaleOptions.html"><code>CoreScaleOptions</code></a><a href="/docs/3.6.2/api/interfaces/CoreScaleOptions.html"><code>CoreScaleOptions</code></a></td></tr></tbody></table> <h4 id="parameters"><a href="#parameters" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>cfg</code></td> <td style="text-align:left;"><code>Object</code></td></tr> <tr><td style="text-align:left;"><code>cfg.chart</code></td> <td style="text-align:left;"><a href="/docs/3.6.2/api/classes/Chart.html"><code>Chart</code></a><keyof <a href="/docs/3.6.2/api/interfaces/ChartTypeRegistry.html"><code>ChartTypeRegistry</code></a>, (<code>number</code> | <a href="/docs/3.6.2/api/interfaces/ScatterDataPoint.html"><code>ScatterDataPoint</code></a> | <a href="/docs/3.6.2/api/interfaces/BubbleDataPoint.html"><code>BubbleDataPoint</code></a>)[], <code>unknown</code>></td></tr> <tr><td style="text-align:left;"><code>cfg.ctx</code></td> <td style="text-align:left;"><code>CanvasRenderingContext2D</code></td></tr> <tr><td style="text-align:left;"><code>cfg.id</code></td> <td style="text-align:left;"><code>string</code></td></tr> <tr><td style="text-align:left;"><code>cfg.type</code></td> <td style="text-align:left;"><code>string</code></td></tr></tbody></table> <h4 id="inherited-from"><a href="#inherited-from" class="header-anchor">#</a> Inherited from</h4> <p>Element<unknown, O>.constructor</p> <h4 id="defined-in"><a href="#defined-in" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1297" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1297<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="active"><a href="#active" class="header-anchor">#</a> active</h3> <p>• <code>Readonly</code> <strong>active</strong>: <code>boolean</code></p> <h4 id="inherited-from-2"><a href="#inherited-from-2" class="header-anchor">#</a> Inherited from</h4> <p>Element.active</p> <h4 id="defined-in-2"><a href="#defined-in-2" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/element.d.ts#L7" target="_blank" rel="noopener noreferrer">element.d.ts:7<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="axis"><a href="#axis" class="header-anchor">#</a> axis</h3> <p>• <strong>axis</strong>: <code>string</code></p> <h4 id="defined-in-3"><a href="#defined-in-3" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1199" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1199<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="bottom"><a href="#bottom" class="header-anchor">#</a> bottom</h3> <p>• <strong>bottom</strong>: <code>number</code></p> <p>Bottom edge of the item. Set by layout system and cannot be used in update</p> <h4 id="inherited-from-3"><a href="#inherited-from-3" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#bottom">bottom</a></p> <h4 id="defined-in-4"><a href="#defined-in-4" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L41" target="_blank" rel="noopener noreferrer">layout.d.ts:41<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="chart"><a href="#chart" class="header-anchor">#</a> chart</h3> <p>• <code>Readonly</code> <strong>chart</strong>: <a href="/docs/3.6.2/api/classes/Chart.html"><code>Chart</code></a><keyof <a href="/docs/3.6.2/api/interfaces/ChartTypeRegistry.html"><code>ChartTypeRegistry</code></a>, (<code>number</code> | <a href="/docs/3.6.2/api/interfaces/ScatterDataPoint.html"><code>ScatterDataPoint</code></a> | <a href="/docs/3.6.2/api/interfaces/BubbleDataPoint.html"><code>BubbleDataPoint</code></a>)[], <code>unknown</code>></p> <h4 id="defined-in-5"><a href="#defined-in-5" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1189" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1189<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="ctx"><a href="#ctx" class="header-anchor">#</a> ctx</h3> <p>• <code>Readonly</code> <strong>ctx</strong>: <code>CanvasRenderingContext2D</code></p> <h4 id="defined-in-6"><a href="#defined-in-6" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1188" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1188<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="fullsize"><a href="#fullsize" class="header-anchor">#</a> fullSize</h3> <p>• <strong>fullSize</strong>: <code>boolean</code></p> <p>if true, and the item is horizontal, then push vertical boxes down</p> <h4 id="inherited-from-4"><a href="#inherited-from-4" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#fullsize">fullSize</a></p> <h4 id="defined-in-7"><a href="#defined-in-7" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L17" target="_blank" rel="noopener noreferrer">layout.d.ts:17<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="height"><a href="#height" class="header-anchor">#</a> height</h3> <p>• <strong>height</strong>: <code>number</code></p> <p>Height of item. Must be valid after update()</p> <h4 id="inherited-from-5"><a href="#inherited-from-5" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#height">height</a></p> <h4 id="defined-in-8"><a href="#defined-in-8" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L25" target="_blank" rel="noopener noreferrer">layout.d.ts:25<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="id"><a href="#id" class="header-anchor">#</a> id</h3> <p>• <code>Readonly</code> <strong>id</strong>: <code>string</code></p> <h4 id="defined-in-9"><a href="#defined-in-9" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1186" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1186<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="labelrotation"><a href="#labelrotation" class="header-anchor">#</a> labelRotation</h3> <p>• <strong>labelRotation</strong>: <code>number</code></p> <h4 id="defined-in-10"><a href="#defined-in-10" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1200" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1200<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="left"><a href="#left" class="header-anchor">#</a> left</h3> <p>• <strong>left</strong>: <code>number</code></p> <p>Left edge of the item. Set by layout system and cannot be used in update</p> <h4 id="inherited-from-6"><a href="#inherited-from-6" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#left">left</a></p> <h4 id="defined-in-11"><a href="#defined-in-11" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L29" target="_blank" rel="noopener noreferrer">layout.d.ts:29<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="max"><a href="#max" class="header-anchor">#</a> max</h3> <p>• <strong>max</strong>: <code>number</code></p> <h4 id="defined-in-12"><a href="#defined-in-12" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1202" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1202<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="maxheight"><a href="#maxheight" class="header-anchor">#</a> maxHeight</h3> <p>• <strong>maxHeight</strong>: <code>number</code></p> <h4 id="defined-in-13"><a href="#defined-in-13" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1192" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1192<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="maxwidth"><a href="#maxwidth" class="header-anchor">#</a> maxWidth</h3> <p>• <strong>maxWidth</strong>: <code>number</code></p> <h4 id="defined-in-14"><a href="#defined-in-14" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1191" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1191<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="min"><a href="#min" class="header-anchor">#</a> min</h3> <p>• <strong>min</strong>: <code>number</code></p> <h4 id="defined-in-15"><a href="#defined-in-15" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1201" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1201<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="options"><a href="#options" class="header-anchor">#</a> options</h3> <p>• <code>Readonly</code> <strong>options</strong>: <code>O</code></p> <h4 id="inherited-from-7"><a href="#inherited-from-7" class="header-anchor">#</a> Inherited from</h4> <p>Element.options</p> <h4 id="defined-in-16"><a href="#defined-in-16" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/element.d.ts#L8" target="_blank" rel="noopener noreferrer">element.d.ts:8<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="paddingbottom"><a href="#paddingbottom" class="header-anchor">#</a> paddingBottom</h3> <p>• <strong>paddingBottom</strong>: <code>number</code></p> <h4 id="defined-in-17"><a href="#defined-in-17" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1195" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1195<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="paddingleft"><a href="#paddingleft" class="header-anchor">#</a> paddingLeft</h3> <p>• <strong>paddingLeft</strong>: <code>number</code></p> <h4 id="defined-in-18"><a href="#defined-in-18" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1196" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1196<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="paddingright"><a href="#paddingright" class="header-anchor">#</a> paddingRight</h3> <p>• <strong>paddingRight</strong>: <code>number</code></p> <h4 id="defined-in-19"><a href="#defined-in-19" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1197" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1197<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="paddingtop"><a href="#paddingtop" class="header-anchor">#</a> paddingTop</h3> <p>• <strong>paddingTop</strong>: <code>number</code></p> <h4 id="defined-in-20"><a href="#defined-in-20" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1194" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1194<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="position"><a href="#position" class="header-anchor">#</a> position</h3> <p>• <strong>position</strong>: <a href="/docs/3.6.2/api/#layoutposition"><code>LayoutPosition</code></a></p> <p>The position of the item in the chart layout. Possible values are</p> <h4 id="inherited-from-8"><a href="#inherited-from-8" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#position">position</a></p> <h4 id="defined-in-21"><a href="#defined-in-21" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L9" target="_blank" rel="noopener noreferrer">layout.d.ts:9<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="right"><a href="#right" class="header-anchor">#</a> right</h3> <p>• <strong>right</strong>: <code>number</code></p> <p>Right edge of the item. Set by layout system and cannot be used in update</p> <h4 id="inherited-from-9"><a href="#inherited-from-9" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#right">right</a></p> <h4 id="defined-in-22"><a href="#defined-in-22" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L37" target="_blank" rel="noopener noreferrer">layout.d.ts:37<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="ticks"><a href="#ticks" class="header-anchor">#</a> ticks</h3> <p>• <strong>ticks</strong>: <a href="/docs/3.6.2/api/interfaces/Tick.html"><code>Tick</code></a>[]</p> <h4 id="defined-in-23"><a href="#defined-in-23" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1203" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1203<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="top"><a href="#top" class="header-anchor">#</a> top</h3> <p>• <strong>top</strong>: <code>number</code></p> <p>Top edge of the item. Set by layout system and cannot be used in update</p> <h4 id="inherited-from-10"><a href="#inherited-from-10" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#top">top</a></p> <h4 id="defined-in-24"><a href="#defined-in-24" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L33" target="_blank" rel="noopener noreferrer">layout.d.ts:33<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="type"><a href="#type" class="header-anchor">#</a> type</h3> <p>• <code>Readonly</code> <strong>type</strong>: <code>string</code></p> <h4 id="defined-in-25"><a href="#defined-in-25" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1187" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1187<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="weight"><a href="#weight" class="header-anchor">#</a> weight</h3> <p>• <strong>weight</strong>: <code>number</code></p> <p>The weight used to sort the item. Higher weights are further away from the chart area</p> <h4 id="inherited-from-11"><a href="#inherited-from-11" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#weight">weight</a></p> <h4 id="defined-in-26"><a href="#defined-in-26" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L13" target="_blank" rel="noopener noreferrer">layout.d.ts:13<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="width"><a href="#width" class="header-anchor">#</a> width</h3> <p>• <strong>width</strong>: <code>number</code></p> <p>Width of item. Must be valid after update()</p> <h4 id="inherited-from-12"><a href="#inherited-from-12" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#width">width</a></p> <h4 id="defined-in-27"><a href="#defined-in-27" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L21" target="_blank" rel="noopener noreferrer">layout.d.ts:21<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="x"><a href="#x" class="header-anchor">#</a> x</h3> <p>• <code>Readonly</code> <strong>x</strong>: <code>number</code></p> <h4 id="inherited-from-13"><a href="#inherited-from-13" class="header-anchor">#</a> Inherited from</h4> <p>Element.x</p> <h4 id="defined-in-28"><a href="#defined-in-28" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/element.d.ts#L5" target="_blank" rel="noopener noreferrer">element.d.ts:5<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="y"><a href="#y" class="header-anchor">#</a> y</h3> <p>• <code>Readonly</code> <strong>y</strong>: <code>number</code></p> <h4 id="inherited-from-14"><a href="#inherited-from-14" class="header-anchor">#</a> Inherited from</h4> <p>Element.y</p> <h4 id="defined-in-29"><a href="#defined-in-29" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/element.d.ts#L6" target="_blank" rel="noopener noreferrer">element.d.ts:6<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <h3 id="afterbuildticks"><a href="#afterbuildticks" class="header-anchor">#</a> afterBuildTicks</h3> <p>▸ <strong>afterBuildTicks</strong>(): <code>void</code></p> <h4 id="returns"><a href="#returns" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-30"><a href="#defined-in-30" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1283" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1283<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="aftercalculatelabelrotation"><a href="#aftercalculatelabelrotation" class="header-anchor">#</a> afterCalculateLabelRotation</h3> <p>▸ <strong>afterCalculateLabelRotation</strong>(): <code>void</code></p> <h4 id="returns-2"><a href="#returns-2" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-31"><a href="#defined-in-31" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1289" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1289<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="afterdatalimits"><a href="#afterdatalimits" class="header-anchor">#</a> afterDataLimits</h3> <p>▸ <strong>afterDataLimits</strong>(): <code>void</code></p> <h4 id="returns-3"><a href="#returns-3" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-32"><a href="#defined-in-32" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1280" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1280<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="afterfit"><a href="#afterfit" class="header-anchor">#</a> afterFit</h3> <p>▸ <strong>afterFit</strong>(): <code>void</code></p> <h4 id="returns-4"><a href="#returns-4" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-33"><a href="#defined-in-33" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1292" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1292<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="aftersetdimensions"><a href="#aftersetdimensions" class="header-anchor">#</a> afterSetDimensions</h3> <p>▸ <strong>afterSetDimensions</strong>(): <code>void</code></p> <h4 id="returns-5"><a href="#returns-5" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-34"><a href="#defined-in-34" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1277" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1277<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="afterticktolabelconversion"><a href="#afterticktolabelconversion" class="header-anchor">#</a> afterTickToLabelConversion</h3> <p>▸ <strong>afterTickToLabelConversion</strong>(): <code>void</code></p> <h4 id="returns-6"><a href="#returns-6" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-35"><a href="#defined-in-35" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1286" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1286<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="afterupdate"><a href="#afterupdate" class="header-anchor">#</a> afterUpdate</h3> <p>▸ <strong>afterUpdate</strong>(): <code>void</code></p> <h4 id="returns-7"><a href="#returns-7" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-36"><a href="#defined-in-36" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1274" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1274<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="beforebuildticks"><a href="#beforebuildticks" class="header-anchor">#</a> beforeBuildTicks</h3> <p>▸ <strong>beforeBuildTicks</strong>(): <code>void</code></p> <h4 id="returns-8"><a href="#returns-8" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-37"><a href="#defined-in-37" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1281" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1281<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="beforecalculatelabelrotation"><a href="#beforecalculatelabelrotation" class="header-anchor">#</a> beforeCalculateLabelRotation</h3> <p>▸ <strong>beforeCalculateLabelRotation</strong>(): <code>void</code></p> <h4 id="returns-9"><a href="#returns-9" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-38"><a href="#defined-in-38" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1287" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1287<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="beforedatalimits"><a href="#beforedatalimits" class="header-anchor">#</a> beforeDataLimits</h3> <p>▸ <strong>beforeDataLimits</strong>(): <code>void</code></p> <h4 id="returns-10"><a href="#returns-10" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-39"><a href="#defined-in-39" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1278" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1278<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="beforefit"><a href="#beforefit" class="header-anchor">#</a> beforeFit</h3> <p>▸ <strong>beforeFit</strong>(): <code>void</code></p> <h4 id="returns-11"><a href="#returns-11" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-40"><a href="#defined-in-40" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1290" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1290<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="beforelayout"><a href="#beforelayout" class="header-anchor">#</a> beforeLayout</h3> <p>▸ <code>Optional</code> <strong>beforeLayout</strong>(): <code>void</code></p> <p>Called before the layout process starts</p> <h4 id="returns-12"><a href="#returns-12" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="inherited-from-15"><a href="#inherited-from-15" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#beforelayout">beforeLayout</a></p> <h4 id="defined-in-41"><a href="#defined-in-41" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L46" target="_blank" rel="noopener noreferrer">layout.d.ts:46<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="beforesetdimensions"><a href="#beforesetdimensions" class="header-anchor">#</a> beforeSetDimensions</h3> <p>▸ <strong>beforeSetDimensions</strong>(): <code>void</code></p> <h4 id="returns-13"><a href="#returns-13" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-42"><a href="#defined-in-42" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1275" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1275<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="beforeticktolabelconversion"><a href="#beforeticktolabelconversion" class="header-anchor">#</a> beforeTickToLabelConversion</h3> <p>▸ <strong>beforeTickToLabelConversion</strong>(): <code>void</code></p> <h4 id="returns-14"><a href="#returns-14" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-43"><a href="#defined-in-43" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1284" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1284<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="beforeupdate"><a href="#beforeupdate" class="header-anchor">#</a> beforeUpdate</h3> <p>▸ <strong>beforeUpdate</strong>(): <code>void</code></p> <h4 id="returns-15"><a href="#returns-15" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-44"><a href="#defined-in-44" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1272" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1272<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="buildticks"><a href="#buildticks" class="header-anchor">#</a> buildTicks</h3> <p>▸ <strong>buildTicks</strong>(): <a href="/docs/3.6.2/api/interfaces/Tick.html"><code>Tick</code></a>[]</p> <h4 id="returns-16"><a href="#returns-16" class="header-anchor">#</a> Returns</h4> <p><a href="/docs/3.6.2/api/interfaces/Tick.html"><code>Tick</code></a>[]</p> <h4 id="defined-in-45"><a href="#defined-in-45" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1282" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1282<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="calculatelabelrotation"><a href="#calculatelabelrotation" class="header-anchor">#</a> calculateLabelRotation</h3> <p>▸ <strong>calculateLabelRotation</strong>(): <code>void</code></p> <h4 id="returns-17"><a href="#returns-17" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-46"><a href="#defined-in-46" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1288" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1288<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="configure"><a href="#configure" class="header-anchor">#</a> configure</h3> <p>▸ <strong>configure</strong>(): <code>void</code></p> <h4 id="returns-18"><a href="#returns-18" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-47"><a href="#defined-in-47" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1273" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1273<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="determinedatalimits"><a href="#determinedatalimits" class="header-anchor">#</a> determineDataLimits</h3> <p>▸ <strong>determineDataLimits</strong>(): <code>void</code></p> <h4 id="returns-19"><a href="#returns-19" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-48"><a href="#defined-in-48" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1279" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1279<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="draw"><a href="#draw" class="header-anchor">#</a> draw</h3> <p>▸ <strong>draw</strong>(<code>chartArea</code>): <code>void</code></p> <p>Draws the element</p> <h4 id="parameters-2"><a href="#parameters-2" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>chartArea</code></td> <td style="text-align:left;"><a href="/docs/3.6.2/api/interfaces/ChartArea.html"><code>ChartArea</code></a></td></tr></tbody></table> <h4 id="returns-20"><a href="#returns-20" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="inherited-from-16"><a href="#inherited-from-16" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#draw">draw</a></p> <h4 id="defined-in-49"><a href="#defined-in-49" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L50" target="_blank" rel="noopener noreferrer">layout.d.ts:50<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="drawgrid"><a href="#drawgrid" class="header-anchor">#</a> drawGrid</h3> <p>▸ <strong>drawGrid</strong>(<code>chartArea</code>): <code>void</code></p> <h4 id="parameters-3"><a href="#parameters-3" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>chartArea</code></td> <td style="text-align:left;"><a href="/docs/3.6.2/api/interfaces/ChartArea.html"><code>ChartArea</code></a></td></tr></tbody></table> <h4 id="returns-21"><a href="#returns-21" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-50"><a href="#defined-in-50" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1208" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1208<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="drawlabels"><a href="#drawlabels" class="header-anchor">#</a> drawLabels</h3> <p>▸ <strong>drawLabels</strong>(<code>chartArea</code>): <code>void</code></p> <h4 id="parameters-4"><a href="#parameters-4" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>chartArea</code></td> <td style="text-align:left;"><a href="/docs/3.6.2/api/interfaces/ChartArea.html"><code>ChartArea</code></a></td></tr></tbody></table> <h4 id="returns-22"><a href="#returns-22" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-51"><a href="#defined-in-51" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1207" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1207<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="drawtitle"><a href="#drawtitle" class="header-anchor">#</a> drawTitle</h3> <p>▸ <strong>drawTitle</strong>(<code>chartArea</code>): <code>void</code></p> <h4 id="parameters-5"><a href="#parameters-5" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>chartArea</code></td> <td style="text-align:left;"><a href="/docs/3.6.2/api/interfaces/ChartArea.html"><code>ChartArea</code></a></td></tr></tbody></table> <h4 id="returns-23"><a href="#returns-23" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-52"><a href="#defined-in-52" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1206" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1206<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="fit"><a href="#fit" class="header-anchor">#</a> fit</h3> <p>▸ <strong>fit</strong>(): <code>void</code></p> <h4 id="returns-24"><a href="#returns-24" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-53"><a href="#defined-in-53" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1291" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1291<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="generateticklabels"><a href="#generateticklabels" class="header-anchor">#</a> generateTickLabels</h3> <p>▸ <strong>generateTickLabels</strong>(<code>ticks</code>): <code>void</code></p> <h4 id="parameters-6"><a href="#parameters-6" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>ticks</code></td> <td style="text-align:left;"><a href="/docs/3.6.2/api/interfaces/Tick.html"><code>Tick</code></a>[]</td></tr></tbody></table> <h4 id="returns-25"><a href="#returns-25" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-54"><a href="#defined-in-54" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1285" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1285<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getbasepixel"><a href="#getbasepixel" class="header-anchor">#</a> getBasePixel</h3> <p>▸ <strong>getBasePixel</strong>(): <code>number</code></p> <p>Returns the pixel for the minimum chart value
The coordinate (0, 0) is at the upper-left corner of the canvas</p> <h4 id="returns-26"><a href="#returns-26" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="defined-in-55"><a href="#defined-in-55" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1264" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1264<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getbasevalue"><a href="#getbasevalue" class="header-anchor">#</a> getBaseValue</h3> <p>▸ <strong>getBaseValue</strong>(): <code>number</code></p> <h4 id="returns-27"><a href="#returns-27" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="defined-in-56"><a href="#defined-in-56" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1258" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1258<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getdecimalforpixel"><a href="#getdecimalforpixel" class="header-anchor">#</a> getDecimalForPixel</h3> <p>▸ <strong>getDecimalForPixel</strong>(<code>pixel</code>): <code>number</code></p> <h4 id="parameters-7"><a href="#parameters-7" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>pixel</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-28"><a href="#returns-28" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="defined-in-57"><a href="#defined-in-57" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1214" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1214<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getlabelforvalue"><a href="#getlabelforvalue" class="header-anchor">#</a> getLabelForValue</h3> <p>▸ <strong>getLabelForValue</strong>(<code>value</code>): <code>string</code></p> <p>Used to get the label to display in the tooltip for the given value</p> <h4 id="parameters-8"><a href="#parameters-8" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>value</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-29"><a href="#returns-29" class="header-anchor">#</a> Returns</h4> <p><code>string</code></p> <h4 id="defined-in-58"><a href="#defined-in-58" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1234" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1234<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getlabels"><a href="#getlabels" class="header-anchor">#</a> getLabels</h3> <p>▸ <strong>getLabels</strong>(): <code>string</code>[]</p> <h4 id="returns-30"><a href="#returns-30" class="header-anchor">#</a> Returns</h4> <p><code>string</code>[]</p> <h4 id="defined-in-59"><a href="#defined-in-59" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1271" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1271<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getlinewidthforvalue"><a href="#getlinewidthforvalue" class="header-anchor">#</a> getLineWidthForValue</h3> <p>▸ <strong>getLineWidthForValue</strong>(<code>value</code>): <code>number</code></p> <p>Returns the grid line width at given value</p> <h4 id="parameters-9"><a href="#parameters-9" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>value</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-31"><a href="#returns-31" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="defined-in-60"><a href="#defined-in-60" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1239" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1239<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getmatchingvisiblemetas"><a href="#getmatchingvisiblemetas" class="header-anchor">#</a> getMatchingVisibleMetas</h3> <p>▸ <strong>getMatchingVisibleMetas</strong>(<code>type?</code>): <a href="/docs/3.6.2/api/#chartmeta"><code>ChartMeta</code></a><<a href="/docs/3.6.2/api/#element"><code>Element</code></a><<code>AnyObject</code>, <code>AnyObject</code>>, <a href="/docs/3.6.2/api/#element"><code>Element</code></a><<code>AnyObject</code>, <code>AnyObject</code>>, keyof <a href="/docs/3.6.2/api/interfaces/ChartTypeRegistry.html"><code>ChartTypeRegistry</code></a>>[]</p> <h4 id="parameters-10"><a href="#parameters-10" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>type?</code></td> <td style="text-align:left;"><code>string</code></td></tr></tbody></table> <h4 id="returns-32"><a href="#returns-32" class="header-anchor">#</a> Returns</h4> <p><a href="/docs/3.6.2/api/#chartmeta"><code>ChartMeta</code></a><<a href="/docs/3.6.2/api/#element"><code>Element</code></a><<code>AnyObject</code>, <code>AnyObject</code>>, <a href="/docs/3.6.2/api/#element"><code>Element</code></a><<code>AnyObject</code>, <code>AnyObject</code>>, keyof <a href="/docs/3.6.2/api/interfaces/ChartTypeRegistry.html"><code>ChartTypeRegistry</code></a>>[]</p> <h4 id="defined-in-61"><a href="#defined-in-61" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1204" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1204<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getminmax"><a href="#getminmax" class="header-anchor">#</a> getMinMax</h3> <p>▸ <strong>getMinMax</strong>(<code>canStack</code>): <code>Object</code></p> <h4 id="parameters-11"><a href="#parameters-11" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>canStack</code></td> <td style="text-align:left;"><code>boolean</code></td></tr></tbody></table> <h4 id="returns-33"><a href="#returns-33" class="header-anchor">#</a> Returns</h4> <p><code>Object</code></p> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>max</code></td> <td style="text-align:left;"><code>number</code></td></tr> <tr><td style="text-align:left;"><code>min</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="defined-in-62"><a href="#defined-in-62" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1269" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1269<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getpadding"><a href="#getpadding" class="header-anchor">#</a> getPadding</h3> <p>▸ <code>Optional</code> <strong>getPadding</strong>(): <a href="/docs/3.6.2/api/interfaces/ChartArea.html"><code>ChartArea</code></a></p> <p>Returns an object with padding on the edges</p> <h4 id="returns-34"><a href="#returns-34" class="header-anchor">#</a> Returns</h4> <p><a href="/docs/3.6.2/api/interfaces/ChartArea.html"><code>ChartArea</code></a></p> <h4 id="inherited-from-17"><a href="#inherited-from-17" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#getpadding">getPadding</a></p> <h4 id="defined-in-63"><a href="#defined-in-63" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L54" target="_blank" rel="noopener noreferrer">layout.d.ts:54<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getpixelfordecimal"><a href="#getpixelfordecimal" class="header-anchor">#</a> getPixelForDecimal</h3> <p>▸ <strong>getPixelForDecimal</strong>(<code>decimal</code>): <code>number</code></p> <p>Utility for getting the pixel location of a percentage of scale
The coordinate (0, 0) is at the upper-left corner of the canvas</p> <h4 id="parameters-12"><a href="#parameters-12" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>decimal</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-35"><a href="#returns-35" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="defined-in-64"><a href="#defined-in-64" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1221" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1221<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getpixelfortick"><a href="#getpixelfortick" class="header-anchor">#</a> getPixelForTick</h3> <p>▸ <strong>getPixelForTick</strong>(<code>index</code>): <code>number</code></p> <p>Returns the location of the tick at the given index
The coordinate (0, 0) is at the upper-left corner of the canvas</p> <h4 id="parameters-13"><a href="#parameters-13" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>index</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-36"><a href="#returns-36" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="defined-in-65"><a href="#defined-in-65" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1228" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1228<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getpixelforvalue"><a href="#getpixelforvalue" class="header-anchor">#</a> getPixelForValue</h3> <p>▸ <strong>getPixelForValue</strong>(<code>value</code>, <code>index?</code>): <code>number</code></p> <p>Returns the location of the given data point. Value can either be an index or a numerical value
The coordinate (0, 0) is at the upper-left corner of the canvas</p> <h4 id="parameters-14"><a href="#parameters-14" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>value</code></td> <td style="text-align:left;"><code>number</code></td></tr> <tr><td style="text-align:left;"><code>index?</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-37"><a href="#returns-37" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="defined-in-66"><a href="#defined-in-66" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1248" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1248<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getprops"><a href="#getprops" class="header-anchor">#</a> getProps</h3> <p>▸ <strong>getProps</strong><<code>P</code>>(<code>props</code>, <code>final?</code>): <code>Pick</code><<code>unknown</code>, <code>P</code>[<code>number</code>]></p> <h4 id="type-parameters-3"><a href="#type-parameters-3" class="header-anchor">#</a> Type parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>P</code></td> <td style="text-align:left;">extends <code>never</code>[]</td></tr></tbody></table> <h4 id="parameters-15"><a href="#parameters-15" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>props</code></td> <td style="text-align:left;"><code>P</code></td></tr> <tr><td style="text-align:left;"><code>final?</code></td> <td style="text-align:left;"><code>boolean</code></td></tr></tbody></table> <h4 id="returns-38"><a href="#returns-38" class="header-anchor">#</a> Returns</h4> <p><code>Pick</code><<code>unknown</code>, <code>P</code>[<code>number</code>]></p> <h4 id="inherited-from-18"><a href="#inherited-from-18" class="header-anchor">#</a> Inherited from</h4> <p>Element.getProps</p> <h4 id="defined-in-67"><a href="#defined-in-67" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/element.d.ts#L12" target="_blank" rel="noopener noreferrer">element.d.ts:12<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getticks"><a href="#getticks" class="header-anchor">#</a> getTicks</h3> <p>▸ <strong>getTicks</strong>(): <a href="/docs/3.6.2/api/interfaces/Tick.html"><code>Tick</code></a>[]</p> <h4 id="returns-39"><a href="#returns-39" class="header-anchor">#</a> Returns</h4> <p><a href="/docs/3.6.2/api/interfaces/Tick.html"><code>Tick</code></a>[]</p> <h4 id="defined-in-68"><a href="#defined-in-68" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1270" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1270<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getuserbounds"><a href="#getuserbounds" class="header-anchor">#</a> getUserBounds</h3> <p>▸ <strong>getUserBounds</strong>(): <code>Object</code></p> <h4 id="returns-40"><a href="#returns-40" class="header-anchor">#</a> Returns</h4> <p><code>Object</code></p> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>max</code></td> <td style="text-align:left;"><code>number</code></td></tr> <tr><td style="text-align:left;"><code>maxDefined</code></td> <td style="text-align:left;"><code>boolean</code></td></tr> <tr><td style="text-align:left;"><code>min</code></td> <td style="text-align:left;"><code>number</code></td></tr> <tr><td style="text-align:left;"><code>minDefined</code></td> <td style="text-align:left;"><code>boolean</code></td></tr></tbody></table> <h4 id="defined-in-69"><a href="#defined-in-69" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1268" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1268<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="getvalueforpixel"><a href="#getvalueforpixel" class="header-anchor">#</a> getValueForPixel</h3> <p>▸ <strong>getValueForPixel</strong>(<code>pixel</code>): <code>number</code></p> <p>Used to get the data value from a given pixel. This is the inverse of getPixelForValue
The coordinate (0, 0) is at the upper-left corner of the canvas</p> <h4 id="parameters-16"><a href="#parameters-16" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>pixel</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-41"><a href="#returns-41" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="defined-in-70"><a href="#defined-in-70" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1256" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1256<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="hasvalue"><a href="#hasvalue" class="header-anchor">#</a> hasValue</h3> <p>▸ <strong>hasValue</strong>(): <code>boolean</code></p> <h4 id="returns-42"><a href="#returns-42" class="header-anchor">#</a> Returns</h4> <p><code>boolean</code></p> <h4 id="inherited-from-19"><a href="#inherited-from-19" class="header-anchor">#</a> Inherited from</h4> <p>Element.hasValue</p> <h4 id="defined-in-71"><a href="#defined-in-71" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/element.d.ts#L11" target="_blank" rel="noopener noreferrer">element.d.ts:11<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="init"><a href="#init" class="header-anchor">#</a> init</h3> <p>▸ <strong>init</strong>(<code>options</code>): <code>void</code></p> <h4 id="parameters-17"><a href="#parameters-17" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>options</code></td> <td style="text-align:left;"><code>O</code></td></tr></tbody></table> <h4 id="returns-43"><a href="#returns-43" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-72"><a href="#defined-in-72" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1266" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1266<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="isfullsize"><a href="#isfullsize" class="header-anchor">#</a> isFullSize</h3> <p>▸ <strong>isFullSize</strong>(): <code>boolean</code></p> <h4 id="returns-44"><a href="#returns-44" class="header-anchor">#</a> Returns</h4> <p><code>boolean</code></p> <h4 id="defined-in-73"><a href="#defined-in-73" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1294" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1294<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="ishorizontal"><a href="#ishorizontal" class="header-anchor">#</a> isHorizontal</h3> <p>▸ <strong>isHorizontal</strong>(): <code>boolean</code></p> <p>returns true if the layout item is horizontal (ie. top or bottom)</p> <h4 id="returns-45"><a href="#returns-45" class="header-anchor">#</a> Returns</h4> <p><code>boolean</code></p> <h4 id="inherited-from-20"><a href="#inherited-from-20" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#ishorizontal">isHorizontal</a></p> <h4 id="defined-in-74"><a href="#defined-in-74" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L58" target="_blank" rel="noopener noreferrer">layout.d.ts:58<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="parse"><a href="#parse" class="header-anchor">#</a> parse</h3> <p>▸ <strong>parse</strong>(<code>raw</code>, <code>index</code>): <code>unknown</code></p> <h4 id="parameters-18"><a href="#parameters-18" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>raw</code></td> <td style="text-align:left;"><code>unknown</code></td></tr> <tr><td style="text-align:left;"><code>index</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-46"><a href="#returns-46" class="header-anchor">#</a> Returns</h4> <p><code>unknown</code></p> <h4 id="defined-in-75"><a href="#defined-in-75" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1267" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1267<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="setdimensions"><a href="#setdimensions" class="header-anchor">#</a> setDimensions</h3> <p>▸ <strong>setDimensions</strong>(): <code>void</code></p> <h4 id="returns-47"><a href="#returns-47" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="defined-in-76"><a href="#defined-in-76" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/index.esm.d.ts#L1276" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1276<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="tooltipposition"><a href="#tooltipposition" class="header-anchor">#</a> tooltipPosition</h3> <p>▸ <strong>tooltipPosition</strong>(<code>useFinalPosition?</code>): <a href="/docs/3.6.2/api/interfaces/Point.html"><code>Point</code></a></p> <h4 id="parameters-19"><a href="#parameters-19" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>useFinalPosition?</code></td> <td style="text-align:left;"><code>boolean</code></td></tr></tbody></table> <h4 id="returns-48"><a href="#returns-48" class="header-anchor">#</a> Returns</h4> <p><a href="/docs/3.6.2/api/interfaces/Point.html"><code>Point</code></a></p> <h4 id="inherited-from-21"><a href="#inherited-from-21" class="header-anchor">#</a> Inherited from</h4> <p>Element.tooltipPosition</p> <h4 id="defined-in-77"><a href="#defined-in-77" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/element.d.ts#L10" target="_blank" rel="noopener noreferrer">element.d.ts:10<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <hr> <h3 id="update"><a href="#update" class="header-anchor">#</a> update</h3> <p>▸ <strong>update</strong>(<code>width</code>, <code>height</code>, <code>margins?</code>): <code>void</code></p> <p>Takes two parameters: width and height.</p> <h4 id="parameters-20"><a href="#parameters-20" class="header-anchor">#</a> Parameters</h4> <table><thead><tr><th style="text-align:left;">Name</th> <th style="text-align:left;">Type</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>width</code></td> <td style="text-align:left;"><code>number</code></td></tr> <tr><td style="text-align:left;"><code>height</code></td> <td style="text-align:left;"><code>number</code></td></tr> <tr><td style="text-align:left;"><code>margins?</code></td> <td style="text-align:left;"><a href="/docs/3.6.2/api/interfaces/ChartArea.html"><code>ChartArea</code></a></td></tr></tbody></table> <h4 id="returns-49"><a href="#returns-49" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="inherited-from-22"><a href="#inherited-from-22" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/3.6.2/api/interfaces/LayoutItem.html">LayoutItem</a>.<a href="/docs/3.6.2/api/interfaces/LayoutItem.html#update">update</a></p> <h4 id="defined-in-78"><a href="#defined-in-78" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/9fa26f9/types/layout.d.ts#L64" target="_blank" rel="noopener noreferrer">layout.d.ts:64<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
←
<a href="/docs/3.6.2/api/classes/DomPlatform.html" class="prev">
DomPlatform
</a></span> <span class="next"><a href="/docs/3.6.2/api/interfaces/ActiveDataPoint.html">
ActiveDataPoint
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/3.6.2/assets/js/app.2ca8d9a1.js" defer></script><script src="/docs/3.6.2/assets/js/2.413130e4.js" defer></script><script src="/docs/3.6.2/assets/js/18.d804c2ac.js" defer></script>
</body>
</html>