-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathTimeScale.html
58 lines (58 loc) · 151 KB
/
TimeScale.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>Interface: TimeScale | Chart.js</title>
<meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/next/favicon.ico">
<meta name="description" content="Open source HTML5 Charts for your website">
<link rel="preload" href="/docs/next/assets/css/0.styles.32b47955.css" as="style"><link rel="preload" href="/docs/next/assets/js/app.79ca5bdb.js" as="script"><link rel="preload" href="/docs/next/assets/js/2.5288603d.js" as="script"><link rel="preload" href="/docs/next/assets/js/117.b6a3f725.js" as="script"><link rel="prefetch" href="/docs/next/assets/js/10.fb5e13f1.js"><link rel="prefetch" href="/docs/next/assets/js/100.29d79c56.js"><link rel="prefetch" href="/docs/next/assets/js/101.9684e51f.js"><link rel="prefetch" href="/docs/next/assets/js/102.0d12d2f7.js"><link rel="prefetch" href="/docs/next/assets/js/103.100effdb.js"><link rel="prefetch" href="/docs/next/assets/js/104.24a8af70.js"><link rel="prefetch" href="/docs/next/assets/js/105.2c90bfa6.js"><link rel="prefetch" href="/docs/next/assets/js/106.35728af1.js"><link rel="prefetch" href="/docs/next/assets/js/107.0b85f7c5.js"><link rel="prefetch" href="/docs/next/assets/js/108.445273e7.js"><link rel="prefetch" href="/docs/next/assets/js/109.0b503640.js"><link rel="prefetch" href="/docs/next/assets/js/11.7083b42b.js"><link rel="prefetch" href="/docs/next/assets/js/110.284b9fef.js"><link rel="prefetch" href="/docs/next/assets/js/111.2aaeed25.js"><link rel="prefetch" href="/docs/next/assets/js/112.6307ce4c.js"><link rel="prefetch" href="/docs/next/assets/js/113.ecc135a0.js"><link rel="prefetch" href="/docs/next/assets/js/114.f3e18022.js"><link rel="prefetch" href="/docs/next/assets/js/115.b9b878a5.js"><link rel="prefetch" href="/docs/next/assets/js/116.8a5413c9.js"><link rel="prefetch" href="/docs/next/assets/js/118.638ca772.js"><link rel="prefetch" href="/docs/next/assets/js/119.3a6c7f58.js"><link rel="prefetch" href="/docs/next/assets/js/12.26a4a094.js"><link rel="prefetch" href="/docs/next/assets/js/120.133613bd.js"><link rel="prefetch" href="/docs/next/assets/js/121.38879b52.js"><link rel="prefetch" href="/docs/next/assets/js/122.e70efb25.js"><link rel="prefetch" href="/docs/next/assets/js/123.ecf4e45b.js"><link rel="prefetch" href="/docs/next/assets/js/124.3c22d3b7.js"><link rel="prefetch" href="/docs/next/assets/js/125.bcb07e8e.js"><link rel="prefetch" href="/docs/next/assets/js/126.780108e9.js"><link rel="prefetch" href="/docs/next/assets/js/127.0c43adf3.js"><link rel="prefetch" href="/docs/next/assets/js/128.b1e5c392.js"><link rel="prefetch" href="/docs/next/assets/js/129.722d462a.js"><link rel="prefetch" href="/docs/next/assets/js/13.366ee7a8.js"><link rel="prefetch" href="/docs/next/assets/js/130.d8a5df29.js"><link rel="prefetch" href="/docs/next/assets/js/131.f6874f18.js"><link rel="prefetch" href="/docs/next/assets/js/132.9696793d.js"><link rel="prefetch" href="/docs/next/assets/js/133.99b10526.js"><link rel="prefetch" href="/docs/next/assets/js/134.863416f6.js"><link rel="prefetch" href="/docs/next/assets/js/135.8adfc484.js"><link rel="prefetch" href="/docs/next/assets/js/136.00065c13.js"><link rel="prefetch" href="/docs/next/assets/js/137.4979ab54.js"><link rel="prefetch" href="/docs/next/assets/js/138.af5623db.js"><link rel="prefetch" href="/docs/next/assets/js/139.bb089116.js"><link rel="prefetch" href="/docs/next/assets/js/14.d5249207.js"><link rel="prefetch" href="/docs/next/assets/js/140.053942e3.js"><link rel="prefetch" href="/docs/next/assets/js/141.a610217a.js"><link rel="prefetch" href="/docs/next/assets/js/142.048c867e.js"><link rel="prefetch" href="/docs/next/assets/js/143.ff135b00.js"><link rel="prefetch" href="/docs/next/assets/js/144.cb3e808c.js"><link rel="prefetch" href="/docs/next/assets/js/145.0330bb10.js"><link rel="prefetch" href="/docs/next/assets/js/146.b9aa19ba.js"><link rel="prefetch" href="/docs/next/assets/js/147.88f18081.js"><link rel="prefetch" href="/docs/next/assets/js/148.7260d909.js"><link rel="prefetch" href="/docs/next/assets/js/149.049ebc71.js"><link rel="prefetch" href="/docs/next/assets/js/15.6e9e863d.js"><link rel="prefetch" href="/docs/next/assets/js/150.72de6801.js"><link rel="prefetch" href="/docs/next/assets/js/151.9a1222f4.js"><link rel="prefetch" href="/docs/next/assets/js/152.e4ef640c.js"><link rel="prefetch" href="/docs/next/assets/js/153.842b37f8.js"><link rel="prefetch" href="/docs/next/assets/js/154.dcc1bf83.js"><link rel="prefetch" href="/docs/next/assets/js/155.808f1186.js"><link rel="prefetch" href="/docs/next/assets/js/156.4950bea1.js"><link rel="prefetch" href="/docs/next/assets/js/157.3e45bbac.js"><link rel="prefetch" href="/docs/next/assets/js/158.c21206a1.js"><link rel="prefetch" href="/docs/next/assets/js/159.3a4b3de1.js"><link rel="prefetch" href="/docs/next/assets/js/16.620ac2aa.js"><link rel="prefetch" href="/docs/next/assets/js/160.cbd9a6fd.js"><link rel="prefetch" href="/docs/next/assets/js/161.b755d895.js"><link rel="prefetch" href="/docs/next/assets/js/162.6faf871b.js"><link rel="prefetch" href="/docs/next/assets/js/163.49a712af.js"><link rel="prefetch" href="/docs/next/assets/js/164.e19eefad.js"><link rel="prefetch" href="/docs/next/assets/js/165.db7347fa.js"><link rel="prefetch" href="/docs/next/assets/js/166.81f1fd29.js"><link rel="prefetch" href="/docs/next/assets/js/167.e534233d.js"><link rel="prefetch" href="/docs/next/assets/js/168.03442a9b.js"><link rel="prefetch" href="/docs/next/assets/js/169.6811b2e2.js"><link rel="prefetch" href="/docs/next/assets/js/17.f9d4794b.js"><link rel="prefetch" href="/docs/next/assets/js/170.94c8dda0.js"><link rel="prefetch" href="/docs/next/assets/js/171.93191d1c.js"><link rel="prefetch" href="/docs/next/assets/js/172.7c6be1c4.js"><link rel="prefetch" href="/docs/next/assets/js/173.e74991cf.js"><link rel="prefetch" href="/docs/next/assets/js/174.b4506ab4.js"><link rel="prefetch" href="/docs/next/assets/js/175.dd0055c2.js"><link rel="prefetch" href="/docs/next/assets/js/176.ba30e45c.js"><link rel="prefetch" href="/docs/next/assets/js/177.6c95ad89.js"><link rel="prefetch" href="/docs/next/assets/js/178.3643eab4.js"><link rel="prefetch" href="/docs/next/assets/js/179.4ebe3d02.js"><link rel="prefetch" href="/docs/next/assets/js/18.3f871121.js"><link rel="prefetch" href="/docs/next/assets/js/180.3734648f.js"><link rel="prefetch" href="/docs/next/assets/js/181.32f6af14.js"><link rel="prefetch" href="/docs/next/assets/js/182.0d1dc780.js"><link rel="prefetch" href="/docs/next/assets/js/183.6cb28f4f.js"><link rel="prefetch" href="/docs/next/assets/js/184.2e06acee.js"><link rel="prefetch" href="/docs/next/assets/js/185.b48c9559.js"><link rel="prefetch" href="/docs/next/assets/js/186.581b5457.js"><link rel="prefetch" href="/docs/next/assets/js/187.378d638b.js"><link rel="prefetch" href="/docs/next/assets/js/188.3638c48e.js"><link rel="prefetch" href="/docs/next/assets/js/189.22440fc9.js"><link rel="prefetch" href="/docs/next/assets/js/19.d4506b63.js"><link rel="prefetch" href="/docs/next/assets/js/190.e44737e3.js"><link rel="prefetch" href="/docs/next/assets/js/191.3ea32821.js"><link rel="prefetch" href="/docs/next/assets/js/192.b3b8859a.js"><link rel="prefetch" href="/docs/next/assets/js/193.96c5c443.js"><link rel="prefetch" href="/docs/next/assets/js/194.8e737951.js"><link rel="prefetch" href="/docs/next/assets/js/195.ec106947.js"><link rel="prefetch" href="/docs/next/assets/js/196.e05df418.js"><link rel="prefetch" href="/docs/next/assets/js/197.b607bf8b.js"><link rel="prefetch" href="/docs/next/assets/js/198.012643a1.js"><link rel="prefetch" href="/docs/next/assets/js/199.d3bd5339.js"><link rel="prefetch" href="/docs/next/assets/js/20.3ec0ad7f.js"><link rel="prefetch" href="/docs/next/assets/js/200.beca8001.js"><link rel="prefetch" href="/docs/next/assets/js/201.ffb93323.js"><link rel="prefetch" href="/docs/next/assets/js/202.93e30a8c.js"><link rel="prefetch" href="/docs/next/assets/js/203.2b1c70de.js"><link rel="prefetch" href="/docs/next/assets/js/204.13e158bc.js"><link rel="prefetch" href="/docs/next/assets/js/205.073b94a1.js"><link rel="prefetch" href="/docs/next/assets/js/206.edf16331.js"><link rel="prefetch" href="/docs/next/assets/js/207.bd1ef1bf.js"><link rel="prefetch" href="/docs/next/assets/js/208.78ba2dba.js"><link rel="prefetch" href="/docs/next/assets/js/209.ed3eb7b2.js"><link rel="prefetch" href="/docs/next/assets/js/21.492881f9.js"><link rel="prefetch" href="/docs/next/assets/js/210.909f0fb0.js"><link rel="prefetch" href="/docs/next/assets/js/211.280caeca.js"><link rel="prefetch" href="/docs/next/assets/js/212.782948b6.js"><link rel="prefetch" href="/docs/next/assets/js/213.2bbda299.js"><link rel="prefetch" href="/docs/next/assets/js/214.20e42842.js"><link rel="prefetch" href="/docs/next/assets/js/215.24b3bd89.js"><link rel="prefetch" href="/docs/next/assets/js/216.bc1e098a.js"><link rel="prefetch" href="/docs/next/assets/js/217.d63d8f79.js"><link rel="prefetch" href="/docs/next/assets/js/218.3c6dc5d5.js"><link rel="prefetch" href="/docs/next/assets/js/219.7af47c97.js"><link rel="prefetch" href="/docs/next/assets/js/22.19b1ef88.js"><link rel="prefetch" href="/docs/next/assets/js/220.c09d14b9.js"><link rel="prefetch" href="/docs/next/assets/js/221.c7e033ab.js"><link rel="prefetch" href="/docs/next/assets/js/222.105acb37.js"><link rel="prefetch" href="/docs/next/assets/js/223.1a8bbb8c.js"><link rel="prefetch" href="/docs/next/assets/js/224.a62aa6de.js"><link rel="prefetch" href="/docs/next/assets/js/225.ce55392d.js"><link rel="prefetch" href="/docs/next/assets/js/226.fb27cdb4.js"><link rel="prefetch" href="/docs/next/assets/js/227.9959b8a2.js"><link rel="prefetch" href="/docs/next/assets/js/228.3d216901.js"><link rel="prefetch" href="/docs/next/assets/js/229.5a942b8c.js"><link rel="prefetch" href="/docs/next/assets/js/23.bd5eb474.js"><link rel="prefetch" href="/docs/next/assets/js/230.672ccc4d.js"><link rel="prefetch" href="/docs/next/assets/js/231.e0c505f2.js"><link rel="prefetch" href="/docs/next/assets/js/232.70f4212f.js"><link rel="prefetch" href="/docs/next/assets/js/233.89747115.js"><link rel="prefetch" href="/docs/next/assets/js/234.10d4f748.js"><link rel="prefetch" href="/docs/next/assets/js/235.00cba1d0.js"><link rel="prefetch" href="/docs/next/assets/js/236.27ed9b91.js"><link rel="prefetch" href="/docs/next/assets/js/237.96407852.js"><link rel="prefetch" href="/docs/next/assets/js/238.1afcee34.js"><link rel="prefetch" href="/docs/next/assets/js/239.0e1729c8.js"><link rel="prefetch" href="/docs/next/assets/js/24.74e1cdb1.js"><link rel="prefetch" href="/docs/next/assets/js/240.0a2b169c.js"><link rel="prefetch" href="/docs/next/assets/js/241.aa13395e.js"><link rel="prefetch" href="/docs/next/assets/js/242.8f8eccc9.js"><link rel="prefetch" href="/docs/next/assets/js/243.48012e71.js"><link rel="prefetch" href="/docs/next/assets/js/244.cc7e5f71.js"><link rel="prefetch" href="/docs/next/assets/js/245.6596ac5d.js"><link rel="prefetch" href="/docs/next/assets/js/246.d35395a0.js"><link rel="prefetch" href="/docs/next/assets/js/247.0b0373ff.js"><link rel="prefetch" href="/docs/next/assets/js/248.37fa605a.js"><link rel="prefetch" href="/docs/next/assets/js/249.18983e35.js"><link rel="prefetch" href="/docs/next/assets/js/25.1ec18ce8.js"><link rel="prefetch" href="/docs/next/assets/js/250.01c032f1.js"><link rel="prefetch" href="/docs/next/assets/js/251.a9f45647.js"><link rel="prefetch" href="/docs/next/assets/js/252.fdda4827.js"><link rel="prefetch" href="/docs/next/assets/js/253.3d26ab69.js"><link rel="prefetch" href="/docs/next/assets/js/254.a1f8b18d.js"><link rel="prefetch" href="/docs/next/assets/js/255.bde6fa8f.js"><link rel="prefetch" href="/docs/next/assets/js/256.d62b2908.js"><link rel="prefetch" href="/docs/next/assets/js/257.9158249b.js"><link rel="prefetch" href="/docs/next/assets/js/258.75bbfb48.js"><link rel="prefetch" href="/docs/next/assets/js/259.f9cb463a.js"><link rel="prefetch" href="/docs/next/assets/js/26.fd6b425f.js"><link rel="prefetch" href="/docs/next/assets/js/260.c74ab442.js"><link rel="prefetch" href="/docs/next/assets/js/261.ef5a63c2.js"><link rel="prefetch" href="/docs/next/assets/js/27.bb21a5ac.js"><link rel="prefetch" href="/docs/next/assets/js/28.324bfce6.js"><link rel="prefetch" href="/docs/next/assets/js/29.23fe84aa.js"><link rel="prefetch" href="/docs/next/assets/js/3.231e388d.js"><link rel="prefetch" href="/docs/next/assets/js/30.01f4c09f.js"><link rel="prefetch" href="/docs/next/assets/js/31.875081a0.js"><link rel="prefetch" href="/docs/next/assets/js/32.dcd3ceca.js"><link rel="prefetch" href="/docs/next/assets/js/33.5e63cad5.js"><link rel="prefetch" href="/docs/next/assets/js/34.bceed015.js"><link rel="prefetch" href="/docs/next/assets/js/35.2415aafe.js"><link rel="prefetch" href="/docs/next/assets/js/36.6098ab9b.js"><link rel="prefetch" href="/docs/next/assets/js/37.68a3e72f.js"><link rel="prefetch" href="/docs/next/assets/js/38.000173ad.js"><link rel="prefetch" href="/docs/next/assets/js/39.32d13090.js"><link rel="prefetch" href="/docs/next/assets/js/4.7b1ba515.js"><link rel="prefetch" href="/docs/next/assets/js/40.2608d554.js"><link rel="prefetch" href="/docs/next/assets/js/41.532fe939.js"><link rel="prefetch" href="/docs/next/assets/js/42.480061d6.js"><link rel="prefetch" href="/docs/next/assets/js/43.2062f710.js"><link rel="prefetch" href="/docs/next/assets/js/44.e58d0498.js"><link rel="prefetch" href="/docs/next/assets/js/45.5131ac54.js"><link rel="prefetch" href="/docs/next/assets/js/46.bb1886c3.js"><link rel="prefetch" href="/docs/next/assets/js/47.bcfee47e.js"><link rel="prefetch" href="/docs/next/assets/js/48.8d8d26ab.js"><link rel="prefetch" href="/docs/next/assets/js/49.417b73cb.js"><link rel="prefetch" href="/docs/next/assets/js/5.5f1e37ab.js"><link rel="prefetch" href="/docs/next/assets/js/50.77867f04.js"><link rel="prefetch" href="/docs/next/assets/js/51.132570ed.js"><link rel="prefetch" href="/docs/next/assets/js/52.39656457.js"><link rel="prefetch" href="/docs/next/assets/js/53.f401b7bf.js"><link rel="prefetch" href="/docs/next/assets/js/54.b99461aa.js"><link rel="prefetch" href="/docs/next/assets/js/55.884e9434.js"><link rel="prefetch" href="/docs/next/assets/js/56.d74cdeab.js"><link rel="prefetch" href="/docs/next/assets/js/57.86bebdef.js"><link rel="prefetch" href="/docs/next/assets/js/58.bb14488f.js"><link rel="prefetch" href="/docs/next/assets/js/59.48115ecf.js"><link rel="prefetch" href="/docs/next/assets/js/6.fded0504.js"><link rel="prefetch" href="/docs/next/assets/js/60.a45f22c2.js"><link rel="prefetch" href="/docs/next/assets/js/61.4ec02286.js"><link rel="prefetch" href="/docs/next/assets/js/62.fc0046b0.js"><link rel="prefetch" href="/docs/next/assets/js/63.f606a653.js"><link rel="prefetch" href="/docs/next/assets/js/64.7afdac3e.js"><link rel="prefetch" href="/docs/next/assets/js/65.63eb447e.js"><link rel="prefetch" href="/docs/next/assets/js/66.27668122.js"><link rel="prefetch" href="/docs/next/assets/js/67.585f2fc7.js"><link rel="prefetch" href="/docs/next/assets/js/68.99cd4fab.js"><link rel="prefetch" href="/docs/next/assets/js/69.31dc4728.js"><link rel="prefetch" href="/docs/next/assets/js/7.7f7e29fb.js"><link rel="prefetch" href="/docs/next/assets/js/70.62172d1b.js"><link rel="prefetch" href="/docs/next/assets/js/71.8e905e6d.js"><link rel="prefetch" href="/docs/next/assets/js/72.0e7ece27.js"><link rel="prefetch" href="/docs/next/assets/js/73.8e4354c0.js"><link rel="prefetch" href="/docs/next/assets/js/74.e622ba99.js"><link rel="prefetch" href="/docs/next/assets/js/75.cd884781.js"><link rel="prefetch" href="/docs/next/assets/js/76.d51b9168.js"><link rel="prefetch" href="/docs/next/assets/js/77.eda9ccc1.js"><link rel="prefetch" href="/docs/next/assets/js/78.ae4cafc3.js"><link rel="prefetch" href="/docs/next/assets/js/79.8904295a.js"><link rel="prefetch" href="/docs/next/assets/js/8.b36085f7.js"><link rel="prefetch" href="/docs/next/assets/js/80.a68f1097.js"><link rel="prefetch" href="/docs/next/assets/js/81.08840d97.js"><link rel="prefetch" href="/docs/next/assets/js/82.f808225e.js"><link rel="prefetch" href="/docs/next/assets/js/83.d0175ebd.js"><link rel="prefetch" href="/docs/next/assets/js/84.4584216a.js"><link rel="prefetch" href="/docs/next/assets/js/85.42fee9fd.js"><link rel="prefetch" href="/docs/next/assets/js/86.aa2074f4.js"><link rel="prefetch" href="/docs/next/assets/js/87.11751fe1.js"><link rel="prefetch" href="/docs/next/assets/js/88.24f73489.js"><link rel="prefetch" href="/docs/next/assets/js/89.a9f679a2.js"><link rel="prefetch" href="/docs/next/assets/js/9.5bb8c761.js"><link rel="prefetch" href="/docs/next/assets/js/90.4f5526cd.js"><link rel="prefetch" href="/docs/next/assets/js/91.69b70c8d.js"><link rel="prefetch" href="/docs/next/assets/js/92.36a9a9f5.js"><link rel="prefetch" href="/docs/next/assets/js/93.2b39c149.js"><link rel="prefetch" href="/docs/next/assets/js/94.00b482e7.js"><link rel="prefetch" href="/docs/next/assets/js/95.ee8c57df.js"><link rel="prefetch" href="/docs/next/assets/js/96.fc54ce86.js"><link rel="prefetch" href="/docs/next/assets/js/97.2bab6d5b.js"><link rel="prefetch" href="/docs/next/assets/js/98.c38195cf.js"><link rel="prefetch" href="/docs/next/assets/js/99.009853cb.js">
<link rel="stylesheet" href="/docs/next/assets/css/0.styles.32b47955.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/next/" class="home-link router-link-active"><img src="/docs/next/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/next/" class="nav-link">
Home
</a></div><div class="nav-item"><a href="/docs/next/api/" class="nav-link router-link-active">
API
</a></div><div class="nav-item"><a href="/docs/next/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/next/" class="nav-link">
Home
</a></div><div class="nav-item"><a href="/docs/next/api/" class="nav-link router-link-active">
API
</a></div><div class="nav-item"><a href="/docs/next/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/next/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"><span>Classes</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>Interfaces</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/next/api/interfaces/ActiveDataPoint.html" class="sidebar-link">ActiveDataPoint</a></li><li><a href="/docs/next/api/interfaces/ActiveElement.html" class="sidebar-link">ActiveElement</a></li><li><a href="/docs/next/api/interfaces/AnimationEvent.html" class="sidebar-link">AnimationEvent</a></li><li><a href="/docs/next/api/interfaces/ArcBorderRadius.html" class="sidebar-link">ArcBorderRadius</a></li><li><a href="/docs/next/api/interfaces/ArcHoverOptions.html" class="sidebar-link">ArcHoverOptions</a></li><li><a href="/docs/next/api/interfaces/ArcOptions.html" class="sidebar-link">ArcOptions</a></li><li><a href="/docs/next/api/interfaces/ArcProps.html" class="sidebar-link">ArcProps</a></li><li><a href="/docs/next/api/interfaces/BarControllerChartOptions.html" class="sidebar-link">BarControllerChartOptions</a></li><li><a href="/docs/next/api/interfaces/BarControllerDatasetOptions.html" class="sidebar-link">BarControllerDatasetOptions</a></li><li><a href="/docs/next/api/interfaces/BarElement.html" class="sidebar-link">BarElement</a></li><li><a href="/docs/next/api/interfaces/BarHoverOptions.html" class="sidebar-link">BarHoverOptions</a></li><li><a href="/docs/next/api/interfaces/BarOptions.html" class="sidebar-link">BarOptions</a></li><li><a href="/docs/next/api/interfaces/BarProps.html" class="sidebar-link">BarProps</a></li><li><a href="/docs/next/api/interfaces/BorderOptions.html" class="sidebar-link">BorderOptions</a></li><li><a href="/docs/next/api/interfaces/BorderRadius.html" class="sidebar-link">BorderRadius</a></li><li><a href="/docs/next/api/interfaces/BubbleControllerDatasetOptions.html" class="sidebar-link">BubbleControllerDatasetOptions</a></li><li><a href="/docs/next/api/interfaces/BubbleDataPoint.html" class="sidebar-link">BubbleDataPoint</a></li><li><a href="/docs/next/api/interfaces/CartesianParsedData.html" class="sidebar-link">CartesianParsedData</a></li><li><a href="/docs/next/api/interfaces/CartesianScaleOptions.html" class="sidebar-link">CartesianScaleOptions</a></li><li><a href="/docs/next/api/interfaces/CartesianScaleTypeRegistry.html" class="sidebar-link">CartesianScaleTypeRegistry</a></li><li><a href="/docs/next/api/interfaces/ChartArea.html" class="sidebar-link">ChartArea</a></li><li><a href="/docs/next/api/interfaces/ChartComponent.html" class="sidebar-link">ChartComponent</a></li><li><a href="/docs/next/api/interfaces/ChartConfiguration.html" class="sidebar-link">ChartConfiguration</a></li><li><a href="/docs/next/api/interfaces/ChartConfigurationCustomTypesPerDataset.html" class="sidebar-link">ChartConfigurationCustomTypesPerDataset</a></li><li><a href="/docs/next/api/interfaces/ChartData.html" class="sidebar-link">ChartData</a></li><li><a href="/docs/next/api/interfaces/ChartDataCustomTypesPerDataset.html" class="sidebar-link">ChartDataCustomTypesPerDataset</a></li><li><a href="/docs/next/api/interfaces/ChartDatasetProperties.html" class="sidebar-link">ChartDatasetProperties</a></li><li><a href="/docs/next/api/interfaces/ChartDatasetPropertiesCustomTypesPerDataset.html" class="sidebar-link">ChartDatasetPropertiesCustomTypesPerDataset</a></li><li><a href="/docs/next/api/interfaces/ChartEvent.html" class="sidebar-link">ChartEvent</a></li><li><a href="/docs/next/api/interfaces/ChartTypeRegistry.html" class="sidebar-link">ChartTypeRegistry</a></li><li><a href="/docs/next/api/interfaces/CommonElementOptions.html" class="sidebar-link">CommonElementOptions</a></li><li><a href="/docs/next/api/interfaces/CommonHoverOptions.html" class="sidebar-link">CommonHoverOptions</a></li><li><a href="/docs/next/api/interfaces/ComplexFillTarget.html" class="sidebar-link">ComplexFillTarget</a></li><li><a href="/docs/next/api/interfaces/ControllerDatasetOptions.html" class="sidebar-link">ControllerDatasetOptions</a></li><li><a href="/docs/next/api/interfaces/CoreChartOptions.html" class="sidebar-link">CoreChartOptions</a></li><li><a href="/docs/next/api/interfaces/CoreInteractionOptions.html" class="sidebar-link">CoreInteractionOptions</a></li><li><a href="/docs/next/api/interfaces/CoreScaleOptions.html" class="sidebar-link">CoreScaleOptions</a></li><li><a href="/docs/next/api/interfaces/DatasetControllerChartComponent.html" class="sidebar-link">DatasetControllerChartComponent</a></li><li><a href="/docs/next/api/interfaces/Defaults.html" class="sidebar-link">Defaults</a></li><li><a href="/docs/next/api/interfaces/DoughnutAnimationOptions.html" class="sidebar-link">DoughnutAnimationOptions</a></li><li><a href="/docs/next/api/interfaces/DoughnutController.html" class="sidebar-link">DoughnutController</a></li><li><a href="/docs/next/api/interfaces/DoughnutControllerChartOptions.html" class="sidebar-link">DoughnutControllerChartOptions</a></li><li><a href="/docs/next/api/interfaces/DoughnutControllerDatasetOptions.html" class="sidebar-link">DoughnutControllerDatasetOptions</a></li><li><a href="/docs/next/api/interfaces/DoughnutMetaExtensions.html" class="sidebar-link">DoughnutMetaExtensions</a></li><li><a href="/docs/next/api/interfaces/ElementOptionsByType.html" class="sidebar-link">ElementOptionsByType</a></li><li><a href="/docs/next/api/interfaces/ExtendedPlugin.html" class="sidebar-link">ExtendedPlugin</a></li><li><a href="/docs/next/api/interfaces/FillerControllerDatasetOptions.html" class="sidebar-link">FillerControllerDatasetOptions</a></li><li><a href="/docs/next/api/interfaces/FillerOptions.html" class="sidebar-link">FillerOptions</a></li><li><a href="/docs/next/api/interfaces/FontSpec.html" class="sidebar-link">FontSpec</a></li><li><a href="/docs/next/api/interfaces/GridLineOptions.html" class="sidebar-link">GridLineOptions</a></li><li><a href="/docs/next/api/interfaces/InteractionItem.html" class="sidebar-link">InteractionItem</a></li><li><a href="/docs/next/api/interfaces/InteractionModeMap.html" class="sidebar-link">InteractionModeMap</a></li><li><a href="/docs/next/api/interfaces/InteractionOptions.html" class="sidebar-link">InteractionOptions</a></li><li><a href="/docs/next/api/interfaces/LayoutItem.html" class="sidebar-link">LayoutItem</a></li><li><a href="/docs/next/api/interfaces/LegendElement.html" class="sidebar-link">LegendElement</a></li><li><a href="/docs/next/api/interfaces/LegendItem.html" class="sidebar-link">LegendItem</a></li><li><a href="/docs/next/api/interfaces/LegendOptions.html" class="sidebar-link">LegendOptions</a></li><li><a href="/docs/next/api/interfaces/LineControllerChartOptions.html" class="sidebar-link">LineControllerChartOptions</a></li><li><a href="/docs/next/api/interfaces/LineControllerDatasetOptions.html" class="sidebar-link">LineControllerDatasetOptions</a></li><li><a href="/docs/next/api/interfaces/LineElement.html" class="sidebar-link">LineElement</a></li><li><a href="/docs/next/api/interfaces/LineHoverOptions.html" class="sidebar-link">LineHoverOptions</a></li><li><a href="/docs/next/api/interfaces/LineOptions.html" class="sidebar-link">LineOptions</a></li><li><a href="/docs/next/api/interfaces/LineProps.html" class="sidebar-link">LineProps</a></li><li><a href="/docs/next/api/interfaces/ParsingOptions.html" class="sidebar-link">ParsingOptions</a></li><li><a href="/docs/next/api/interfaces/Plugin.html" class="sidebar-link">Plugin</a></li><li><a href="/docs/next/api/interfaces/PluginChartOptions.html" class="sidebar-link">PluginChartOptions</a></li><li><a href="/docs/next/api/interfaces/PluginOptionsByType.html" class="sidebar-link">PluginOptionsByType</a></li><li><a href="/docs/next/api/interfaces/Point.html" class="sidebar-link">Point</a></li><li><a href="/docs/next/api/interfaces/PointHoverOptions.html" class="sidebar-link">PointHoverOptions</a></li><li><a href="/docs/next/api/interfaces/PointOptions.html" class="sidebar-link">PointOptions</a></li><li><a href="/docs/next/api/interfaces/PointPrefixedHoverOptions.html" class="sidebar-link">PointPrefixedHoverOptions</a></li><li><a href="/docs/next/api/interfaces/PointPrefixedOptions.html" class="sidebar-link">PointPrefixedOptions</a></li><li><a href="/docs/next/api/interfaces/PolarAreaController.html" class="sidebar-link">PolarAreaController</a></li><li><a href="/docs/next/api/interfaces/PolarAreaControllerChartOptions.html" class="sidebar-link">PolarAreaControllerChartOptions</a></li><li><a href="/docs/next/api/interfaces/PolarAreaControllerDatasetOptions.html" class="sidebar-link">PolarAreaControllerDatasetOptions</a></li><li><a href="/docs/next/api/interfaces/RadarControllerDatasetOptions.html" class="sidebar-link">RadarControllerDatasetOptions</a></li><li><a href="/docs/next/api/interfaces/RadialLinearScale.html" class="sidebar-link">RadialLinearScale</a></li><li><a href="/docs/next/api/interfaces/RadialScaleTypeRegistry.html" class="sidebar-link">RadialScaleTypeRegistry</a></li><li><a href="/docs/next/api/interfaces/Registry.html" class="sidebar-link">Registry</a></li><li><a href="/docs/next/api/interfaces/ScaleTypeRegistry.html" class="sidebar-link">ScaleTypeRegistry</a></li><li><a href="/docs/next/api/interfaces/ScatterDataPoint.html" class="sidebar-link">ScatterDataPoint</a></li><li><a href="/docs/next/api/interfaces/ScriptableCartesianScaleContext.html" class="sidebar-link">ScriptableCartesianScaleContext</a></li><li><a href="/docs/next/api/interfaces/ScriptableChartContext.html" class="sidebar-link">ScriptableChartContext</a></li><li><a href="/docs/next/api/interfaces/ScriptableContext.html" class="sidebar-link">ScriptableContext</a></li><li><a href="/docs/next/api/interfaces/ScriptableLineSegmentContext.html" class="sidebar-link">ScriptableLineSegmentContext</a></li><li><a href="/docs/next/api/interfaces/ScriptableScaleContext.html" class="sidebar-link">ScriptableScaleContext</a></li><li><a href="/docs/next/api/interfaces/ScriptableScalePointLabelContext.html" class="sidebar-link">ScriptableScalePointLabelContext</a></li><li><a href="/docs/next/api/interfaces/ScriptableTooltipContext.html" class="sidebar-link">ScriptableTooltipContext</a></li><li><a href="/docs/next/api/interfaces/Segment.html" class="sidebar-link">Segment</a></li><li><a href="/docs/next/api/interfaces/Tick.html" class="sidebar-link">Tick</a></li><li><a href="/docs/next/api/interfaces/TickOptions.html" class="sidebar-link">TickOptions</a></li><li><a href="/docs/next/api/interfaces/TimeScale.html" aria-current="page" class="active sidebar-link">TimeScale</a></li><li><a href="/docs/next/api/interfaces/TitleOptions.html" class="sidebar-link">TitleOptions</a></li><li><a href="/docs/next/api/interfaces/Tooltip.html" class="sidebar-link">Tooltip</a></li><li><a href="/docs/next/api/interfaces/TooltipCallbacks.html" class="sidebar-link">TooltipCallbacks</a></li><li><a href="/docs/next/api/interfaces/TooltipItem.html" class="sidebar-link">TooltipItem</a></li><li><a href="/docs/next/api/interfaces/TooltipLabelStyle.html" class="sidebar-link">TooltipLabelStyle</a></li><li><a href="/docs/next/api/interfaces/TooltipModel.html" class="sidebar-link">TooltipModel</a></li><li><a href="/docs/next/api/interfaces/TooltipOptions.html" class="sidebar-link">TooltipOptions</a></li><li><a href="/docs/next/api/interfaces/TooltipPosition.html" class="sidebar-link">TooltipPosition</a></li><li><a href="/docs/next/api/interfaces/TooltipPositionerMap.html" class="sidebar-link">TooltipPositionerMap</a></li><li><a href="/docs/next/api/interfaces/TypedRegistry.html" class="sidebar-link">TypedRegistry</a></li><li><a href="/docs/next/api/interfaces/VisualElement.html" class="sidebar-link">VisualElement</a></li></ul></section></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="interface-timescale-o"><a href="#interface-timescale-o" class="header-anchor">#</a> Interface: TimeScale<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/next/api/#timescaleoptions"><code>TimeScaleOptions</code></a> = <a href="/docs/next/api/#timescaleoptions"><code>TimeScaleOptions</code></a></td></tr></tbody></table> <h2 id="hierarchy"><a href="#hierarchy" class="header-anchor">#</a> Hierarchy</h2> <ul><li><p><a href="/docs/next/api/classes/Scale.html"><code>Scale</code></a><<code>O</code>></p> <p>↳ <strong><code>TimeScale</code></strong></p></li></ul> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="animations"><a href="#animations" class="header-anchor">#</a> $animations</h3> <p>• <strong>$animations</strong>: <code>Record</code><<code>never</code>, <a href="/docs/next/api/classes/Animation.html"><code>Animation</code></a>></p> <h4 id="inherited-from"><a href="#inherited-from" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#$animations">$animations</a></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/11f3cf6/src/core/core.element.ts#L15" target="_blank" rel="noopener noreferrer">src/core/core.element.ts:15<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="active"><a href="#active" class="header-anchor">#</a> active</h3> <p>• <strong>active</strong>: <code>boolean</code> = <code>false</code></p> <h4 id="inherited-from-2"><a href="#inherited-from-2" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#active">active</a></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/11f3cf6/src/core/core.element.ts#L13" target="_blank" rel="noopener noreferrer">src/core/core.element.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="axis"><a href="#axis" class="header-anchor">#</a> axis</h3> <p>• <strong>axis</strong>: <code>string</code></p> <h4 id="inherited-from-3"><a href="#inherited-from-3" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#axis">axis</a></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/11f3cf6/types/index.d.ts#L1242" target="_blank" rel="noopener noreferrer">types/index.d.ts:1242<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-4"><a href="#inherited-from-4" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L41" target="_blank" rel="noopener noreferrer">types/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/next/api/classes/Chart.html"><code>Chart</code></a><keyof <a href="/docs/next/api/interfaces/ChartTypeRegistry.html"><code>ChartTypeRegistry</code></a>, (<code>number</code> | [<code>number</code>, <code>number</code>] | <a href="/docs/next/api/interfaces/ScatterDataPoint.html"><code>ScatterDataPoint</code></a> | <a href="/docs/next/api/interfaces/BubbleDataPoint.html"><code>BubbleDataPoint</code></a>)[], <code>unknown</code>></p> <h4 id="inherited-from-5"><a href="#inherited-from-5" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#chart">chart</a></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/11f3cf6/types/index.d.ts#L1232" target="_blank" rel="noopener noreferrer">types/index.d.ts:1232<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="inherited-from-6"><a href="#inherited-from-6" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#ctx">ctx</a></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/11f3cf6/types/index.d.ts#L1231" target="_blank" rel="noopener noreferrer">types/index.d.ts:1231<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-7"><a href="#inherited-from-7" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L17" target="_blank" rel="noopener noreferrer">types/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-8"><a href="#inherited-from-8" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L25" target="_blank" rel="noopener noreferrer">types/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="inherited-from-9"><a href="#inherited-from-9" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#id">id</a></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/11f3cf6/types/index.d.ts#L1229" target="_blank" rel="noopener noreferrer">types/index.d.ts:1229<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="inherited-from-10"><a href="#inherited-from-10" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#labelrotation">labelRotation</a></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/11f3cf6/types/index.d.ts#L1243" target="_blank" rel="noopener noreferrer">types/index.d.ts:1243<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-11"><a href="#inherited-from-11" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L29" target="_blank" rel="noopener noreferrer">types/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="inherited-from-12"><a href="#inherited-from-12" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#max">max</a></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/11f3cf6/types/index.d.ts#L1245" target="_blank" rel="noopener noreferrer">types/index.d.ts:1245<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="inherited-from-13"><a href="#inherited-from-13" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#maxheight">maxHeight</a></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/11f3cf6/types/index.d.ts#L1235" target="_blank" rel="noopener noreferrer">types/index.d.ts:1235<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="inherited-from-14"><a href="#inherited-from-14" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#maxwidth">maxWidth</a></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/11f3cf6/types/index.d.ts#L1234" target="_blank" rel="noopener noreferrer">types/index.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="min"><a href="#min" class="header-anchor">#</a> min</h3> <p>• <strong>min</strong>: <code>number</code></p> <h4 id="inherited-from-15"><a href="#inherited-from-15" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#min">min</a></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/11f3cf6/types/index.d.ts#L1244" target="_blank" rel="noopener noreferrer">types/index.d.ts:1244<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>• <strong>options</strong>: <code>O</code></p> <h4 id="inherited-from-16"><a href="#inherited-from-16" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#options">options</a></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/11f3cf6/src/core/core.element.ts#L14" target="_blank" rel="noopener noreferrer">src/core/core.element.ts:14<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="inherited-from-17"><a href="#inherited-from-17" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#paddingbottom">paddingBottom</a></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/11f3cf6/types/index.d.ts#L1238" target="_blank" rel="noopener noreferrer">types/index.d.ts:1238<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="inherited-from-18"><a href="#inherited-from-18" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#paddingleft">paddingLeft</a></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/11f3cf6/types/index.d.ts#L1239" target="_blank" rel="noopener noreferrer">types/index.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="paddingright"><a href="#paddingright" class="header-anchor">#</a> paddingRight</h3> <p>• <strong>paddingRight</strong>: <code>number</code></p> <h4 id="inherited-from-19"><a href="#inherited-from-19" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#paddingright">paddingRight</a></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/11f3cf6/types/index.d.ts#L1240" target="_blank" rel="noopener noreferrer">types/index.d.ts:1240<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="inherited-from-20"><a href="#inherited-from-20" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#paddingtop">paddingTop</a></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/11f3cf6/types/index.d.ts#L1237" target="_blank" rel="noopener noreferrer">types/index.d.ts:1237<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/next/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-21"><a href="#inherited-from-21" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L9" target="_blank" rel="noopener noreferrer">types/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-22"><a href="#inherited-from-22" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L37" target="_blank" rel="noopener noreferrer">types/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/next/api/interfaces/Tick.html"><code>Tick</code></a>[]</p> <h4 id="inherited-from-23"><a href="#inherited-from-23" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#ticks">ticks</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/11f3cf6/types/index.d.ts#L1246" target="_blank" rel="noopener noreferrer">types/index.d.ts:1246<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-24"><a href="#inherited-from-24" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L33" target="_blank" rel="noopener noreferrer">types/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="inherited-from-25"><a href="#inherited-from-25" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#type">type</a></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/11f3cf6/types/index.d.ts#L1230" target="_blank" rel="noopener noreferrer">types/index.d.ts:1230<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-26"><a href="#inherited-from-26" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L13" target="_blank" rel="noopener noreferrer">types/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-27"><a href="#inherited-from-27" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L21" target="_blank" rel="noopener noreferrer">types/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>• <strong>x</strong>: <code>number</code></p> <h4 id="inherited-from-28"><a href="#inherited-from-28" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#x">x</a></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/11f3cf6/src/core/core.element.ts#L11" target="_blank" rel="noopener noreferrer">src/core/core.element.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="y"><a href="#y" class="header-anchor">#</a> y</h3> <p>• <strong>y</strong>: <code>number</code></p> <h4 id="inherited-from-29"><a href="#inherited-from-29" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#y">y</a></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/11f3cf6/src/core/core.element.ts#L12" target="_blank" rel="noopener noreferrer">src/core/core.element.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> <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="inherited-from-30"><a href="#inherited-from-30" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#afterbuildticks">afterBuildTicks</a></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/11f3cf6/types/index.d.ts#L1326" target="_blank" rel="noopener noreferrer">types/index.d.ts:1326<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="inherited-from-31"><a href="#inherited-from-31" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#aftercalculatelabelrotation">afterCalculateLabelRotation</a></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/11f3cf6/types/index.d.ts#L1332" target="_blank" rel="noopener noreferrer">types/index.d.ts:1332<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="inherited-from-32"><a href="#inherited-from-32" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#afterdatalimits">afterDataLimits</a></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/11f3cf6/types/index.d.ts#L1323" target="_blank" rel="noopener noreferrer">types/index.d.ts:1323<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="inherited-from-33"><a href="#inherited-from-33" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#afterfit">afterFit</a></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/11f3cf6/types/index.d.ts#L1335" target="_blank" rel="noopener noreferrer">types/index.d.ts:1335<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="inherited-from-34"><a href="#inherited-from-34" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#aftersetdimensions">afterSetDimensions</a></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/11f3cf6/types/index.d.ts#L1320" target="_blank" rel="noopener noreferrer">types/index.d.ts:1320<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="inherited-from-35"><a href="#inherited-from-35" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#afterticktolabelconversion">afterTickToLabelConversion</a></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/11f3cf6/types/index.d.ts#L1329" target="_blank" rel="noopener noreferrer">types/index.d.ts:1329<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="inherited-from-36"><a href="#inherited-from-36" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#afterupdate">afterUpdate</a></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/11f3cf6/types/index.d.ts#L1317" target="_blank" rel="noopener noreferrer">types/index.d.ts:1317<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="inherited-from-37"><a href="#inherited-from-37" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#beforebuildticks">beforeBuildTicks</a></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/11f3cf6/types/index.d.ts#L1324" target="_blank" rel="noopener noreferrer">types/index.d.ts:1324<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="inherited-from-38"><a href="#inherited-from-38" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#beforecalculatelabelrotation">beforeCalculateLabelRotation</a></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/11f3cf6/types/index.d.ts#L1330" target="_blank" rel="noopener noreferrer">types/index.d.ts:1330<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="inherited-from-39"><a href="#inherited-from-39" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#beforedatalimits">beforeDataLimits</a></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/11f3cf6/types/index.d.ts#L1321" target="_blank" rel="noopener noreferrer">types/index.d.ts:1321<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="inherited-from-40"><a href="#inherited-from-40" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#beforefit">beforeFit</a></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/11f3cf6/types/index.d.ts#L1333" target="_blank" rel="noopener noreferrer">types/index.d.ts:1333<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-41"><a href="#inherited-from-41" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L46" target="_blank" rel="noopener noreferrer">types/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="inherited-from-42"><a href="#inherited-from-42" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#beforesetdimensions">beforeSetDimensions</a></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/11f3cf6/types/index.d.ts#L1318" target="_blank" rel="noopener noreferrer">types/index.d.ts:1318<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="inherited-from-43"><a href="#inherited-from-43" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#beforeticktolabelconversion">beforeTickToLabelConversion</a></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/11f3cf6/types/index.d.ts#L1327" target="_blank" rel="noopener noreferrer">types/index.d.ts:1327<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="inherited-from-44"><a href="#inherited-from-44" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#beforeupdate">beforeUpdate</a></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/11f3cf6/types/index.d.ts#L1315" target="_blank" rel="noopener noreferrer">types/index.d.ts:1315<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/next/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/next/api/interfaces/Tick.html"><code>Tick</code></a>[]</p> <h4 id="inherited-from-45"><a href="#inherited-from-45" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#buildticks">buildTicks</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/11f3cf6/types/index.d.ts#L1325" target="_blank" rel="noopener noreferrer">types/index.d.ts:1325<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="inherited-from-46"><a href="#inherited-from-46" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#calculatelabelrotation">calculateLabelRotation</a></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/11f3cf6/types/index.d.ts#L1331" target="_blank" rel="noopener noreferrer">types/index.d.ts:1331<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="inherited-from-47"><a href="#inherited-from-47" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#configure">configure</a></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/11f3cf6/types/index.d.ts#L1316" target="_blank" rel="noopener noreferrer">types/index.d.ts:1316<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="inherited-from-48"><a href="#inherited-from-48" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#determinedatalimits">determineDataLimits</a></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/11f3cf6/types/index.d.ts#L1322" target="_blank" rel="noopener noreferrer">types/index.d.ts:1322<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"><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>chartArea</code></td> <td style="text-align:left;"><a href="/docs/next/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-49"><a href="#inherited-from-49" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.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/11f3cf6/types/layout.d.ts#L50" target="_blank" rel="noopener noreferrer">types/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-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/next/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="inherited-from-50"><a href="#inherited-from-50" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#drawgrid">drawGrid</a></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/11f3cf6/types/index.d.ts#L1251" target="_blank" rel="noopener noreferrer">types/index.d.ts:1251<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-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/next/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="inherited-from-51"><a href="#inherited-from-51" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#drawlabels">drawLabels</a></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/11f3cf6/types/index.d.ts#L1250" target="_blank" rel="noopener noreferrer">types/index.d.ts:1250<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-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/next/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="inherited-from-52"><a href="#inherited-from-52" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#drawtitle">drawTitle</a></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/11f3cf6/types/index.d.ts#L1249" target="_blank" rel="noopener noreferrer">types/index.d.ts:1249<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="inherited-from-53"><a href="#inherited-from-53" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#fit">fit</a></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/11f3cf6/types/index.d.ts#L1334" target="_blank" rel="noopener noreferrer">types/index.d.ts:1334<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-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>ticks</code></td> <td style="text-align:left;"><a href="/docs/next/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="inherited-from-54"><a href="#inherited-from-54" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#generateticklabels">generateTickLabels</a></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/11f3cf6/types/index.d.ts#L1328" target="_blank" rel="noopener noreferrer">types/index.d.ts:1328<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="inherited-from-55"><a href="#inherited-from-55" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getbasepixel">getBasePixel</a></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/11f3cf6/types/index.d.ts#L1307" target="_blank" rel="noopener noreferrer">types/index.d.ts:1307<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="inherited-from-56"><a href="#inherited-from-56" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getbasevalue">getBaseValue</a></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/11f3cf6/types/index.d.ts#L1301" target="_blank" rel="noopener noreferrer">types/index.d.ts:1301<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="getdatatimestamps"><a href="#getdatatimestamps" class="header-anchor">#</a> getDataTimestamps</h3> <p>▸ <strong>getDataTimestamps</strong>(): <code>number</code>[]</p> <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/11f3cf6/types/index.d.ts#L3257" target="_blank" rel="noopener noreferrer">types/index.d.ts:3257<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-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>pixel</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>number</code></p> <h4 id="inherited-from-57"><a href="#inherited-from-57" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getdecimalforpixel">getDecimalForPixel</a></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/11f3cf6/types/index.d.ts#L1257" target="_blank" rel="noopener noreferrer">types/index.d.ts:1257<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-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>value</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-30"><a href="#returns-30" class="header-anchor">#</a> Returns</h4> <p><code>string</code></p> <h4 id="inherited-from-58"><a href="#inherited-from-58" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getlabelforvalue">getLabelForValue</a></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/11f3cf6/types/index.d.ts#L1277" target="_blank" rel="noopener noreferrer">types/index.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="getlabeltimestamps"><a href="#getlabeltimestamps" class="header-anchor">#</a> getLabelTimestamps</h3> <p>▸ <strong>getLabelTimestamps</strong>(): <code>string</code>[]</p> <h4 id="returns-31"><a href="#returns-31" class="header-anchor">#</a> Returns</h4> <p><code>string</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/11f3cf6/types/index.d.ts#L3258" target="_blank" rel="noopener noreferrer">types/index.d.ts:3258<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-32"><a href="#returns-32" class="header-anchor">#</a> Returns</h4> <p><code>string</code>[]</p> <h4 id="inherited-from-59"><a href="#inherited-from-59" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getlabels">getLabels</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/11f3cf6/types/index.d.ts#L1314" target="_blank" rel="noopener noreferrer">types/index.d.ts:1314<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-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-33"><a href="#returns-33" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="inherited-from-60"><a href="#inherited-from-60" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getlinewidthforvalue">getLineWidthForValue</a></p> <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/11f3cf6/types/index.d.ts#L1282" target="_blank" rel="noopener noreferrer">types/index.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="getmatchingvisiblemetas"><a href="#getmatchingvisiblemetas" class="header-anchor">#</a> getMatchingVisibleMetas</h3> <p>▸ <strong>getMatchingVisibleMetas</strong>(<code>type?</code>): <a href="/docs/next/api/#chartmeta"><code>ChartMeta</code></a><keyof <a href="/docs/next/api/interfaces/ChartTypeRegistry.html"><code>ChartTypeRegistry</code></a>, <code>default</code><<code>AnyObject</code>, <code>AnyObject</code>>, <code>default</code><<code>AnyObject</code>, <code>AnyObject</code>>>[]</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>type?</code></td> <td style="text-align:left;"><code>string</code></td></tr></tbody></table> <h4 id="returns-34"><a href="#returns-34" class="header-anchor">#</a> Returns</h4> <p><a href="/docs/next/api/#chartmeta"><code>ChartMeta</code></a><keyof <a href="/docs/next/api/interfaces/ChartTypeRegistry.html"><code>ChartTypeRegistry</code></a>, <code>default</code><<code>AnyObject</code>, <code>AnyObject</code>>, <code>default</code><<code>AnyObject</code>, <code>AnyObject</code>>>[]</p> <h4 id="inherited-from-61"><a href="#inherited-from-61" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getmatchingvisiblemetas">getMatchingVisibleMetas</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/11f3cf6/types/index.d.ts#L1247" target="_blank" rel="noopener noreferrer">types/index.d.ts:1247<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-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>canStack</code></td> <td style="text-align:left;"><code>boolean</code></td></tr></tbody></table> <h4 id="returns-35"><a href="#returns-35" 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="inherited-from-62"><a href="#inherited-from-62" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getminmax">getMinMax</a></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/11f3cf6/types/index.d.ts#L1312" target="_blank" rel="noopener noreferrer">types/index.d.ts:1312<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/next/api/interfaces/ChartArea.html"><code>ChartArea</code></a></p> <p>Returns an object with padding on the edges</p> <h4 id="returns-36"><a href="#returns-36" class="header-anchor">#</a> Returns</h4> <p><a href="/docs/next/api/interfaces/ChartArea.html"><code>ChartArea</code></a></p> <h4 id="inherited-from-63"><a href="#inherited-from-63" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getpadding">getPadding</a></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/11f3cf6/types/layout.d.ts#L54" target="_blank" rel="noopener noreferrer">types/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-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>decimal</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="inherited-from-64"><a href="#inherited-from-64" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getpixelfordecimal">getPixelForDecimal</a></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/11f3cf6/types/index.d.ts#L1264" target="_blank" rel="noopener noreferrer">types/index.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="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-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>index</code></td> <td style="text-align:left;"><code>number</code></td></tr></tbody></table> <h4 id="returns-38"><a href="#returns-38" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="inherited-from-65"><a href="#inherited-from-65" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getpixelfortick">getPixelForTick</a></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/11f3cf6/types/index.d.ts#L1271" target="_blank" rel="noopener noreferrer">types/index.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="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-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>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-39"><a href="#returns-39" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="inherited-from-66"><a href="#inherited-from-66" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getpixelforvalue">getPixelForValue</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/11f3cf6/types/index.d.ts#L1291" target="_blank" rel="noopener noreferrer">types/index.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="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> <p>Gets the current or final value of each prop. Can return extra properties (whole object).</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>P</code></td> <td style="text-align:left;">extends <code>never</code>[]</td></tr></tbody></table> <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> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>props</code></td> <td style="text-align:left;"><code>P</code></td> <td style="text-align:left;">properties to get</td></tr> <tr><td style="text-align:left;"><code>final?</code></td> <td style="text-align:left;"><code>boolean</code></td> <td style="text-align:left;">get the final value (animation target)</td></tr></tbody></table> <h4 id="returns-40"><a href="#returns-40" class="header-anchor">#</a> Returns</h4> <p><code>Pick</code><<code>unknown</code>, <code>P</code>[<code>number</code>]></p> <h4 id="inherited-from-67"><a href="#inherited-from-67" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getprops">getProps</a></p> <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/11f3cf6/src/core/core.element.ts#L31" target="_blank" rel="noopener noreferrer">src/core/core.element.ts:31<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> <p>▸ <strong>getProps</strong><<code>P</code>>(<code>props</code>, <code>final?</code>): <code>Partial</code><<code>Record</code><<code>P</code>, <code>unknown</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>string</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-41"><a href="#returns-41" class="header-anchor">#</a> Returns</h4> <p><code>Partial</code><<code>Record</code><<code>P</code>, <code>unknown</code>>></p> <h4 id="inherited-from-68"><a href="#inherited-from-68" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getprops">getProps</a></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/11f3cf6/src/core/core.element.ts#L32" target="_blank" rel="noopener noreferrer">src/core/core.element.ts:32<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/next/api/interfaces/Tick.html"><code>Tick</code></a>[]</p> <h4 id="returns-42"><a href="#returns-42" class="header-anchor">#</a> Returns</h4> <p><a href="/docs/next/api/interfaces/Tick.html"><code>Tick</code></a>[]</p> <h4 id="inherited-from-69"><a href="#inherited-from-69" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getticks">getTicks</a></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/11f3cf6/types/index.d.ts#L1313" target="_blank" rel="noopener noreferrer">types/index.d.ts:1313<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-43"><a href="#returns-43" 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="inherited-from-70"><a href="#inherited-from-70" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getuserbounds">getUserBounds</a></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/11f3cf6/types/index.d.ts#L1311" target="_blank" rel="noopener noreferrer">types/index.d.ts:1311<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-44"><a href="#returns-44" class="header-anchor">#</a> Returns</h4> <p><code>number</code></p> <h4 id="inherited-from-71"><a href="#inherited-from-71" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#getvalueforpixel">getValueForPixel</a></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/11f3cf6/types/index.d.ts#L1299" target="_blank" rel="noopener noreferrer">types/index.d.ts:1299<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-45"><a href="#returns-45" class="header-anchor">#</a> Returns</h4> <p><code>boolean</code></p> <h4 id="inherited-from-72"><a href="#inherited-from-72" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#hasvalue">hasValue</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/11f3cf6/src/core/core.element.ts#L22" target="_blank" rel="noopener noreferrer">src/core/core.element.ts:22<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-46"><a href="#returns-46" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="inherited-from-73"><a href="#inherited-from-73" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#init">init</a></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/11f3cf6/types/index.d.ts#L1309" target="_blank" rel="noopener noreferrer">types/index.d.ts:1309<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-47"><a href="#returns-47" class="header-anchor">#</a> Returns</h4> <p><code>boolean</code></p> <h4 id="inherited-from-74"><a href="#inherited-from-74" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#isfullsize">isFullSize</a></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/11f3cf6/types/index.d.ts#L1337" target="_blank" rel="noopener noreferrer">types/index.d.ts:1337<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-48"><a href="#returns-48" class="header-anchor">#</a> Returns</h4> <p><code>boolean</code></p> <h4 id="inherited-from-75"><a href="#inherited-from-75" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#ishorizontal">isHorizontal</a></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/11f3cf6/types/layout.d.ts#L58" target="_blank" rel="noopener noreferrer">types/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="normalize"><a href="#normalize" class="header-anchor">#</a> normalize</h3> <p>▸ <strong>normalize</strong>(<code>values</code>): <code>number</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>values</code></td> <td style="text-align:left;"><code>number</code>[]</td></tr></tbody></table> <h4 id="returns-49"><a href="#returns-49" class="header-anchor">#</a> Returns</h4> <p><code>number</code>[]</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/11f3cf6/types/index.d.ts#L3259" target="_blank" rel="noopener noreferrer">types/index.d.ts:3259<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-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>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-50"><a href="#returns-50" class="header-anchor">#</a> Returns</h4> <p><code>unknown</code></p> <h4 id="inherited-from-76"><a href="#inherited-from-76" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#parse">parse</a></p> <h4 id="defined-in-79"><a href="#defined-in-79" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/11f3cf6/types/index.d.ts#L1310" target="_blank" rel="noopener noreferrer">types/index.d.ts:1310<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-51"><a href="#returns-51" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="inherited-from-77"><a href="#inherited-from-77" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#setdimensions">setDimensions</a></p> <h4 id="defined-in-80"><a href="#defined-in-80" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/11f3cf6/types/index.d.ts#L1319" target="_blank" rel="noopener noreferrer">types/index.d.ts:1319<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/next/api/interfaces/Point.html"><code>Point</code></a></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>useFinalPosition</code></td> <td style="text-align:left;"><code>boolean</code></td></tr></tbody></table> <h4 id="returns-52"><a href="#returns-52" class="header-anchor">#</a> Returns</h4> <p><a href="/docs/next/api/interfaces/Point.html"><code>Point</code></a></p> <h4 id="inherited-from-78"><a href="#inherited-from-78" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#tooltipposition">tooltipPosition</a></p> <h4 id="defined-in-81"><a href="#defined-in-81" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/11f3cf6/src/core/core.element.ts#L17" target="_blank" rel="noopener noreferrer">src/core/core.element.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="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-21"><a href="#parameters-21" 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/next/api/interfaces/ChartArea.html"><code>ChartArea</code></a></td></tr></tbody></table> <h4 id="returns-53"><a href="#returns-53" class="header-anchor">#</a> Returns</h4> <p><code>void</code></p> <h4 id="inherited-from-79"><a href="#inherited-from-79" class="header-anchor">#</a> Inherited from</h4> <p><a href="/docs/next/api/classes/Scale.html">Scale</a>.<a href="/docs/next/api/classes/Scale.html#update">update</a></p> <h4 id="defined-in-82"><a href="#defined-in-82" class="header-anchor">#</a> Defined in</h4> <p><a href="https://github.com/chartjs/Chart.js/blob/11f3cf6/types/layout.d.ts#L64" target="_blank" rel="noopener noreferrer">types/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/next/api/interfaces/TickOptions.html" class="prev">
TickOptions
</a></span> <span class="next"><a href="/docs/next/api/interfaces/TitleOptions.html">
TitleOptions
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/next/assets/js/app.79ca5bdb.js" defer></script><script src="/docs/next/assets/js/2.5288603d.js" defer></script><script src="/docs/next/assets/js/117.b6a3f725.js" defer></script>
</body>
</html>