-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathdefaults.html
56 lines (56 loc) · 84.3 KB
/
defaults.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Interface: Defaults | Chart.js</title>
<meta name="generator" content="VuePress 1.8.2">
<link rel="icon" href="/docs/3.2.0/favicon.ico">
<meta name="description" content="Open source HTML5 Charts for your website">
<link rel="preload" href="/docs/3.2.0/assets/css/0.styles.954f0f15.css" as="style"><link rel="preload" href="/docs/3.2.0/assets/js/app.eecca120.js" as="script"><link rel="preload" href="/docs/3.2.0/assets/js/2.497f764b.js" as="script"><link rel="preload" href="/docs/3.2.0/assets/js/57.8b65f5ed.js" as="script"><link rel="prefetch" href="/docs/3.2.0/assets/js/10.07263a2b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/100.e51f500f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/101.4d5d2fc1.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/102.738de75e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/103.ac1044cf.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/104.b24063c3.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/105.a50b27b7.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/106.15182f3d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/107.d035245b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/108.9bb75417.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/109.82614468.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/11.2e80f9b9.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/110.482b3996.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/111.e0b88add.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/112.51b36c4b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/113.dd5f4576.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/114.30e96407.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/115.fb0e7d77.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/116.dc913572.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/117.ccde5d62.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/118.49074562.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/119.c87759f8.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/12.21683663.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/120.e7df33f3.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/121.45e7fb0f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/122.edc0ccc6.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/123.be1300b9.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/124.dad62a78.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/125.965fa73e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/126.fb58df96.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/127.4bda8260.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/128.850b138f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/129.19a0d49a.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/13.e12dd915.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/130.3ec880f1.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/131.f71ee18a.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/132.cfd180a0.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/133.67c0f38c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/134.b1dfe5ab.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/135.85f484af.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/136.fd7e3430.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/137.1dca613f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/138.2300650d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/139.c8b5a6e9.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/14.ea805f6f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/140.963067ca.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/141.ce8cac4d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/142.90df0583.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/143.4c1e496f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/144.1b680447.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/145.28f2c10e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/146.7316a730.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/147.473c4ee1.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/148.038dfb81.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/149.e358c986.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/15.33dab366.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/150.c585b125.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/151.e7392a4f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/152.8140349d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/153.d25b387e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/154.cd9c19c1.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/155.310d5ce9.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/156.d3bc2133.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/157.4555ea00.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/158.c30f5e56.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/159.3032dd9b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/16.925f0a85.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/160.c24a805d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/161.c4dbb3a7.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/162.03c11a5a.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/163.6585b948.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/164.35b9d22f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/165.bf7922f2.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/166.61029687.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/167.95b5449b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/168.67220bb6.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/169.e2622c6c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/17.ce34c248.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/170.9bcec665.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/171.f528aa72.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/172.0c72c5dc.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/173.6020f77f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/174.03d805f9.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/175.75543579.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/176.4d07b85c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/177.f79c52bb.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/178.11205d16.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/179.71e53385.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/18.5b6f55d6.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/180.92ce9348.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/181.ec14d11a.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/182.7cd19d5a.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/183.2ff41135.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/184.f02d360c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/185.b315e2a8.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/186.6d2b0c50.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/187.c4cc4b69.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/188.e3b3f321.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/189.08047c25.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/19.4d86fc8c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/190.f9524171.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/191.39eca474.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/192.7a6c437d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/193.83f5123a.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/194.ad58c1f9.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/195.2ac240aa.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/196.a6404086.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/197.9e3c33be.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/198.449314dc.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/199.186126a6.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/20.f8e0787e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/200.d1556677.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/201.c6058711.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/202.119ce5a5.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/203.cac83435.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/204.fcb5dc8e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/205.bb16d08d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/206.4c0af486.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/207.5e69c18f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/208.d3e929f2.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/209.36aecd66.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/21.8cc5aaf3.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/210.8b169fae.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/211.964c6092.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/212.c55679c0.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/213.4bcb999a.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/214.db2c8c2d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/215.7a6e4bab.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/216.25d8e941.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/217.201fe12c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/218.c6992bea.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/219.758b1c96.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/22.c884b95c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/220.0e629459.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/221.c33efa7d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/222.ab7e9c4d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/223.63a30019.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/224.9a1e91d6.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/225.3b35e73d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/226.05910e19.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/227.27d39eb1.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/228.619d2a6e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/229.f9d72421.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/23.9032f25e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/230.86b3352b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/231.9b40c6b9.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/232.266e13b8.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/233.de8e00ee.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/234.489091f3.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/235.55aaf47c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/236.2719f720.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/237.681ceede.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/238.8a8e1e69.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/239.8616d71b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/24.a73071a3.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/240.ab482465.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/241.a5f8dfce.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/242.e3b5c728.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/243.8a0e0f2a.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/244.39762d52.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/25.530b91a2.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/26.24d07460.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/27.3ac63ab4.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/28.82284f76.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/29.bd74f559.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/3.070dc659.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/30.503c6b49.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/31.fb43926b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/32.feddcd36.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/33.ebb1bc00.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/34.608f6579.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/35.7413f4fa.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/36.fa0229c8.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/37.e5ba8d9e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/38.008e152f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/39.90f0df11.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/4.d5abc03b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/40.72a18359.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/41.4390e492.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/42.be8684c3.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/43.88b9f2ee.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/44.8335caa7.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/45.648b6764.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/46.93521b8f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/47.3d05a36c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/48.ac39ca9b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/49.1ec60bac.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/5.26e9d414.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/50.8454d571.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/51.20a93eaf.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/52.ae687ed9.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/53.d0e8cf97.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/54.daf805f3.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/55.9e7ad5ca.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/56.73c30a23.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/58.94ba947b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/59.bf7a3ebf.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/6.51425ea4.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/60.386ebbfd.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/61.54893851.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/62.bb3488b1.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/63.613ac564.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/64.a68953fe.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/65.7bb6473a.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/66.4bc359fa.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/67.5b2ae686.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/68.93521ca6.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/69.42cab9e6.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/7.a9072f57.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/70.8c391a6d.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/71.2005818b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/72.72c90940.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/73.143ec416.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/74.213ddb43.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/75.fc87f6ca.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/76.7ad96e00.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/77.f9966031.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/78.f286abef.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/79.ed855529.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/8.f223931f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/80.a560621f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/81.3c39f34f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/82.69931859.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/83.46d67ef9.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/84.505f1654.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/85.5e443d6e.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/86.d7584a79.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/87.b640448f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/88.75481a7f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/89.f7db197b.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/9.53a01701.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/90.fe9c11a6.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/91.ba9e776c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/92.233a6b5c.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/93.d01b2840.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/94.ef2bb7a0.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/95.b94b5374.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/96.7775681f.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/97.3ac93104.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/98.8654f5ca.js"><link rel="prefetch" href="/docs/3.2.0/assets/js/99.a49c6738.js">
<link rel="stylesheet" href="/docs/3.2.0/assets/css/0.styles.954f0f15.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/3.2.0/" class="home-link router-link-active"><img src="/docs/3.2.0/favicon.ico" alt="Chart.js" class="logo"> <span class="site-name can-hide">Chart.js</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/3.2.0/" class="nav-link">
Home
</a></div><div class="nav-item"><a href="/docs/3.2.0/api/" class="nav-link router-link-active">
API
</a></div><div class="nav-item"><a href="/docs/3.2.0/samples/" class="nav-link">
Samples
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Community Menu" class="dropdown-title"><span class="title">Ecosystem</span> <span class="arrow down"></span></button> <button type="button" aria-label="Community Menu" class="mobile-dropdown-title"><span class="title">Ecosystem</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://github.com/chartjs/awesome" target="_blank" rel="noopener noreferrer" class="nav-link external">
Awesome
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://chartjs-slack.herokuapp.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
Slack
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://stackoverflow.com/questions/tagged/chart.js" target="_blank" rel="noopener noreferrer" class="nav-link external">
Stack Overflow
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <a href="https://github.com/chartjs/Chart.js" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/docs/3.2.0/" class="nav-link">
Home
</a></div><div class="nav-item"><a href="/docs/3.2.0/api/" class="nav-link router-link-active">
API
</a></div><div class="nav-item"><a href="/docs/3.2.0/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 collapsable depth-0"><p class="sidebar-heading open"><span>API</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/3.2.0/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/3.2.0/api/interfaces/activedatapoint.html" class="sidebar-link">ActiveDataPoint</a></li><li><a href="/docs/3.2.0/api/interfaces/activeelement.html" class="sidebar-link">ActiveElement</a></li><li><a href="/docs/3.2.0/api/interfaces/animationevent.html" class="sidebar-link">AnimationEvent</a></li><li><a href="/docs/3.2.0/api/interfaces/arcborderradius.html" class="sidebar-link">ArcBorderRadius</a></li><li><a href="/docs/3.2.0/api/interfaces/arcelement.html" class="sidebar-link">ArcElement</a></li><li><a href="/docs/3.2.0/api/interfaces/archoveroptions.html" class="sidebar-link">ArcHoverOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/arcoptions.html" class="sidebar-link">ArcOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/arcprops.html" class="sidebar-link">ArcProps</a></li><li><a href="/docs/3.2.0/api/interfaces/barcontrollerchartoptions.html" class="sidebar-link">BarControllerChartOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/barcontrollerdatasetoptions.html" class="sidebar-link">BarControllerDatasetOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/barelement.html" class="sidebar-link">BarElement</a></li><li><a href="/docs/3.2.0/api/interfaces/barhoveroptions.html" class="sidebar-link">BarHoverOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/baroptions.html" class="sidebar-link">BarOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/barprops.html" class="sidebar-link">BarProps</a></li><li><a href="/docs/3.2.0/api/interfaces/borderradius.html" class="sidebar-link">BorderRadius</a></li><li><a href="/docs/3.2.0/api/interfaces/bubblecontrollerdatasetoptions.html" class="sidebar-link">BubbleControllerDatasetOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/bubbledatapoint.html" class="sidebar-link">BubbleDataPoint</a></li><li><a href="/docs/3.2.0/api/interfaces/cartesianscaleoptions.html" class="sidebar-link">CartesianScaleOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/cartesianscaletyperegistry.html" class="sidebar-link">CartesianScaleTypeRegistry</a></li><li><a href="/docs/3.2.0/api/interfaces/chartarea.html" class="sidebar-link">ChartArea</a></li><li><a href="/docs/3.2.0/api/interfaces/chartcomponent.html" class="sidebar-link">ChartComponent</a></li><li><a href="/docs/3.2.0/api/interfaces/chartconfiguration.html" class="sidebar-link">ChartConfiguration</a></li><li><a href="/docs/3.2.0/api/interfaces/chartdata.html" class="sidebar-link">ChartData</a></li><li><a href="/docs/3.2.0/api/interfaces/chartdatasetproperties.html" class="sidebar-link">ChartDatasetProperties</a></li><li><a href="/docs/3.2.0/api/interfaces/chartevent.html" class="sidebar-link">ChartEvent</a></li><li><a href="/docs/3.2.0/api/interfaces/chartmeta.html" class="sidebar-link">ChartMeta</a></li><li><a href="/docs/3.2.0/api/interfaces/charttyperegistry.html" class="sidebar-link">ChartTypeRegistry</a></li><li><a href="/docs/3.2.0/api/interfaces/commonelementoptions.html" class="sidebar-link">CommonElementOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/commonhoveroptions.html" class="sidebar-link">CommonHoverOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/complexfilltarget.html" class="sidebar-link">ComplexFillTarget</a></li><li><a href="/docs/3.2.0/api/interfaces/controllerdatasetoptions.html" class="sidebar-link">ControllerDatasetOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/corechartoptions.html" class="sidebar-link">CoreChartOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/coreinteractionoptions.html" class="sidebar-link">CoreInteractionOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/corescaleoptions.html" class="sidebar-link">CoreScaleOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/datasetcontrollerchartcomponent.html" class="sidebar-link">DatasetControllerChartComponent</a></li><li><a href="/docs/3.2.0/api/interfaces/dateadapter.html" class="sidebar-link">DateAdapter</a></li><li><a href="/docs/3.2.0/api/interfaces/defaults.html" aria-current="page" class="active sidebar-link">Defaults</a></li><li><a href="/docs/3.2.0/api/interfaces/doughnutanimationoptions.html" class="sidebar-link">DoughnutAnimationOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/doughnutcontroller.html" class="sidebar-link">DoughnutController</a></li><li><a href="/docs/3.2.0/api/interfaces/doughnutcontrollerchartoptions.html" class="sidebar-link">DoughnutControllerChartOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/doughnutcontrollerdatasetoptions.html" class="sidebar-link">DoughnutControllerDatasetOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/element.html" class="sidebar-link">Element</a></li><li><a href="/docs/3.2.0/api/interfaces/elementchartoptions.html" class="sidebar-link">ElementChartOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/elementoptionsbytype.html" class="sidebar-link">ElementOptionsByType</a></li><li><a href="/docs/3.2.0/api/interfaces/extendedplugin.html" class="sidebar-link">ExtendedPlugin</a></li><li><a href="/docs/3.2.0/api/interfaces/fillercontrollerdatasetoptions.html" class="sidebar-link">FillerControllerDatasetOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/filleroptions.html" class="sidebar-link">FillerOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/fontspec.html" class="sidebar-link">FontSpec</a></li><li><a href="/docs/3.2.0/api/interfaces/gridlineoptions.html" class="sidebar-link">GridLineOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/interactionitem.html" class="sidebar-link">InteractionItem</a></li><li><a href="/docs/3.2.0/api/interfaces/interactionmodemap.html" class="sidebar-link">InteractionModeMap</a></li><li><a href="/docs/3.2.0/api/interfaces/interactionoptions.html" class="sidebar-link">InteractionOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/layoutitem.html" class="sidebar-link">LayoutItem</a></li><li><a href="/docs/3.2.0/api/interfaces/legendelement.html" class="sidebar-link">LegendElement</a></li><li><a href="/docs/3.2.0/api/interfaces/legenditem.html" class="sidebar-link">LegendItem</a></li><li><a href="/docs/3.2.0/api/interfaces/legendoptions.html" class="sidebar-link">LegendOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/linecontrollerchartoptions.html" class="sidebar-link">LineControllerChartOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/linecontrollerdatasetoptions.html" class="sidebar-link">LineControllerDatasetOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/lineelement.html" class="sidebar-link">LineElement</a></li><li><a href="/docs/3.2.0/api/interfaces/linehoveroptions.html" class="sidebar-link">LineHoverOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/lineoptions.html" class="sidebar-link">LineOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/lineprops.html" class="sidebar-link">LineProps</a></li><li><a href="/docs/3.2.0/api/interfaces/parsingoptions.html" class="sidebar-link">ParsingOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/plugin.html" class="sidebar-link">Plugin</a></li><li><a href="/docs/3.2.0/api/interfaces/pluginchartoptions.html" class="sidebar-link">PluginChartOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/pluginoptionsbytype.html" class="sidebar-link">PluginOptionsByType</a></li><li><a href="/docs/3.2.0/api/interfaces/point.html" class="sidebar-link">Point</a></li><li><a href="/docs/3.2.0/api/interfaces/pointelement.html" class="sidebar-link">PointElement</a></li><li><a href="/docs/3.2.0/api/interfaces/pointhoveroptions.html" class="sidebar-link">PointHoverOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/pointoptions.html" class="sidebar-link">PointOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/pointprefixedhoveroptions.html" class="sidebar-link">PointPrefixedHoverOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/pointprefixedoptions.html" class="sidebar-link">PointPrefixedOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/pointprops.html" class="sidebar-link">PointProps</a></li><li><a href="/docs/3.2.0/api/interfaces/polarareacontroller.html" class="sidebar-link">PolarAreaController</a></li><li><a href="/docs/3.2.0/api/interfaces/polarareacontrollerchartoptions.html" class="sidebar-link">PolarAreaControllerChartOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/polarareacontrollerdatasetoptions.html" class="sidebar-link">PolarAreaControllerDatasetOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/radarcontrollerdatasetoptions.html" class="sidebar-link">RadarControllerDatasetOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/radiallinearscale.html" class="sidebar-link">RadialLinearScale</a></li><li><a href="/docs/3.2.0/api/interfaces/radialscaletyperegistry.html" class="sidebar-link">RadialScaleTypeRegistry</a></li><li><a href="/docs/3.2.0/api/interfaces/registry.html" class="sidebar-link">Registry</a></li><li><a href="/docs/3.2.0/api/interfaces/scaletyperegistry.html" class="sidebar-link">ScaleTypeRegistry</a></li><li><a href="/docs/3.2.0/api/interfaces/scatterdatapoint.html" class="sidebar-link">ScatterDataPoint</a></li><li><a href="/docs/3.2.0/api/interfaces/scriptablecontext.html" class="sidebar-link">ScriptableContext</a></li><li><a href="/docs/3.2.0/api/interfaces/scriptablelinesegmentcontext.html" class="sidebar-link">ScriptableLineSegmentContext</a></li><li><a href="/docs/3.2.0/api/interfaces/scriptablescalecontext.html" class="sidebar-link">ScriptableScaleContext</a></li><li><a href="/docs/3.2.0/api/interfaces/scriptabletooltipcontext.html" class="sidebar-link">ScriptableTooltipContext</a></li><li><a href="/docs/3.2.0/api/interfaces/segment.html" class="sidebar-link">Segment</a></li><li><a href="/docs/3.2.0/api/interfaces/tick.html" class="sidebar-link">Tick</a></li><li><a href="/docs/3.2.0/api/interfaces/tickoptions.html" class="sidebar-link">TickOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/timescale.html" class="sidebar-link">TimeScale</a></li><li><a href="/docs/3.2.0/api/interfaces/titleoptions.html" class="sidebar-link">TitleOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/tooltipcallbacks.html" class="sidebar-link">TooltipCallbacks</a></li><li><a href="/docs/3.2.0/api/interfaces/tooltipitem.html" class="sidebar-link">TooltipItem</a></li><li><a href="/docs/3.2.0/api/interfaces/tooltiplabelstyle.html" class="sidebar-link">TooltipLabelStyle</a></li><li><a href="/docs/3.2.0/api/interfaces/tooltipmodel.html" class="sidebar-link">TooltipModel</a></li><li><a href="/docs/3.2.0/api/interfaces/tooltipoptions.html" class="sidebar-link">TooltipOptions</a></li><li><a href="/docs/3.2.0/api/interfaces/typedregistry.html" class="sidebar-link">TypedRegistry</a></li><li><a href="/docs/3.2.0/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-defaults"><a href="#interface-defaults" class="header-anchor">#</a> Interface: Defaults</h1> <h2 id="hierarchy"><a href="#hierarchy" class="header-anchor">#</a> Hierarchy</h2> <ul><li><p><a href="/docs/3.2.0/api/interfaces/corechartoptions.html"><em>CoreChartOptions</em></a><<a href="/docs/3.2.0/api/#charttype"><em>ChartType</em></a>></p></li> <li><p><a href="/docs/3.2.0/api/interfaces/elementchartoptions.html"><em>ElementChartOptions</em></a></p></li> <li><p><a href="/docs/3.2.0/api/interfaces/pluginchartoptions.html"><em>PluginChartOptions</em></a><<a href="/docs/3.2.0/api/#charttype"><em>ChartType</em></a>></p> <p>↳ <strong>Defaults</strong></p></li></ul> <h2 id="properties"><a href="#properties" class="header-anchor">#</a> Properties</h2> <h3 id="animation"><a href="#animation" class="header-anchor">#</a> animation</h3> <p>• <strong>animation</strong>: <em>false</em> | <a href="/docs/3.2.0/api/#animationspec"><em>AnimationSpec</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>> & { <code>onComplete?</code>: (<code>event</code>: <a href="/docs/3.2.0/api/interfaces/animationevent.html"><em>AnimationEvent</em></a>) => <em>void</em> ; <code>onProgress?</code>: (<code>event</code>: <a href="/docs/3.2.0/api/interfaces/animationevent.html"><em>AnimationEvent</em></a>) => <em>void</em> }</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#animation">animation</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1533" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1533<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="animations"><a href="#animations" class="header-anchor">#</a> animations</h3> <p>• <strong>animations</strong>: <a href="/docs/3.2.0/api/#animationsspec"><em>AnimationsSpec</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>></p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#animations">animations</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1543" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1543<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="aspectratio"><a href="#aspectratio" class="header-anchor">#</a> aspectRatio</h3> <p>• <strong>aspectRatio</strong>: <em>number</em></p> <p>Canvas aspect ratio (i.e. width / height, a value of 1 representing a square canvas). Note that this option is ignored if the height is explicitly defined either as attribute or via the style.</p> <p><strong><code>default</code></strong> 2</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#aspectratio">aspectRatio</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1399" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1399<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="backgroundcolor"><a href="#backgroundcolor" class="header-anchor">#</a> backgroundColor</h3> <p>• <strong>backgroundColor</strong>: <a href="/docs/3.2.0/api/#color"><em>Color</em></a></p> <p>base background color</p> <p><strong><code>see</code></strong> Defaults.backgroundColor</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#backgroundcolor">backgroundColor</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1373" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1373<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="bordercolor"><a href="#bordercolor" class="header-anchor">#</a> borderColor</h3> <p>• <strong>borderColor</strong>: <a href="/docs/3.2.0/api/#color"><em>Color</em></a></p> <p>base border color</p> <p><strong><code>see</code></strong> Defaults.borderColor</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#bordercolor">borderColor</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1378" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1378<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="color"><a href="#color" class="header-anchor">#</a> color</h3> <p>• <strong>color</strong>: <a href="/docs/3.2.0/api/#color"><em>Color</em></a></p> <p>base color</p> <p><strong><code>see</code></strong> Defaults.color</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#color">color</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1368" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1368<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="datasets"><a href="#datasets" class="header-anchor">#</a> datasets</h3> <p>• <strong>datasets</strong>: <em>object</em></p> <h4 id="type-declaration"><a href="#type-declaration" class="header-anchor">#</a> Type declaration:</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>bar</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>bubble</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>doughnut</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>line</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>pie</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>polarArea</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>radar</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>scatter</code></td> <td style="text-align:left;"></td></tr></tbody></table> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#datasets">datasets</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1354" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1354<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="devicepixelratio"><a href="#devicepixelratio" class="header-anchor">#</a> devicePixelRatio</h3> <p>• <strong>devicePixelRatio</strong>: <em>number</em></p> <p>Override the window's default devicePixelRatio.</p> <p><strong><code>default</code></strong> window.devicePixelRatio</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#devicepixelratio">devicePixelRatio</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1416" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1416<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="elements"><a href="#elements" class="header-anchor">#</a> elements</h3> <p>• <strong>elements</strong>: <em>Partial</em><<a href="/docs/3.2.0/api/interfaces/elementoptionsbytype.html"><em>ElementOptionsByType</em></a>></p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/elementchartoptions.html">ElementChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/elementchartoptions.html#elements">elements</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1897" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1897<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="events"><a href="#events" class="header-anchor">#</a> events</h3> <p>• <strong>events</strong>: (<em>mousemove</em> | <em>mouseout</em> | <em>click</em> | <em>touchstart</em> | <em>touchmove</em>)[]</p> <p>The events option defines the browser events that the chart should listen to for tooltips and hovering.</p> <p><strong><code>default</code></strong> ['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#events">events</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1426" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1426<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="font"><a href="#font" class="header-anchor">#</a> font</h3> <p>• <strong>font</strong>: <a href="/docs/3.2.0/api/interfaces/fontspec.html"><em>FontSpec</em></a></p> <p>base font</p> <p><strong><code>see</code></strong> Defaults.font</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#font">font</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1383" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1383<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="hover"><a href="#hover" class="header-anchor">#</a> hover</h3> <p>• <strong>hover</strong>: <a href="/docs/3.2.0/api/interfaces/coreinteractionoptions.html"><em>CoreInteractionOptions</em></a></p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#hover">hover</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1420" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1420<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="indexaxis"><a href="#indexaxis" class="header-anchor">#</a> indexAxis</h3> <p>• <strong>indexAxis</strong>: <em>x</em> | <em>y</em></p> <p>The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.</p> <p><strong><code>default</code></strong> 'x'</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#indexaxis">indexAxis</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1362" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1362<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="interaction"><a href="#interaction" class="header-anchor">#</a> interaction</h3> <p>• <strong>interaction</strong>: <a href="/docs/3.2.0/api/interfaces/coreinteractionoptions.html"><em>CoreInteractionOptions</em></a></p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#interaction">interaction</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1418" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1418<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="layout"><a href="#layout" class="header-anchor">#</a> layout</h3> <p>• <strong>layout</strong>: <em>object</em></p> <h4 id="type-declaration-2"><a href="#type-declaration-2" class="header-anchor">#</a> Type declaration:</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>padding</code></td> <td style="text-align:left;"><a href="/docs/3.2.0/api/#scriptable"><em>Scriptable</em></a><number | <a href="/docs/3.2.0/api/interfaces/chartarea.html"><em>ChartArea</em></a>, <a href="/docs/3.2.0/api/interfaces/scriptablecontext.html"><em>ScriptableContext</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>>></td></tr></tbody></table> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#layout">layout</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1438" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1438<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="locale"><a href="#locale" class="header-anchor">#</a> locale</h3> <p>• <strong>locale</strong>: <em>string</em></p> <p>Locale used for number formatting (using <code>Intl.NumberFormat</code>).</p> <p><strong><code>default</code></strong> user's browser setting</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#locale">locale</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1405" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1405<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="maintainaspectratio"><a href="#maintainaspectratio" class="header-anchor">#</a> maintainAspectRatio</h3> <p>• <strong>maintainAspectRatio</strong>: <em>boolean</em></p> <p>Maintain the original canvas aspect ratio (width / height) when resizing.</p> <p><strong><code>default</code></strong> true</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#maintainaspectratio">maintainAspectRatio</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1393" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1393<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="normalized"><a href="#normalized" class="header-anchor">#</a> normalized</h3> <p>• <strong>normalized</strong>: <em>boolean</em></p> <p>Chart.js is fastest if you provide data with indices that are unique, sorted, and consistent across datasets and provide the normalized: true option to let Chart.js know that you have done so.</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#normalized">normalized</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L52" target="_blank" rel="noopener noreferrer">index.esm.d.ts:52<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="parsing"><a href="#parsing" class="header-anchor">#</a> parsing</h3> <p>• <strong>parsing</strong>: <em>false</em> | { [key: string]: <em>string</em>; }</p> <p>How to parse the dataset. The parsing can be disabled by specifying parsing: false at chart options or dataset. If parsing is disabled, data must be sorted and in the formats the associated chart type and scales use internally.</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#parsing">parsing</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L43" target="_blank" rel="noopener noreferrer">index.esm.d.ts:43<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="plugins"><a href="#plugins" class="header-anchor">#</a> plugins</h3> <p>• <strong>plugins</strong>: <a href="/docs/3.2.0/api/interfaces/pluginoptionsbytype.html"><em>PluginOptionsByType</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>></p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/pluginchartoptions.html">PluginChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/pluginchartoptions.html#plugins">plugins</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L2626" target="_blank" rel="noopener noreferrer">index.esm.d.ts:2626<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="responsive"><a href="#responsive" class="header-anchor">#</a> responsive</h3> <p>• <strong>responsive</strong>: <em>boolean</em></p> <p>Resizes the chart canvas when its container does (important note...).</p> <p><strong><code>default</code></strong> true</p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#responsive">responsive</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1388" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1388<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="scale"><a href="#scale" class="header-anchor">#</a> scale</h3> <p>• <strong>scale</strong>: <a href="/docs/3.2.0/api/#scaleoptionsbytype"><em>ScaleOptionsByType</em></a><<em>linear</em> | <em>logarithmic</em> | <em>category</em> | <em>time</em> | <em>timeseries</em> | <em>radialLinear</em>></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L609" target="_blank" rel="noopener noreferrer">index.esm.d.ts:609<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="scales"><a href="#scales" class="header-anchor">#</a> scales</h3> <p>• <strong>scales</strong>: <em>object</em></p> <h4 id="type-declaration-3"><a href="#type-declaration-3" class="header-anchor">#</a> Type declaration:</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>category</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>linear</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>logarithmic</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>radialLinear</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>time</code></td> <td style="text-align:left;"></td></tr> <tr><td style="text-align:left;"><code>timeseries</code></td> <td style="text-align:left;"></td></tr></tbody></table> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L610" target="_blank" rel="noopener noreferrer">index.esm.d.ts:610<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="transitions"><a href="#transitions" class="header-anchor">#</a> transitions</h3> <p>• <strong>transitions</strong>: <a href="/docs/3.2.0/api/#transitionsspec"><em>TransitionsSpec</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>></p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a>.<a href="/docs/3.2.0/api/interfaces/corechartoptions.html#transitions">transitions</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1544" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1544<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="describe"><a href="#describe" class="header-anchor">#</a> describe</h3> <p>▸ <strong>describe</strong>(<code>scope</code>: <em>string</em>, <code>values</code>: <em>Record</em><string, unknown>): <em>Record</em><string, unknown></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>scope</code></td> <td style="text-align:left;"><em>string</em></td></tr> <tr><td style="text-align:left;"><code>values</code></td> <td style="text-align:left;"><em>Record</em><string, unknown></td></tr></tbody></table> <p><strong>Returns:</strong> <em>Record</em><string, unknown></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L618" target="_blank" rel="noopener noreferrer">index.esm.d.ts:618<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="get"><a href="#get" class="header-anchor">#</a> get</h3> <p>▸ <strong>get</strong>(<code>scope</code>: <em>string</em>): <em>Record</em><string, unknown></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>scope</code></td> <td style="text-align:left;"><em>string</em></td></tr></tbody></table> <p><strong>Returns:</strong> <em>Record</em><string, unknown></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L616" target="_blank" rel="noopener noreferrer">index.esm.d.ts:616<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="onclick"><a href="#onclick" class="header-anchor">#</a> onClick</h3> <p>▸ <strong>onClick</strong>(<code>event</code>: <a href="/docs/3.2.0/api/interfaces/chartevent.html"><em>ChartEvent</em></a>, <code>elements</code>: <a href="/docs/3.2.0/api/interfaces/activeelement.html"><em>ActiveElement</em></a>[], <code>chart</code>: <a href="/docs/3.2.0/api/classes/chart.html"><em>Chart</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>, (number | <a href="/docs/3.2.0/api/interfaces/scatterdatapoint.html"><em>ScatterDataPoint</em></a> | <a href="/docs/3.2.0/api/interfaces/bubbledatapoint.html"><em>BubbleDataPoint</em></a>)[], unknown>): <em>void</em></p> <p>Called if the event is of type 'mouseup' or 'click'. Passed the event, an array of active elements, and the chart.</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>event</code></td> <td style="text-align:left;"><a href="/docs/3.2.0/api/interfaces/chartevent.html"><em>ChartEvent</em></a></td></tr> <tr><td style="text-align:left;"><code>elements</code></td> <td style="text-align:left;"><a href="/docs/3.2.0/api/interfaces/activeelement.html"><em>ActiveElement</em></a>[]</td></tr> <tr><td style="text-align:left;"><code>chart</code></td> <td style="text-align:left;"><a href="/docs/3.2.0/api/classes/chart.html"><em>Chart</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>, (number | <a href="/docs/3.2.0/api/interfaces/scatterdatapoint.html"><em>ScatterDataPoint</em></a> | <a href="/docs/3.2.0/api/interfaces/bubbledatapoint.html"><em>BubbleDataPoint</em></a>)[], unknown></td></tr></tbody></table> <p><strong>Returns:</strong> <em>void</em></p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1436" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1436<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="onhover"><a href="#onhover" class="header-anchor">#</a> onHover</h3> <p>▸ <strong>onHover</strong>(<code>event</code>: <a href="/docs/3.2.0/api/interfaces/chartevent.html"><em>ChartEvent</em></a>, <code>elements</code>: <a href="/docs/3.2.0/api/interfaces/activeelement.html"><em>ActiveElement</em></a>[], <code>chart</code>: <a href="/docs/3.2.0/api/classes/chart.html"><em>Chart</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>, (number | <a href="/docs/3.2.0/api/interfaces/scatterdatapoint.html"><em>ScatterDataPoint</em></a> | <a href="/docs/3.2.0/api/interfaces/bubbledatapoint.html"><em>BubbleDataPoint</em></a>)[], unknown>): <em>void</em></p> <p>Called when any of the events fire. Passed the event, an array of active elements (bars, points, etc), and the chart.</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>event</code></td> <td style="text-align:left;"><a href="/docs/3.2.0/api/interfaces/chartevent.html"><em>ChartEvent</em></a></td></tr> <tr><td style="text-align:left;"><code>elements</code></td> <td style="text-align:left;"><a href="/docs/3.2.0/api/interfaces/activeelement.html"><em>ActiveElement</em></a>[]</td></tr> <tr><td style="text-align:left;"><code>chart</code></td> <td style="text-align:left;"><a href="/docs/3.2.0/api/classes/chart.html"><em>Chart</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>, (number | <a href="/docs/3.2.0/api/interfaces/scatterdatapoint.html"><em>ScatterDataPoint</em></a> | <a href="/docs/3.2.0/api/interfaces/bubbledatapoint.html"><em>BubbleDataPoint</em></a>)[], unknown></td></tr></tbody></table> <p><strong>Returns:</strong> <em>void</em></p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1431" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1431<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="onresize"><a href="#onresize" class="header-anchor">#</a> onResize</h3> <p>▸ <strong>onResize</strong>(<code>chart</code>: <a href="/docs/3.2.0/api/classes/chart.html"><em>Chart</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>, (number | <a href="/docs/3.2.0/api/interfaces/scatterdatapoint.html"><em>ScatterDataPoint</em></a> | <a href="/docs/3.2.0/api/interfaces/bubbledatapoint.html"><em>BubbleDataPoint</em></a>)[], unknown>, <code>size</code>: { <code>height</code>: <em>number</em> ; <code>width</code>: <em>number</em> }): <em>void</em></p> <p>Called when a resize occurs. Gets passed two arguments: the chart instance and the new size.</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>chart</code></td> <td style="text-align:left;"><a href="/docs/3.2.0/api/classes/chart.html"><em>Chart</em></a><<em>bar</em> | <em>line</em> | <em>scatter</em> | <em>bubble</em> | <em>pie</em> | <em>doughnut</em> | <em>polarArea</em> | <em>radar</em>, (number | <a href="/docs/3.2.0/api/interfaces/scatterdatapoint.html"><em>ScatterDataPoint</em></a> | <a href="/docs/3.2.0/api/interfaces/bubbledatapoint.html"><em>BubbleDataPoint</em></a>)[], unknown></td></tr> <tr><td style="text-align:left;"><code>size</code></td> <td style="text-align:left;"><em>object</em></td></tr> <tr><td style="text-align:left;"><code>size.height</code></td> <td style="text-align:left;"><em>number</em></td></tr> <tr><td style="text-align:left;"><code>size.width</code></td> <td style="text-align:left;"><em>number</em></td></tr></tbody></table> <p><strong>Returns:</strong> <em>void</em></p> <p>Inherited from: <a href="/docs/3.2.0/api/interfaces/corechartoptions.html">CoreChartOptions</a></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L1410" target="_blank" rel="noopener noreferrer">index.esm.d.ts:1410<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="override"><a href="#override" class="header-anchor">#</a> override</h3> <p>▸ <strong>override</strong>(<code>scope</code>: <em>string</em>, <code>values</code>: <em>Record</em><string, unknown>): <em>Record</em><string, unknown></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>scope</code></td> <td style="text-align:left;"><em>string</em></td></tr> <tr><td style="text-align:left;"><code>values</code></td> <td style="text-align:left;"><em>Record</em><string, unknown></td></tr></tbody></table> <p><strong>Returns:</strong> <em>Record</em><string, unknown></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L619" target="_blank" rel="noopener noreferrer">index.esm.d.ts:619<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="route"><a href="#route" class="header-anchor">#</a> route</h3> <p>▸ <strong>route</strong>(<code>scope</code>: <em>string</em>, <code>name</code>: <em>string</em>, <code>targetScope</code>: <em>string</em>, <code>targetName</code>: <em>string</em>): <em>void</em></p> <p>Routes the named defaults to fallback to another scope/name.
This routing is useful when those target values, like defaults.color, are changed runtime.
If the values would be copied, the runtime change would not take effect. By routing, the
fallback is evaluated at each access, so its always up to date.</p> <p>Example:</p> <p>defaults.route('elements.arc', 'backgroundColor', '', 'color')</p> <ul><li>reads the backgroundColor from defaults.color when undefined locally</li></ul> <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> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>scope</code></td> <td style="text-align:left;"><em>string</em></td> <td style="text-align:left;">Scope this route applies to.</td></tr> <tr><td style="text-align:left;"><code>name</code></td> <td style="text-align:left;"><em>string</em></td> <td style="text-align:left;">Property name that should be routed to different namespace when not defined here.</td></tr> <tr><td style="text-align:left;"><code>targetScope</code></td> <td style="text-align:left;"><em>string</em></td> <td style="text-align:left;">The namespace where those properties should be routed to. Empty string ('') is the root of defaults.</td></tr> <tr><td style="text-align:left;"><code>targetName</code></td> <td style="text-align:left;"><em>string</em></td> <td style="text-align:left;">The target name in the target scope the property should be routed to.</td></tr></tbody></table> <p><strong>Returns:</strong> <em>void</em></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L638" target="_blank" rel="noopener noreferrer">index.esm.d.ts:638<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="set"><a href="#set" class="header-anchor">#</a> set</h3> <p>▸ <strong>set</strong>(<code>values</code>: <em>Record</em><string, unknown>): <em>Record</em><string, unknown></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>values</code></td> <td style="text-align:left;"><em>Record</em><string, unknown></td></tr></tbody></table> <p><strong>Returns:</strong> <em>Record</em><string, unknown></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L614" target="_blank" rel="noopener noreferrer">index.esm.d.ts:614<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>set</strong>(<code>scope</code>: <em>string</em>, <code>values</code>: <em>Record</em><string, unknown>): <em>Record</em><string, unknown></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>scope</code></td> <td style="text-align:left;"><em>string</em></td></tr> <tr><td style="text-align:left;"><code>values</code></td> <td style="text-align:left;"><em>Record</em><string, unknown></td></tr></tbody></table> <p><strong>Returns:</strong> <em>Record</em><string, unknown></p> <p>Defined in: <a href="https://github.com/chartjs/Chart.js/blob/0f1d07a/types/index.esm.d.ts#L615" target="_blank" rel="noopener noreferrer">index.esm.d.ts:615<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
←
<a href="/docs/3.2.0/api/interfaces/dateadapter.html" class="prev">
DateAdapter
</a></span> <span class="next"><a href="/docs/3.2.0/api/interfaces/doughnutanimationoptions.html">
DoughnutAnimationOptions
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/3.2.0/assets/js/app.eecca120.js" defer></script><script src="/docs/3.2.0/assets/js/2.497f764b.js" defer></script><script src="/docs/3.2.0/assets/js/57.8b65f5ed.js" defer></script>
</body>
</html>