diff --git a/.devcontainer/setup.sh b/.devcontainer/setup.sh
index e07d9f46..423cd767 100755
--- a/.devcontainer/setup.sh
+++ b/.devcontainer/setup.sh
@@ -14,14 +14,14 @@ for dbsfile in "${dbsfiles[@]}"; do
touch $dbsfile
printf "{
\t\"dev\": {
-\t\t\"url\": \"mongodb://localhost:27017/app\"
+\t\t\"url\": \"mongodb://127.0.0.1:27017/app\"
\t},
\t\"default\": {
-\t\t\"url\": \"mongodb://localhost:27017/app\"
+\t\t\"url\": \"mongodb://127.0.0.1:27017/app\"
\t}
}" >> $dbsfile
fi
done
# Install node modules
-yarn setup
\ No newline at end of file
+yarn setup
diff --git a/README.md b/README.md
index dd893b33..60016544 100644
--- a/README.md
+++ b/README.md
@@ -50,5 +50,5 @@ ESLint plugin, to assist development, which enforces a title being provided any
## Localization
[](https://hosted.weblate.org/engage/scoutradioz)
-We're translating Scoutraioz so FIRST teams and their members, friends, and family from all over the globe can use it in their preferred languages. Translation contributions can be submitted using [Weblate](https://hosted.weblate.org/engage/scoutradioz).
+We're translating Scoutradioz so FIRST teams and their members, friends, and family from all over the globe can use it in their preferred languages. Translation contributions can be submitted using [Weblate](https://hosted.weblate.org/engage/scoutradioz).
diff --git a/primary/locales/en.json b/primary/locales/en.json
index 5b5acaa4..fbf362fd 100644
--- a/primary/locales/en.json
+++ b/primary/locales/en.json
@@ -2,6 +2,16 @@
"index": {
"fulltitle": "Scoutradioz: FRC Scouting as a Service",
"welcome": "Welcome to Scoutradioz",
+ "browse": {
+ "link": "Or click here to browse data by event",
+ "title": "View data by event and org",
+ "tspsExplained": "'TSPS' is **relative** Total Scouting Performance Score (useful for friendly inter-org Scouting competitions!) - and 'Mdn.' is short for Median",
+ "pastEvents": "To see older data you may need to use the menu option under Info and Reports, 'Browse data from past events'",
+ "orgKeyAndNickname": "Org key - Nickname",
+ "matchScoutingEntries": "# Match scouting entries",
+ "avgErrorRate": "Mdn. error rate (and minimum)",
+ "tspsScore": "TSPS"
+ },
"choice": "Are you:",
"viewer": {
"choice": "Looking to view data",
@@ -176,7 +186,7 @@
"scouting": {
"match": "Match scouting",
"pit": "Pit scouting",
- "supermatch": "Super scout match {n}",
+ "supermatch": "Super scout this match",
"superpit": "Super scout",
"supermatchnotes": "Super scout match notes:",
"supernotes": "Super scout notes for team {team}:",
@@ -231,6 +241,8 @@
"pitScoutingPartner": "Partner's pit scouting assignments",
"upcomingMatches": "Upcoming matches to be scouted",
"matchNumber": "Match {number}",
+ "sfNumber": "Semifinal {number}",
+ "fNumber": "Final {number}",
"matchResultMissedWarning": "WARNING: A match result may have been missed!",
"matchResultMissedAdmin": "Click here, check FIRST match data and update any missing matches.",
"matchResultMissedNotAdmin": "Ask a team admin to check FIRST match data and update any missing matches.",
@@ -257,6 +269,7 @@
"chooseTeam": "[Choose a team]",
"viewOr": "or",
"allTeams": "All teams",
+ "otherTeams": "Other teams",
"selectedTeam": "Selected team",
"nextMatch": "Next match:",
"nextMatchTeam": "Next match for team {team}:",
@@ -270,6 +283,7 @@
"title": "Alliance selection",
"intro": "Tap a team, then tap the empty slot [2] or [3] to move them up.\nAs teams are selected for alliances, they will gray out in the table below.",
"preferred": "Before alliance selection, you and your team lead(s) can mark your preferred teams on this page.",
+ "tapForPopup": "Tap a team number to view that team's intel, including scouter notes.",
"undo": "Undo",
"allianceNumber": "Alliance {number}",
"showData": "Show team data",
@@ -284,7 +298,9 @@
"team": "Team",
"rank": "FRC Rank",
"numAlliances": "Number of alliances:",
- "numRounds": "Number of rounds:"
+ "numRounds": "Number of rounds:",
+ "tooltipPicklist": "Each FRC team in an organization has their own picklist. Pick which team's picklist to view.",
+ "choosePicklist": "View picklist for..."
},
"metrics": {
"raw": "Raw data",
@@ -339,6 +355,7 @@
"allTeams": "all teams",
"allianceStats": "Alliance team statistics",
"allTeamMetrics": "All team metrics",
+ "browsePastEvents": "Browse data from past events",
"completedMatches": "Completed matches",
"upcomingMatches": "Upcoming matches",
"upcomingMatchesTeam": "Upcoming matches for {team}",
@@ -433,9 +450,12 @@
"editMatchResults": "Edit match results",
"editMatchSchedule": "Edit match schedule",
"editTeams": "Edit team list",
+ "editRankings": "Adjust rankings",
+ "editRankingsInstructions": "Click on the minus/plus to change rankings; refresh page to resort",
"eventData": "Event data: [[{event}]]",
"getCurrentTeams": "Update list of teams",
"invalidEventKey": "Invalid event key: '{eventKey}'. Click on an event in the list to set it automatically.",
+ "manual": "Manual data entry",
"matches": "Matches (FIRST data)",
"noEvent": "No event has been set",
"recalcDerived": "Recalculate derived metrics",
@@ -478,9 +498,21 @@
"permanentDeleteWarning": "By proceeding, you will be *permanently deleting* the data from *{number}* {type} scouting assignments from _{eventName}_. Are you sure you want to continue?",
"scoutingGroups": "Scouting groups",
"skipBreaks": "Check this box to generate assignments ignoring breaks in the schedule",
+ "scoutPlayoffs": "Check this box to generate assignments for playoff matches as well",
"submitNewGroup": "Submit selected members as a new scouting group",
"swapMatchAssignments": "Swap in/out match scouts",
"swapPitAssignments": "Swap teams between pit scout groups"
+ },
+ "config": {
+ "title": "Configure {org}",
+ "tooltipSubteamKey": "Write a unique identifier for each subteam. After you create a subteam, the label can change but the key should not change.",
+ "tooltipClassKey": "Write a unique identifier for each class. After you create a class, the label can change but the key should not change.",
+ "tooltipTeams": "Place the number of all FRC teams associated with this organization, separated by a comma. There can be multiple if your organization is a scouting collective, or if your team is pooling scouters with another FRC team.",
+ "invalidTeams": "Could not find a team with the number \"{number}\". Please enter a comma-separated list of FRC team numbers.",
+ "updatedSuccessfully": "Updated successfully.",
+ "updatedButFixSubteams": "Org config has updated, but one or more users will need to be updated due to subteam / class keys changing.\n- *Go through the list of users and make sure everyone has a subteam and class.\n- Click 'Update' for each user that has been updated.*",
+ "id": "ID",
+ "teams": "Team(s)"
}
},
"date": "Date",
@@ -495,5 +527,6 @@
"add": "Add",
"class": "Class",
"subteam": "Subteam",
- "update": "Update"
+ "update": "Update",
+ "year": "Year"
}
diff --git a/primary/locales/fr.json b/primary/locales/fr.json
index 2297d30c..e0bfc24a 100644
--- a/primary/locales/fr.json
+++ b/primary/locales/fr.json
@@ -28,7 +28,10 @@
"first": "En savoir plus sur *FIRST* et FRC"
},
"view": "Afficher",
- "login": "Connexion"
+ "login": "Connexion",
+ "browse": {
+ "link": "Ou cliquez ici pour chercher des données par évènement"
+ }
},
"hello": {
"world": "Bonjour le monde!",
diff --git a/primary/locales/zh-hans.json b/primary/locales/zh-hans.json
index fe8d7aa9..6e6f77d2 100644
--- a/primary/locales/zh-hans.json
+++ b/primary/locales/zh-hans.json
@@ -27,7 +27,7 @@
"partner": "申请成为抢先体验合作伙伴",
"first": "有关 *FIRST* 和 FRC 的更多信息"
},
- "view": "看法",
+ "view": "浏览",
"login": "登录"
},
"hello": {
@@ -40,7 +40,7 @@
"report": {
"intro": "为了帮助我们修复此错误，请：",
"screenshot": "截取此错误消息的屏幕截图，",
- "url": "单击页面顶部的“共享”，复制此页面的完整 URL，",
+ "url": "单击页面顶部的“共享”，复制此页面的完整链接（URL），",
"send": "将屏幕截图发布到我们的 Discord 服务器或我们的 {github}GitHub 页面{/github}，包括相关信息，例如您点击了导致此错误的链接。"
},
"stack": "堆栈跟踪："
@@ -58,7 +58,7 @@
"frc": "我们很自豪能成为 FIRST 机器人竞赛的参与者。"
},
"nav": {
- "home": "家",
+ "home": "主页",
"reports": {
"main": "信息和报告：[[{event}]]",
"teams": "团队",
@@ -66,7 +66,7 @@
"teamStats": "球队数据",
"yearStats": "{year}的完整统计数据",
"export": {
- "main": "导出为 CSV",
+ "main": "导出数据",
"match": "匹配球探数据：[[{event}]]",
"pit": "场地侦察数据：[[{event}]]",
"matchAll": "匹配球探数据：[[所有 {year}]]",
@@ -78,17 +78,17 @@
"main": "管理：[[{org}]]",
"members": {
"main": "成员",
- "list": "会员名单",
- "passwords": "审核/重置会员密码"
+ "list": "成员名单",
+ "passwords": "审核/重置队员密码"
},
"scouters": {
- "main": "童子军",
+ "main": "侦查员",
"event": "童子军：[[{event}]]",
"audit": "侦察审核",
- "present": "设置礼物"
+ "present": "设定参与此活动的人员"
}
},
- "admin": "行政",
+ "admin": "管理员",
"user": {
"main": "用户：[[{user}]]",
"fallback": "用户",
@@ -96,11 +96,12 @@
"logout": "登出",
"switchorg": "改变组织"
},
- "help": "需要帮忙？检查我们的维基！"
+ "help": "需要帮忙？检查我们的维基！",
+ "thanks": "特别鸣谢"
}
},
"home": {
- "title": "家",
+ "title": "主页",
"menu": "点击左上角的{menu}打开菜单",
"tournamentInfo": "赛事信息",
"teamInfo": "团队信息",
@@ -110,7 +111,9 @@
"scoutingDashboard": "侦察仪表板",
"management": "管理",
"admin": "行政",
- "specifyTeam": "您必须指定一个团队。"
+ "specifyTeam": "您必须指定一个团队。",
+ "formDemos": "表格预览",
+ "matchFormDemo": "赛事表格"
},
"share": {
"changeOrg": "您正在查看 {org}。\n要更改您希望查看的组织，请单击菜单中的 *Org: {org}* 并选择 *Change Organization*。"
@@ -119,10 +122,10 @@
"loginOrg": "登录 {org}",
"orgpassword": "机构密码：",
"next": "下一个",
- "name": "名称：",
+ "name": "姓名：",
"personalpassword": "个人密码：",
"createnew": "请创建一个新密码。",
- "mustcreate": "您在您的组织中拥有提升的权限，因此您必须设置密码以确保其他人无法以您的身份登录。",
+ "mustcreate": "您在您的组织中拥有更高的的权限，因此您必须设置密码以确保其他人无法以您的身份登录。",
"currentpassword": "当前密码：",
"newpassword": "新密码：",
"newpassword2": "确认：",
@@ -131,8 +134,8 @@
"changepassword": "更改密码",
"blankpassword": "如果您还没有自己的密码，请留空。",
"selectorg": "请选择要登录的组织。",
- "logoutbeforelogin": "请先注销，然后才能登录其他用户。",
- "orgpasswordrequired": "请输入您所在组织的密码。要返回，请打开左上角的导航。",
+ "logoutbeforelogin": "在以其他用户的身份登录前请先登出当前账号",
+ "orgpasswordrequired": "请输入您所在组织的密码。若想返回，请打开左上角的导航键。",
"orgpasswordincorrect": "组织 {org} 的密码不正确。",
"resubmitlogin": "抱歉，请重新提交您的组织登录信息。",
"selectuser": "请选择一个用户。",
@@ -166,17 +169,17 @@
"small": "上传小#{n}",
"preprocess": "预处理照片以节省移动数据？"
},
- "matchHeading": "比赛#{match}，球队#{team}",
+ "matchHeading": "比赛#{match}，团队#{team}",
"dynamicScrolling": "启用动态滚动",
"submit": "提交",
- "orgManagerActions": "组织经理行动：",
+ "orgManagerActions": "组织管理人行动：",
"clearData": "清除数据",
"clearDataConfirm": "如果您*确定*想要*永久删除*本场比赛的球探数据，请在下方输入您的密码。",
"invalidMatchKey": "无效的匹配键集。",
"invalidTeam": "团队 {team} 不存在。",
"invalidTeamKey": "团队密钥未定义或无效。",
"noDataSubmit": "没有数据发送到 {url}。",
- "submitSuccess": "提交数据成功。",
+ "submitSuccess": "成功提交数据。",
"deleteSuccess": "删除数据成功。如果您希望在屏幕上重新提交数据，您将不会被重定向离开该页面。"
},
"notifications": {
@@ -192,14 +195,14 @@
"dbSaveFailed": "已收到订阅，但我们无法将其保存到我们的数据库中。",
"testPageTitle": "通知测试页面",
"invalidKey": "没有匹配 & 匹配团队密钥",
- "invalidMatch": "未找到匹配项",
+ "invalidMatch": "未找到比赛",
"content": {
"title": "{match} 即将开始",
"body": "您被分配到 {alliance} 联盟的团队 {team}。",
"ifFocused": "别忘了，{match} 即将开始！"
},
"actions": {
- "scout": "球探比赛"
+ "scout": "比赛侦察"
}
},
"dashboard": {
@@ -414,5 +417,12 @@
"tryAgainLater": "请稍后再试。",
"yes": "是的",
"no": "不",
- "matches": "火柴"
+ "matches": "火柴",
+ "name": "姓名",
+ "year": "年份",
+ "thankyou": {
+ "2023offseason": "2023非赛季",
+ "2023inseason": "2023赛季"
+ },
+ "update": "更新"
}
diff --git a/primary/package.json b/primary/package.json
index c5dc49fb..b5164beb 100644
--- a/primary/package.json
+++ b/primary/package.json
@@ -22,19 +22,15 @@
"---readme---": "Use the win-X scripts if you're using Windows. Always upload to test or QA first, then extensively test before promoting to prod.",
"archive": "node ../scripts/uploadversion.js --archive --folder $npm_package_config_folder",
"win-archive": "node ../scripts/uploadversion.js --archive --folder %npm_package_config_folder%",
- "win-sync-test": "aws s3 sync %npm_package_config_publicFolderName% s3://%npm_package_config_publicS3BucketName%/test --acl public-read",
- "win-sync-qa": "aws s3 sync %npm_package_config_publicFolderName% s3://%npm_package_config_publicS3BucketName%/qa --acl public-read",
- "win-sync-prod": "aws s3 sync %npm_package_config_publicFolderName% s3://%npm_package_config_publicS3BucketName%/prod --acl public-read",
- "win-sync-all": "yarn run win-sync-test && yarn run win-sync-qa && yarn run win-sync-prod",
"win-upload-test": "node ../scripts/uploadversion.js --alias test --folder %npm_package_config_folder% --function-name %npm_package_config_functionFullName%",
"win-upload-qa": "node ../scripts/uploadversion.js --alias qa --folder %npm_package_config_folder% --function-name %npm_package_config_functionFullName%",
"win-promote-test-qa": "node ../scripts/promoteversion.js --promote-from test --promote-to qa --function-name %npm_package_config_functionFullName%",
"win-promote-qa-prod": "node ../scripts/promoteversion.js --promote-from qa --promote-to prod --function-name %npm_package_config_functionFullName%",
"win-rollback-prod": "node ../scripts/rollbackversion.js --function-name %npm_package_config_functionFullName%",
- "sync-test": "aws s3 sync $npm_package_config_publicFolderName s3://$npm_package_config_publicS3BucketName/test --acl public-read",
- "sync-qa": "aws s3 sync $npm_package_config_publicFolderName s3://$npm_package_config_publicS3BucketName/qa --acl public-read",
- "sync-prod": "aws s3 sync $npm_package_config_publicFolderName s3://$npm_package_config_publicS3BucketName/prod --acl public-read",
- "sync-all": "yarn run sync-test && yarn run sync-qa && yarn run sync-prod",
+ "sync-test": "bun ../scripts/s3sync.ts --tier test --folder public",
+ "sync-qa": "bun ../scripts/s3sync.ts --tier qa --folder public",
+ "sync-prod": "bun ../scripts/s3sync.ts --tier prod --folder public",
+ "sync-all": "bun run sync-test && yarn run sync-qa && yarn run sync-prod",
"upload-test": "node ../scripts/uploadversion.js --alias test --folder $npm_package_config_folder --function-name $npm_package_config_functionFullName",
"upload-qa": "node ../scripts/uploadversion.js --alias qa --folder $npm_package_config_folder --function-name $npm_package_config_functionFullName",
"promote-test-qa": "node ../scripts/promoteversion.js --promote-from test --promote-to qa --function-name $npm_package_config_functionFullName",
diff --git a/primary/public-src/less/main.less b/primary/public-src/less/main.less
index d054d305..730dc748 100644
--- a/primary/public-src/less/main.less
+++ b/primary/public-src/less/main.less
@@ -108,10 +108,16 @@
color: white!important;
background-color: @alliance-red!important;
}
+.alliance-red-faded {
+ background-color: fadeout(@alliance-red, 80%);
+}
.alliance-blue{
color: white!important;
background-color: @alliance-blue!important;
}
+.alliance-blue-faded {
+ background-color: fadeout(@alliance-blue, 80%);
+}
.alliance-border-red{
border: 1px solid desaturate(lighten(@alliance-red, 20%), 50%);
@@ -365,4 +371,46 @@ hr{
overflow-x: auto;
//- CD 2022-11-11: made headerbar fixed to viewport, added margin-top to force content below the bar
margin-top: @headerbar-height;
+}
+
+#dialogElement {
+ width: calc(100% - 100px);
+ height: calc(100% - 100px);
+ padding: 0;
+ border: none;
+
+ &::backdrop {
+ background-color: rgba(0,0,0,0.5);
+ }
+
+ & #dialogContent {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ }
+
+ & #closePreviewBtn {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 40px;
+ height: 40px;
+ display: grid;
+ place-items: center;
+ cursor: pointer;
+ }
+
+ & #previewFrame {
+ width: 100%;
+ top: 40px;
+ position: relative;
+ height: calc(100% - 40px);
+ }
+}
+
+@media(max-width: 600px) {
+ #dialogElement {
+ width: calc(100% - 48px);
+ height: calc(100% - 48px);
+ }
}
\ No newline at end of file
diff --git a/primary/public-src/less/nav.less b/primary/public-src/less/nav.less
index 8d00a92e..5a6ee86b 100644
--- a/primary/public-src/less/nav.less
+++ b/primary/public-src/less/nav.less
@@ -62,6 +62,20 @@
&.tier-dev{background-color: @header-tier-dev;}
}
+@headerTransition: top 0.15s ease-in-out;
+
+// Table header that's sticky needs to react to the header position at the top of the page
+.stickyTableHeader {
+ transition: @headerTransition;
+ top: @headerbar-height;
+ position: sticky;
+ z-index: 100;
+}
+// NavMenu.ts adds/removes 'headerBarHidden' class to document.body
+.headerBarHidden .stickyTableHeader {
+ top: 0px;
+}
+
.header{
.header-color;
& .tierlabel {
@@ -79,7 +93,7 @@
width: 100%;
z-index: 100;
top: 0;
- transition: top .15s ease-in-out;
+ transition: @headerTransition;
// JL 2022-11-24: Adjusting navbar classes to use flexbox for positioning instead of absolute/inline-block/float tricks
display: flex;
diff --git a/primary/public-src/less/w3-additions.less b/primary/public-src/less/w3-additions.less
index 39bb01c7..9ddc0f9d 100644
--- a/primary/public-src/less/w3-additions.less
+++ b/primary/public-src/less/w3-additions.less
@@ -94,7 +94,7 @@ a:hover.hover-link{text-decoration: underline;}
/* Position the tooltip text */
position: absolute;
- z-index: 1;
+ z-index: 10000;
bottom: 125%;
left: 50%;
margin-left: -120px;
diff --git a/primary/public-src/ts-bundled/Dialog.ts b/primary/public-src/ts-bundled/Dialog.ts
new file mode 100644
index 00000000..476e426f
--- /dev/null
+++ b/primary/public-src/ts-bundled/Dialog.ts
@@ -0,0 +1,51 @@
+/**
+ * Modal dialog element with a close button.
+ */
+class Dialog {
+ static getDialog() {
+ let dialogElement = $('dialog#dialogElement') as JQuery;
+ if (!(dialogElement[0] instanceof HTMLDialogElement)) {
+ dialogElement = $(document.createElement('dialog'))
+ .html(
+ `
+
+
+
`
+ )
+ .prop('id', 'dialogElement')
+ .appendTo(document.body);
+ dialogElement.find('button#closePreviewBtn').on('click', () => {
+ dialogElement[0].close();
+ });
+ }
+ return dialogElement;
+ }
+
+ /**
+ * Open the modal dialog and populate its body with the HTML that you specify.
+ * @param html The HTML to populate the dialog with. Need to fetch it ahead of time with a `fetch` statement.
+ *
+ * @example
+ *
+ * fetch('/url'), { method: 'GET' })
+ * .then(response => response.text())
+ * then(data => Dialog.show(data));
+ */
+ static show(html: string) {
+ let dialog = this.getDialog();
+ let iframe = dialog.find('iframe#previewFrame') as JQuery;
+ iframe[0].srcdoc = html;
+ dialog[0].showModal();
+ }
+
+ /**
+ * Open the modal dialog and populate it with the URL you specified.
+ * The web request will set the InModalDialog to true automatically, disabling the page heaader.
+ * @param url URL to open
+ */
+ static showURL(url: string) {
+ fetch(url, {method: 'GET', headers: {'In-Modal-Dialog': 'true'}})
+ .then(response => response.text())
+ .then(html => Dialog.show(html));
+ }
+}
diff --git a/primary/public-src/ts-bundled/FormSubmission.ts b/primary/public-src/ts-bundled/FormSubmission.ts
index 2e0237f7..67871e71 100644
--- a/primary/public-src/ts-bundled/FormSubmission.ts
+++ b/primary/public-src/ts-bundled/FormSubmission.ts
@@ -29,7 +29,7 @@ class FormSubmission{
constructor(form: HTMLFormElement|JQuery, url: string, key: string, options?: {autoRetry: boolean}){
if (form && url && key) {
- this.data = this._getFormData(form);
+ this.data = FormSubmission.getFormData(form);
this.url = url;
this.key = key; //Date.now().toString();
@@ -104,7 +104,10 @@ class FormSubmission{
localStorage.setItem(this.key, JSON.stringify(this.data));
}
- _getFormData(form: HTMLFormElement|JQuery){
+ /**
+ * Get a key-value object from any form element (useful outside of the FormSubmission class)
+ */
+ static getFormData(form: HTMLFormElement|JQuery) {
let unIndexedData = $(form).serializeArray();
let indexedData: Dictionary = {};
diff --git a/primary/public-src/ts-bundled/NavMenu.ts b/primary/public-src/ts-bundled/NavMenu.ts
index efd58503..a6e862b4 100644
--- a/primary/public-src/ts-bundled/NavMenu.ts
+++ b/primary/public-src/ts-bundled/NavMenu.ts
@@ -19,9 +19,15 @@ $(() => {
if (navMenu.opened || Math.abs(lastScrollTop - scrollTop) <= headerbarHeight) return;
// scrolled down, hide
- if (scrollTop > lastScrollTop) headerbar.addClass('hidden');
+ if (scrollTop > lastScrollTop) {
+ headerbar.addClass('hidden');
+ $(document.body).addClass('headerBarHidden');
+ }
// scrolled up, show
- else headerbar.removeClass('hidden');
+ else {
+ headerbar.removeClass('hidden');
+ $(document.body).removeClass('headerBarHidden');
+ }
// lastScrollTop will only update in blocks of headerbarHeight since it's after the return
lastScrollTop = scrollTop;
diff --git a/primary/public-src/ts-bundled/scoutradioz.ts b/primary/public-src/ts-bundled/scoutradioz.ts
index 2553152d..ab4272fa 100644
--- a/primary/public-src/ts-bundled/scoutradioz.ts
+++ b/primary/public-src/ts-bundled/scoutradioz.ts
@@ -41,7 +41,7 @@ declare function onResize(cb: () => void): void;
window.onResize = function(cb: () => void) {
resizeCallbacks.push(cb);
- cb(); // Run the callback once
+ requestAnimationFrame(cb); // Run the callback once
};
let ticking = false;
diff --git a/primary/public-src/ts/bundle.d.ts b/primary/public-src/ts/bundle.d.ts
index 764c9aa8..24fc226c 100644
--- a/primary/public-src/ts/bundle.d.ts
+++ b/primary/public-src/ts/bundle.d.ts
@@ -1,6 +1,29 @@
///
///
///
+/**
+ * Modal dialog element with a close button.
+ */
+declare class Dialog {
+ static getDialog(): JQuery;
+ /**
+ * Open the modal dialog and populate its body with the HTML that you specify.
+ * @param html The HTML to populate the dialog with. Need to fetch it ahead of time with a `fetch` statement.
+ *
+ * @example
+ *
+ * fetch('/url'), { method: 'GET' })
+ * .then(response => response.text())
+ * then(data => Dialog.show(data));
+ */
+ static show(html: string): void;
+ /**
+ * Open the modal dialog and populate it with the URL you specified.
+ * The web request will set the InModalDialog to true automatically, disabling the page heaader.
+ * @param url URL to open
+ */
+ static showURL(url: string): void;
+}
declare class FormSubmission {
/**
* JL note 2022-04-03: Since all uses of FormSubmission follow the following response system:
@@ -36,7 +59,10 @@ declare class FormSubmission {
submit(cb: ObjectCallback): void;
_getFromLocalStorage(): string | null;
_addToLocalStorage(): void;
- _getFormData(form: HTMLFormElement | JQuery): Dictionary;
+ /**
+ * Get a key-value object from any form element (useful outside of the FormSubmission class)
+ */
+ static getFormData(form: HTMLFormElement | JQuery): Dictionary;
}
interface ObjectCallback {
(error: JQueryXHR | Error | string | null, response?: SRResponse): void;
diff --git a/primary/public-src/ts/script-allianceselection.ts b/primary/public-src/ts/script-allianceselection.ts
index ccb3b468..369f990c 100644
--- a/primary/public-src/ts/script-allianceselection.ts
+++ b/primary/public-src/ts/script-allianceselection.ts
@@ -76,6 +76,13 @@ $(function(){
$('#numAlliances').on('change', (e) => doNumChange(e.target, 'numAlliances'));
$('#numRounds').on('change', (e) => doNumChange(e.target, 'numRounds'));
+
+ // When a team number is clicked, open a dialog with their super scout notes
+ $('[team-key]').on('click', function() {
+ let team_key = $(this).attr('team-key');
+ Dialog.showURL(`/reports/teamintel?team_key=${team_key}`);
+ });
+
});
function doNumChange(el: Element, param: string) {
diff --git a/primary/public-src/ts/script-editform.ts b/primary/public-src/ts/script-editform.ts
index 01749577..c6cf3e15 100644
--- a/primary/public-src/ts/script-editform.ts
+++ b/primary/public-src/ts/script-editform.ts
@@ -188,9 +188,6 @@ async function test() {
let jsonString = await validate();
if (jsonString == null)
return;
-
- const iframe = document.getElementById('previewFrame') as HTMLIFrameElement;
- const dialog = document.getElementById('previewDialog') as HTMLDialogElement;
fetch('/scouting/testform', {
method: 'POST',
@@ -205,8 +202,7 @@ async function test() {
})
.then(response => response.text())
.then(data => {
- iframe.srcdoc = data;
- dialog.showModal();
+ Dialog.show(data);
});
}
@@ -223,14 +219,8 @@ async function submit() {
document.forms.submitForm.submit();
}
-function closePreviewDialog() {
- const dialog = document.getElementById('previewDialog') as HTMLDialogElement;
- dialog.close();
-}
-
$(() => {
$('#testBtn').on('click', test);
$('#submitBtn').on('click', submit);
$('#validateBtn').on('click', validate);
- $('#closePreviewBtn').on('click', closePreviewDialog);
});
diff --git a/primary/public-src/ts/script-matchscouting.ts b/primary/public-src/ts/script-matchscouting.ts
index e915b05a..5de84eac 100644
--- a/primary/public-src/ts/script-matchscouting.ts
+++ b/primary/public-src/ts/script-matchscouting.ts
@@ -1,52 +1,62 @@
// These variables are created in the pug view
declare let stickyBarEnabled: boolean;
-declare let headerList: Array;
+declare let groupedLayout: Array<{
+ label: string;
+ items: import('scoutradioz-types').Layout[];
+}>;
+
+let sections = [] as Array<{
+ elem: JQuery;
+ label: string;
+ rect: DOMRect;
+ top: number;
+ center: number;
+}>;
$(function () {
-
$('#toggleStickyToggle').addClass('animate');
-
+
$('#toggleSticky').on('change', () => {
let enabled = $('#toggleSticky').prop('checked');
stickyBarEnabled = enabled;
if (enabled) {
// Show the sticky bar
- $('#stickyBar').show().css('bottom', -60).animate({
- 'bottom': 0
- }, 200);
+ $('#stickyBar').show().css('bottom', -60).animate(
+ {
+ bottom: 0,
+ },
+ 200
+ );
// Save the fact that it's enabled
localStorage.removeItem('disableStickyBar');
+ requestAnimationFrame(handleScroll);
}
else {
// Hide the sticky bar
- $('#stickyBar').animate({
- 'bottom': -60
- }, 200);
+ $('#stickyBar').animate(
+ {
+ bottom: -60,
+ },
+ 200
+ );
// Clear the "disabled-form" class from all elements
- $('.disabled-form').removeClass('disabled-form').removeAttr('disabled')
- .find('input, button').removeAttr('disabled'); // and its children which are inputs
+ $('.disabled-form')
+ .removeClass('disabled-form')
+ .removeAttr('disabled')
+ .find('input, button')
+ .removeAttr('disabled'); // and its children which are inputs
// Save the fact that it's disabled
localStorage.setItem('disableStickyBar', '1');
+ currentSectionIdx = -1;
}
});
-
- //- Get a list of all the header elements, to use for scrolling
- let headerElements: Array = [];
- for (let label of headerList) {
- let thisHeader = $(`#${label}`);
- if (thisHeader[0]) headerElements.push(thisHeader[0]);
- }
-
+
const stickyBarTitle = $('#stickyBarTitle');
- const stickyBarLeft = $('#stickyBarLeft');
+ const stickyBarLeft = $('#stickyBarLeft');
const stickyBarRight = $('#stickyBarRight');
-
- const matchform = $('#matchform');
-
- let currentHeaderID = '';
-
- handleScroll();
-
+
+ let currentSectionIdx = -1;
+
let ticking = false;
$(window).on('scroll', () => {
if (!ticking) {
@@ -60,145 +70,96 @@ $(function () {
ticking = true;
}
});
-
-
+
+ function lerp(t: number, a: number, b: number) {
+ return (1 - t) * a + t * b;
+ }
+
function handleScroll() {
- if (!stickyBarEnabled) return;
-
- const centerX = window.innerWidth / 2;
- const centerY = window.innerHeight * 2/3;
-
- let centerDiv;
- // sometimes gap between elements causes the elementfrompoint to be a parent element
- for (let i = 0; i < 10; i++) {
- centerDiv = document.elementFromPoint(centerX, centerY - i * 4);
- if (centerDiv && matchform.has(centerDiv).length) {
- break;
- }
- }
- if (!centerDiv) {
- console.error('Could not find a center div!');
- return;
+ if (!stickyBarEnabled) return console.log('not enabled');
+ if (sections.length === 0) return console.error('Sections array is empty!');
+
+ // Create a "target" that is usually in the center of the screen but semi-smoothly transitions
+ // from the top of the screen at scroll 0 to the middle, and then from the middle to the bottom of
+ // the screen, to prevent any sections from being missed while scrolling
+ let scrollY = window.scrollY;
+ let halfScreenHeight = window.innerHeight / 2;
+ let centerOfScreen = window.scrollY + halfScreenHeight;
+ let bufferZone = window.innerHeight / 3;
+ let bufferZoneBelowBottom = document.body.offsetHeight - window.innerHeight - bufferZone;
+
+ let targetY = centerOfScreen;
+ if (scrollY < bufferZone) {
+ let t = scrollY / bufferZone;
+ targetY = lerp(Math.sqrt(t), 0, centerOfScreen);
}
-
- // Find the "root" form element so we can iterate across siblings
- let attemptsRemaining = 20; // to avoid infinite loop, just in case
- while (centerDiv.parentElement && !matchform.is(centerDiv.parentElement) && attemptsRemaining > 0) {
- centerDiv = centerDiv.parentElement;
- attemptsRemaining--;
+ if (scrollY > bufferZoneBelowBottom) {
+ let t = (scrollY - bufferZoneBelowBottom) / bufferZone;
+ targetY = lerp(Math.pow(t, 2), centerOfScreen, document.body.offsetHeight);
}
-
- // Loop backwards until we find a header element
- let thisElement = centerDiv;
- attemptsRemaining = 50; // if someone has a group of form elements that's 50 long, they've got problems.
- let headerInMiddle: HTMLElement|null = null;
- while (thisElement instanceof HTMLElement && !headerInMiddle && attemptsRemaining > 0) {
- // test if this element is a header
- if (headerElements.includes(thisElement)) {
- headerInMiddle = thisElement; // we found our winner
- break;
+
+ // Find the section whose center is closest to the calculated target
+ let closestSection = 0;
+ let closestDistance = 9999999;
+ for (let i = 0; i < sections.length; i++) {
+ let distance = Math.abs(targetY - sections[i].center);
+ if (distance < closestDistance) {
+ closestSection = i;
+ closestDistance = distance;
}
- thisElement = thisElement.previousElementSibling as HTMLElement; // proceed
- attemptsRemaining--;
- }
-
- if (!headerInMiddle) {
- console.log(attemptsRemaining);
- console.error('Could not find a header in the middle!');
- return;
}
- let header = headerInMiddle;
-
- // Special case: Scrolled all the way down in the page, just set the very last header to active
- let diff = Math.abs(scrollY + innerHeight - document.body.offsetHeight);
- if (diff < 10) {
- console.log('Within 10 px of bottom of screen; setting last header to active');
- header = headerElements[headerElements.length - 1];
- }
-
- if (currentHeaderID !== header.id) {
- setStickyBar(header.id, header.innerText);
- }
-
- // Old code backup: Simply find the first visible header element
- // for (let header of headerElements) {
- // let isVisible = checkVisible(header);
- // if (isVisible) {
- // //- Only update the sticky bar when it needs to change
- // if (currentHeaderID !== header.id) {
- // setStickyBar(header.id, header.innerText);
- // }
- // break;
- // }
- // }
+ setSection(closestSection);
}
-
- /**
- * Set the sticky bar text.
- * @param id string
- * @param text string
- */
- function setStickyBar(id: string, text: string) {
+
+ function setSection(idx: number) {
+ assert(sections[idx], new RangeError());
+ if (currentSectionIdx === idx) return; // avoid unnecessary recalculations
let st = performance.now();
- stickyBarTitle.text(text);
- currentHeaderID = id;
-
- //- Now, update the visibility of the elements under the OTHER headers
- for (let i = 0; i < headerElements.length; i++) {
- let header = headerElements[i];
- let nextHeader = headerElements[i + 1];
- let thisSibling = header.nextElementSibling;
-
- if (header.id === id) {
- header.classList.remove('disabled-form');
- while(thisSibling && thisSibling !== nextHeader) {
- thisSibling.classList.remove('disabled-form');
- // Attempt to un-disable an input element within the sibling; also un-disable the sibling itself
- let thisSibInputs = thisSibling.querySelectorAll('input, button');
- // if (thisSiblingInput) thisSiblingInput.disabled = false;
- if (thisSibInputs) thisSibInputs.forEach(itm => itm.disabled = false);
- else thisSibling.disabled = false;
- thisSibling = thisSibling.nextElementSibling;
- }
+ currentSectionIdx = idx;
+
+ // Update the visibility of the elements
+ for (let i = 0; i < sections.length; i++) {
+ if (idx === i) {
+ sections[i].elem.removeClass('disabled-form');
+ sections[i].elem.find('input, button').removeAttr('disabled');
}
else {
- header.classList.add('disabled-form');
- while(thisSibling && thisSibling !== nextHeader) {
- thisSibling.classList.add('disabled-form');
- // Attempt to disable an input element within the sibling; also disable the sibling itself
- let thisSibInputs = thisSibling.querySelectorAll('input, button');
- if (thisSibInputs) thisSibInputs.forEach(itm => itm.disabled = true);
- else thisSibling.disabled = true;
- thisSibling = thisSibling.nextElementSibling;
- }
+ sections[i].elem.addClass('disabled-form');
+ sections[i].elem.find('input, button').attr('disabled', '');
}
}
+ stickyBarTitle.text(sections[idx].label);
console.log(performance.now() - st);
}
-
+
stickyBarLeft.on('click', () => {
- let currentHeader = document.getElementById(currentHeaderID);
- if (!currentHeader) throw new Error(`Header ${currentHeaderID} not found`);
-
- let index = headerElements.indexOf(currentHeader);
- let prevHeader = headerElements[index - 1];
- if (prevHeader) {
- window.scrollToId('dynamicscroll_' + prevHeader.id);
- }
+ if (currentSectionIdx < 0) throw new RangeError('Current section not set!');
+ let sectionToScrollTo = currentSectionIdx - 1;
+ if (sectionToScrollTo < 0) sectionToScrollTo = 0; // in this case, just scroll to the top of the first section
+ let section = sections[sectionToScrollTo];
+ window.scrollTo({
+ // Scroll such that the center of the section is in the middle of the screen.
+ // JL note: This seems to work with the match form I tested, but it might still not be perfect
+ // depending on the size of the sections in the form. But it's at least a TON better than
+ // the previous implementation.
+ top: section.center - window.innerHeight/2,
+ behavior: 'smooth'
+ });
});
-
+
stickyBarRight.on('click', () => {
- let currentHeader = document.getElementById(currentHeaderID);
- if (!currentHeader) throw new Error(`Header ${currentHeaderID} not found`);
-
- let index = headerElements.indexOf(currentHeader);
- let nextHeader = headerElements[index + 1];
- if (nextHeader) {
- window.scrollToId('dynamicscroll_' + nextHeader.id);
- }
+ if (currentSectionIdx < 0) throw new RangeError('Current section not set!');
+ let sectionToScrollTo = currentSectionIdx + 1;
+ if (sectionToScrollTo >= sections.length) sectionToScrollTo = sections.length - 1; // in this case, just scroll to the top of the first section
+ let section = sections[sectionToScrollTo];
+ window.scrollTo({
+ // JL note: see above.
+ top: section.center - window.innerHeight/2,
+ behavior: 'smooth'
+ });
});
-
+
//- Just some visual flourish for the icons
stickyBarLeft.on('mousedown', fancyMouseDown);
stickyBarLeft.on('touchstart', fancyMouseDown);
@@ -208,7 +169,7 @@ $(function () {
stickyBarLeft.on('touchend', fancyMouseUp);
stickyBarRight.on('mouseup', fancyMouseUp);
stickyBarRight.on('touchend', fancyMouseUp);
-
+
function fancyMouseDown(this: HTMLElement) {
$(this).css({
top: 2,
@@ -221,57 +182,82 @@ $(function () {
left: '',
});
}
-
- //- Credit: https://stackoverflow.com/questions/5353934/check-if-element-is-visible-on-screen
- function checkVisible(elem: HTMLElement) {
- let rect = elem.getBoundingClientRect();
- let viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
- return !(rect.bottom < 0 || rect.top - viewHeight >= 0);
- }
-
- window.onResize(() => {
+
+ function handleResize() {
+ // Sections calculation needs to be done even if sticky bar is disabled
+ let bodyRect = document.body.getBoundingClientRect(); // need to subtract bodyRect.top to get absolute position
+ sections = [];
+ for (let i = 0; i < groupedLayout.length; i++) {
+ let section = $(`#group_${i}`);
+ let rect = section[0].getBoundingClientRect();
+ let top = rect.top - bodyRect.top;
+ let center = top + rect.height / 2;
+ let label = groupedLayout[i].label;
+ // the group 0 section may contain no children, if so, ignore it
+ if (section.children().length > 0) {
+ sections.push({
+ elem: section,
+ label,
+ rect,
+ top,
+ center,
+ });
+ }
+ }
+ // but we can skip the following code if sticky bar is disabled
if (!stickyBarEnabled) return;
-
+ handleScroll();
+
// - The text is centered at a fixed size, but we want to make sure the text is visible even on small screens.
let triLeft = $('#stickyBarLeft')[0];
let text = $('#stickyBarTitle')[0];
const OFFSET = -8; // the buttons have a lot of padding; allowing a bit of overlap
-
+
text.style.fontSize = '1em';
let triRect = triLeft.getBoundingClientRect();
//- This just loops from 1 to 10 and iteratively reduces the font size until it fits without overlapping the triangle icons.
- let iterations = 0, textSize = 1;
- while (iterations < 10 && text.getBoundingClientRect().left < triRect.right + OFFSET) {
+ let iterations = 0,
+ textSize = 1;
+ while (
+ iterations < 10 &&
+ text.getBoundingClientRect().left < triRect.right + OFFSET
+ ) {
textSize -= 0.05;
text.style.fontSize = textSize + 'em';
iterations++;
}
- });
+ }
+
+ window.onResize(handleResize);
+ // when team image loads, recalculate page size too
+ $('img').on('load', handleResize);
});
-$(function(){
-
- $('#submit').on('click', function(){
-
+$(function () {
+ $('#submit').on('click', function () {
// JL: Disabled inputs are only for visual assistance in dynamic scrolling, but they might be ignored in the form submission if they remain disabled
- $('input[disabled]').removeAttr('disabled');
-
+ $('input[disabled]').removeAttr('disabled');
+
let matchForm = $('form[name=matchform]');
-
- let matchSubmission = new FormSubmission(matchForm, '/scouting/match/submit', 'matchScouting');
-
+
+ let matchSubmission = new FormSubmission(
+ matchForm,
+ '/scouting/match/submit',
+ 'matchScouting'
+ );
+
matchSubmission.submit((err, response) => {
if (err || !response || !response.message) {
NotificationCard.error('An error occurred. Please retry.');
}
- else{
+ else {
let message = response.message;
- NotificationCard.show(message, {darken: true, type: 'good', ttl: 0});
-
- // 2022-03-24 JL: Send assigned scouters back to dashboard, send unassigned scouters back to dashboard/matches
- let newHref = (response.assigned) ? '/dashboard' : '/dashboard/matches';
-
+ NotificationCard.show(message, { darken: true, type: 'good', ttl: 0 });
+
+ // 2022-03-24 JL: Send assigned scouters back to dashboard, send unassigned scouters back to dashboard/matches
+ let newHref = response.assigned ? '/dashboard' : '/dashboard/matches';
+
setTimeout(() => {
window.onbeforeunload = null;
window.location.href = newHref;
@@ -279,21 +265,17 @@ $(function(){
}
});
});
-
+
// 2024-01-26 JL: Made the editform preview appear in a dialog window; in this case, location.href === 'about:srcdoc'
// and we don't want onbeforeunload to fire in the sub window when changes don't matter
if (this.location.href !== 'about:srcdoc') {
- window.onbeforeunload = function() {
+ window.onbeforeunload = function () {
return 'Leaving this page will lose match scouting data.';
};
}
});
// Again because JQuery typing is dumb
-interface Element {
- disabled: boolean;
-}
-
interface SRResponse {
assigned: boolean;
-}
\ No newline at end of file
+}
diff --git a/primary/public/images/april-fools-thumbnail.png b/primary/public/images/april-fools-thumbnail.png
new file mode 100644
index 00000000..990bb48c
Binary files /dev/null and b/primary/public/images/april-fools-thumbnail.png differ
diff --git a/primary/public/lib/chart.js b/primary/public/lib/chart.js
deleted file mode 100644
index 58990616..00000000
--- a/primary/public/lib/chart.js
+++ /dev/null
@@ -1,13269 +0,0 @@
-/*!
- * Chart.js v3.7.1
- * https://www.chartjs.org
- * (c) 2022 Chart.js Contributors
- * Released under the MIT License
- */
-(function (global, factory) {
-typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-typeof define === 'function' && define.amd ? define(factory) :
-(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Chart = factory());
-})(this, (function () { 'use strict';
-
-function fontString(pixelSize, fontStyle, fontFamily) {
- return fontStyle + ' ' + pixelSize + 'px ' + fontFamily;
-}
-const requestAnimFrame = (function() {
- if (typeof window === 'undefined') {
- return function(callback) {
- return callback();
- };
- }
- return window.requestAnimationFrame;
-}());
-function throttled(fn, thisArg, updateFn) {
- const updateArgs = updateFn || ((args) => Array.prototype.slice.call(args));
- let ticking = false;
- let args = [];
- return function(...rest) {
- args = updateArgs(rest);
- if (!ticking) {
- ticking = true;
- requestAnimFrame.call(window, () => {
- ticking = false;
- fn.apply(thisArg, args);
- });
- }
- };
-}
-function debounce(fn, delay) {
- let timeout;
- return function(...args) {
- if (delay) {
- clearTimeout(timeout);
- timeout = setTimeout(fn, delay, args);
- } else {
- fn.apply(this, args);
- }
- return delay;
- };
-}
-const _toLeftRightCenter = (align) => align === 'start' ? 'left' : align === 'end' ? 'right' : 'center';
-const _alignStartEnd = (align, start, end) => align === 'start' ? start : align === 'end' ? end : (start + end) / 2;
-const _textX = (align, left, right, rtl) => {
- const check = rtl ? 'left' : 'right';
- return align === check ? right : align === 'center' ? (left + right) / 2 : left;
-};
-
-class Animator {
- constructor() {
- this._request = null;
- this._charts = new Map();
- this._running = false;
- this._lastDate = undefined;
- }
- _notify(chart, anims, date, type) {
- const callbacks = anims.listeners[type];
- const numSteps = anims.duration;
- callbacks.forEach(fn => fn({
- chart,
- initial: anims.initial,
- numSteps,
- currentStep: Math.min(date - anims.start, numSteps)
- }));
- }
- _refresh() {
- if (this._request) {
- return;
- }
- this._running = true;
- this._request = requestAnimFrame.call(window, () => {
- this._update();
- this._request = null;
- if (this._running) {
- this._refresh();
- }
- });
- }
- _update(date = Date.now()) {
- let remaining = 0;
- this._charts.forEach((anims, chart) => {
- if (!anims.running || !anims.items.length) {
- return;
- }
- const items = anims.items;
- let i = items.length - 1;
- let draw = false;
- let item;
- for (; i >= 0; --i) {
- item = items[i];
- if (item._active) {
- if (item._total > anims.duration) {
- anims.duration = item._total;
- }
- item.tick(date);
- draw = true;
- } else {
- items[i] = items[items.length - 1];
- items.pop();
- }
- }
- if (draw) {
- chart.draw();
- this._notify(chart, anims, date, 'progress');
- }
- if (!items.length) {
- anims.running = false;
- this._notify(chart, anims, date, 'complete');
- anims.initial = false;
- }
- remaining += items.length;
- });
- this._lastDate = date;
- if (remaining === 0) {
- this._running = false;
- }
- }
- _getAnims(chart) {
- const charts = this._charts;
- let anims = charts.get(chart);
- if (!anims) {
- anims = {
- running: false,
- initial: true,
- items: [],
- listeners: {
- complete: [],
- progress: []
- }
- };
- charts.set(chart, anims);
- }
- return anims;
- }
- listen(chart, event, cb) {
- this._getAnims(chart).listeners[event].push(cb);
- }
- add(chart, items) {
- if (!items || !items.length) {
- return;
- }
- this._getAnims(chart).items.push(...items);
- }
- has(chart) {
- return this._getAnims(chart).items.length > 0;
- }
- start(chart) {
- const anims = this._charts.get(chart);
- if (!anims) {
- return;
- }
- anims.running = true;
- anims.start = Date.now();
- anims.duration = anims.items.reduce((acc, cur) => Math.max(acc, cur._duration), 0);
- this._refresh();
- }
- running(chart) {
- if (!this._running) {
- return false;
- }
- const anims = this._charts.get(chart);
- if (!anims || !anims.running || !anims.items.length) {
- return false;
- }
- return true;
- }
- stop(chart) {
- const anims = this._charts.get(chart);
- if (!anims || !anims.items.length) {
- return;
- }
- const items = anims.items;
- let i = items.length - 1;
- for (; i >= 0; --i) {
- items[i].cancel();
- }
- anims.items = [];
- this._notify(chart, anims, Date.now(), 'complete');
- }
- remove(chart) {
- return this._charts.delete(chart);
- }
-}
-var animator = new Animator();
-
-/*!
- * @kurkle/color v0.1.9
- * https://github.com/kurkle/color#readme
- * (c) 2020 Jukka Kurkela
- * Released under the MIT License
- */
-const map$1 = {0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, A: 10, B: 11, C: 12, D: 13, E: 14, F: 15, a: 10, b: 11, c: 12, d: 13, e: 14, f: 15};
-const hex = '0123456789ABCDEF';
-const h1 = (b) => hex[b & 0xF];
-const h2 = (b) => hex[(b & 0xF0) >> 4] + hex[b & 0xF];
-const eq = (b) => (((b & 0xF0) >> 4) === (b & 0xF));
-function isShort(v) {
- return eq(v.r) && eq(v.g) && eq(v.b) && eq(v.a);
-}
-function hexParse(str) {
- var len = str.length;
- var ret;
- if (str[0] === '#') {
- if (len === 4 || len === 5) {
- ret = {
- r: 255 & map$1[str[1]] * 17,
- g: 255 & map$1[str[2]] * 17,
- b: 255 & map$1[str[3]] * 17,
- a: len === 5 ? map$1[str[4]] * 17 : 255
- };
- } else if (len === 7 || len === 9) {
- ret = {
- r: map$1[str[1]] << 4 | map$1[str[2]],
- g: map$1[str[3]] << 4 | map$1[str[4]],
- b: map$1[str[5]] << 4 | map$1[str[6]],
- a: len === 9 ? (map$1[str[7]] << 4 | map$1[str[8]]) : 255
- };
- }
- }
- return ret;
-}
-function hexString(v) {
- var f = isShort(v) ? h1 : h2;
- return v
- ? '#' + f(v.r) + f(v.g) + f(v.b) + (v.a < 255 ? f(v.a) : '')
- : v;
-}
-function round(v) {
- return v + 0.5 | 0;
-}
-const lim = (v, l, h) => Math.max(Math.min(v, h), l);
-function p2b(v) {
- return lim(round(v * 2.55), 0, 255);
-}
-function n2b(v) {
- return lim(round(v * 255), 0, 255);
-}
-function b2n(v) {
- return lim(round(v / 2.55) / 100, 0, 1);
-}
-function n2p(v) {
- return lim(round(v * 100), 0, 100);
-}
-const RGB_RE = /^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;
-function rgbParse(str) {
- const m = RGB_RE.exec(str);
- let a = 255;
- let r, g, b;
- if (!m) {
- return;
- }
- if (m[7] !== r) {
- const v = +m[7];
- a = 255 & (m[8] ? p2b(v) : v * 255);
- }
- r = +m[1];
- g = +m[3];
- b = +m[5];
- r = 255 & (m[2] ? p2b(r) : r);
- g = 255 & (m[4] ? p2b(g) : g);
- b = 255 & (m[6] ? p2b(b) : b);
- return {
- r: r,
- g: g,
- b: b,
- a: a
- };
-}
-function rgbString(v) {
- return v && (
- v.a < 255
- ? `rgba(${v.r}, ${v.g}, ${v.b}, ${b2n(v.a)})`
- : `rgb(${v.r}, ${v.g}, ${v.b})`
- );
-}
-const HUE_RE = /^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;
-function hsl2rgbn(h, s, l) {
- const a = s * Math.min(l, 1 - l);
- const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
- return [f(0), f(8), f(4)];
-}
-function hsv2rgbn(h, s, v) {
- const f = (n, k = (n + h / 60) % 6) => v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);
- return [f(5), f(3), f(1)];
-}
-function hwb2rgbn(h, w, b) {
- const rgb = hsl2rgbn(h, 1, 0.5);
- let i;
- if (w + b > 1) {
- i = 1 / (w + b);
- w *= i;
- b *= i;
- }
- for (i = 0; i < 3; i++) {
- rgb[i] *= 1 - w - b;
- rgb[i] += w;
- }
- return rgb;
-}
-function rgb2hsl(v) {
- const range = 255;
- const r = v.r / range;
- const g = v.g / range;
- const b = v.b / range;
- const max = Math.max(r, g, b);
- const min = Math.min(r, g, b);
- const l = (max + min) / 2;
- let h, s, d;
- if (max !== min) {
- d = max - min;
- s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
- h = max === r
- ? ((g - b) / d) + (g < b ? 6 : 0)
- : max === g
- ? (b - r) / d + 2
- : (r - g) / d + 4;
- h = h * 60 + 0.5;
- }
- return [h | 0, s || 0, l];
-}
-function calln(f, a, b, c) {
- return (
- Array.isArray(a)
- ? f(a[0], a[1], a[2])
- : f(a, b, c)
- ).map(n2b);
-}
-function hsl2rgb(h, s, l) {
- return calln(hsl2rgbn, h, s, l);
-}
-function hwb2rgb(h, w, b) {
- return calln(hwb2rgbn, h, w, b);
-}
-function hsv2rgb(h, s, v) {
- return calln(hsv2rgbn, h, s, v);
-}
-function hue(h) {
- return (h % 360 + 360) % 360;
-}
-function hueParse(str) {
- const m = HUE_RE.exec(str);
- let a = 255;
- let v;
- if (!m) {
- return;
- }
- if (m[5] !== v) {
- a = m[6] ? p2b(+m[5]) : n2b(+m[5]);
- }
- const h = hue(+m[2]);
- const p1 = +m[3] / 100;
- const p2 = +m[4] / 100;
- if (m[1] === 'hwb') {
- v = hwb2rgb(h, p1, p2);
- } else if (m[1] === 'hsv') {
- v = hsv2rgb(h, p1, p2);
- } else {
- v = hsl2rgb(h, p1, p2);
- }
- return {
- r: v[0],
- g: v[1],
- b: v[2],
- a: a
- };
-}
-function rotate(v, deg) {
- var h = rgb2hsl(v);
- h[0] = hue(h[0] + deg);
- h = hsl2rgb(h);
- v.r = h[0];
- v.g = h[1];
- v.b = h[2];
-}
-function hslString(v) {
- if (!v) {
- return;
- }
- const a = rgb2hsl(v);
- const h = a[0];
- const s = n2p(a[1]);
- const l = n2p(a[2]);
- return v.a < 255
- ? `hsla(${h}, ${s}%, ${l}%, ${b2n(v.a)})`
- : `hsl(${h}, ${s}%, ${l}%)`;
-}
-const map$1$1 = {
- x: 'dark',
- Z: 'light',
- Y: 're',
- X: 'blu',
- W: 'gr',
- V: 'medium',
- U: 'slate',
- A: 'ee',
- T: 'ol',
- S: 'or',
- B: 'ra',
- C: 'lateg',
- D: 'ights',
- R: 'in',
- Q: 'turquois',
- E: 'hi',
- P: 'ro',
- O: 'al',
- N: 'le',
- M: 'de',
- L: 'yello',
- F: 'en',
- K: 'ch',
- G: 'arks',
- H: 'ea',
- I: 'ightg',
- J: 'wh'
-};
-const names = {
- OiceXe: 'f0f8ff',
- antiquewEte: 'faebd7',
- aqua: 'ffff',
- aquamarRe: '7fffd4',
- azuY: 'f0ffff',
- beige: 'f5f5dc',
- bisque: 'ffe4c4',
- black: '0',
- blanKedOmond: 'ffebcd',
- Xe: 'ff',
- XeviTet: '8a2be2',
- bPwn: 'a52a2a',
- burlywood: 'deb887',
- caMtXe: '5f9ea0',
- KartYuse: '7fff00',
- KocTate: 'd2691e',
- cSO: 'ff7f50',
- cSnflowerXe: '6495ed',
- cSnsilk: 'fff8dc',
- crimson: 'dc143c',
- cyan: 'ffff',
- xXe: '8b',
- xcyan: '8b8b',
- xgTMnPd: 'b8860b',
- xWay: 'a9a9a9',
- xgYF: '6400',
- xgYy: 'a9a9a9',
- xkhaki: 'bdb76b',
- xmagFta: '8b008b',
- xTivegYF: '556b2f',
- xSange: 'ff8c00',
- xScEd: '9932cc',
- xYd: '8b0000',
- xsOmon: 'e9967a',
- xsHgYF: '8fbc8f',
- xUXe: '483d8b',
- xUWay: '2f4f4f',
- xUgYy: '2f4f4f',
- xQe: 'ced1',
- xviTet: '9400d3',
- dAppRk: 'ff1493',
- dApskyXe: 'bfff',
- dimWay: '696969',
- dimgYy: '696969',
- dodgerXe: '1e90ff',
- fiYbrick: 'b22222',
- flSOwEte: 'fffaf0',
- foYstWAn: '228b22',
- fuKsia: 'ff00ff',
- gaRsbSo: 'dcdcdc',
- ghostwEte: 'f8f8ff',
- gTd: 'ffd700',
- gTMnPd: 'daa520',
- Way: '808080',
- gYF: '8000',
- gYFLw: 'adff2f',
- gYy: '808080',
- honeyMw: 'f0fff0',
- hotpRk: 'ff69b4',
- RdianYd: 'cd5c5c',
- Rdigo: '4b0082',
- ivSy: 'fffff0',
- khaki: 'f0e68c',
- lavFMr: 'e6e6fa',
- lavFMrXsh: 'fff0f5',
- lawngYF: '7cfc00',
- NmoncEffon: 'fffacd',
- ZXe: 'add8e6',
- ZcSO: 'f08080',
- Zcyan: 'e0ffff',
- ZgTMnPdLw: 'fafad2',
- ZWay: 'd3d3d3',
- ZgYF: '90ee90',
- ZgYy: 'd3d3d3',
- ZpRk: 'ffb6c1',
- ZsOmon: 'ffa07a',
- ZsHgYF: '20b2aa',
- ZskyXe: '87cefa',
- ZUWay: '778899',
- ZUgYy: '778899',
- ZstAlXe: 'b0c4de',
- ZLw: 'ffffe0',
- lime: 'ff00',
- limegYF: '32cd32',
- lRF: 'faf0e6',
- magFta: 'ff00ff',
- maPon: '800000',
- VaquamarRe: '66cdaa',
- VXe: 'cd',
- VScEd: 'ba55d3',
- VpurpN: '9370db',
- VsHgYF: '3cb371',
- VUXe: '7b68ee',
- VsprRggYF: 'fa9a',
- VQe: '48d1cc',
- VviTetYd: 'c71585',
- midnightXe: '191970',
- mRtcYam: 'f5fffa',
- mistyPse: 'ffe4e1',
- moccasR: 'ffe4b5',
- navajowEte: 'ffdead',
- navy: '80',
- Tdlace: 'fdf5e6',
- Tive: '808000',
- TivedBb: '6b8e23',
- Sange: 'ffa500',
- SangeYd: 'ff4500',
- ScEd: 'da70d6',
- pOegTMnPd: 'eee8aa',
- pOegYF: '98fb98',
- pOeQe: 'afeeee',
- pOeviTetYd: 'db7093',
- papayawEp: 'ffefd5',
- pHKpuff: 'ffdab9',
- peru: 'cd853f',
- pRk: 'ffc0cb',
- plum: 'dda0dd',
- powMrXe: 'b0e0e6',
- purpN: '800080',
- YbeccapurpN: '663399',
- Yd: 'ff0000',
- Psybrown: 'bc8f8f',
- PyOXe: '4169e1',
- saddNbPwn: '8b4513',
- sOmon: 'fa8072',
- sandybPwn: 'f4a460',
- sHgYF: '2e8b57',
- sHshell: 'fff5ee',
- siFna: 'a0522d',
- silver: 'c0c0c0',
- skyXe: '87ceeb',
- UXe: '6a5acd',
- UWay: '708090',
- UgYy: '708090',
- snow: 'fffafa',
- sprRggYF: 'ff7f',
- stAlXe: '4682b4',
- tan: 'd2b48c',
- teO: '8080',
- tEstN: 'd8bfd8',
- tomato: 'ff6347',
- Qe: '40e0d0',
- viTet: 'ee82ee',
- JHt: 'f5deb3',
- wEte: 'ffffff',
- wEtesmoke: 'f5f5f5',
- Lw: 'ffff00',
- LwgYF: '9acd32'
-};
-function unpack() {
- const unpacked = {};
- const keys = Object.keys(names);
- const tkeys = Object.keys(map$1$1);
- let i, j, k, ok, nk;
- for (i = 0; i < keys.length; i++) {
- ok = nk = keys[i];
- for (j = 0; j < tkeys.length; j++) {
- k = tkeys[j];
- nk = nk.replace(k, map$1$1[k]);
- }
- k = parseInt(names[ok], 16);
- unpacked[nk] = [k >> 16 & 0xFF, k >> 8 & 0xFF, k & 0xFF];
- }
- return unpacked;
-}
-let names$1;
-function nameParse(str) {
- if (!names$1) {
- names$1 = unpack();
- names$1.transparent = [0, 0, 0, 0];
- }
- const a = names$1[str.toLowerCase()];
- return a && {
- r: a[0],
- g: a[1],
- b: a[2],
- a: a.length === 4 ? a[3] : 255
- };
-}
-function modHSL(v, i, ratio) {
- if (v) {
- let tmp = rgb2hsl(v);
- tmp[i] = Math.max(0, Math.min(tmp[i] + tmp[i] * ratio, i === 0 ? 360 : 1));
- tmp = hsl2rgb(tmp);
- v.r = tmp[0];
- v.g = tmp[1];
- v.b = tmp[2];
- }
-}
-function clone$1(v, proto) {
- return v ? Object.assign(proto || {}, v) : v;
-}
-function fromObject(input) {
- var v = {r: 0, g: 0, b: 0, a: 255};
- if (Array.isArray(input)) {
- if (input.length >= 3) {
- v = {r: input[0], g: input[1], b: input[2], a: 255};
- if (input.length > 3) {
- v.a = n2b(input[3]);
- }
- }
- } else {
- v = clone$1(input, {r: 0, g: 0, b: 0, a: 1});
- v.a = n2b(v.a);
- }
- return v;
-}
-function functionParse(str) {
- if (str.charAt(0) === 'r') {
- return rgbParse(str);
- }
- return hueParse(str);
-}
-class Color {
- constructor(input) {
- if (input instanceof Color) {
- return input;
- }
- const type = typeof input;
- let v;
- if (type === 'object') {
- v = fromObject(input);
- } else if (type === 'string') {
- v = hexParse(input) || nameParse(input) || functionParse(input);
- }
- this._rgb = v;
- this._valid = !!v;
- }
- get valid() {
- return this._valid;
- }
- get rgb() {
- var v = clone$1(this._rgb);
- if (v) {
- v.a = b2n(v.a);
- }
- return v;
- }
- set rgb(obj) {
- this._rgb = fromObject(obj);
- }
- rgbString() {
- return this._valid ? rgbString(this._rgb) : this._rgb;
- }
- hexString() {
- return this._valid ? hexString(this._rgb) : this._rgb;
- }
- hslString() {
- return this._valid ? hslString(this._rgb) : this._rgb;
- }
- mix(color, weight) {
- const me = this;
- if (color) {
- const c1 = me.rgb;
- const c2 = color.rgb;
- let w2;
- const p = weight === w2 ? 0.5 : weight;
- const w = 2 * p - 1;
- const a = c1.a - c2.a;
- const w1 = ((w * a === -1 ? w : (w + a) / (1 + w * a)) + 1) / 2.0;
- w2 = 1 - w1;
- c1.r = 0xFF & w1 * c1.r + w2 * c2.r + 0.5;
- c1.g = 0xFF & w1 * c1.g + w2 * c2.g + 0.5;
- c1.b = 0xFF & w1 * c1.b + w2 * c2.b + 0.5;
- c1.a = p * c1.a + (1 - p) * c2.a;
- me.rgb = c1;
- }
- return me;
- }
- clone() {
- return new Color(this.rgb);
- }
- alpha(a) {
- this._rgb.a = n2b(a);
- return this;
- }
- clearer(ratio) {
- const rgb = this._rgb;
- rgb.a *= 1 - ratio;
- return this;
- }
- greyscale() {
- const rgb = this._rgb;
- const val = round(rgb.r * 0.3 + rgb.g * 0.59 + rgb.b * 0.11);
- rgb.r = rgb.g = rgb.b = val;
- return this;
- }
- opaquer(ratio) {
- const rgb = this._rgb;
- rgb.a *= 1 + ratio;
- return this;
- }
- negate() {
- const v = this._rgb;
- v.r = 255 - v.r;
- v.g = 255 - v.g;
- v.b = 255 - v.b;
- return this;
- }
- lighten(ratio) {
- modHSL(this._rgb, 2, ratio);
- return this;
- }
- darken(ratio) {
- modHSL(this._rgb, 2, -ratio);
- return this;
- }
- saturate(ratio) {
- modHSL(this._rgb, 1, ratio);
- return this;
- }
- desaturate(ratio) {
- modHSL(this._rgb, 1, -ratio);
- return this;
- }
- rotate(deg) {
- rotate(this._rgb, deg);
- return this;
- }
-}
-function index_esm(input) {
- return new Color(input);
-}
-
-const isPatternOrGradient = (value) => value instanceof CanvasGradient || value instanceof CanvasPattern;
-function color(value) {
- return isPatternOrGradient(value) ? value : index_esm(value);
-}
-function getHoverColor(value) {
- return isPatternOrGradient(value)
- ? value
- : index_esm(value).saturate(0.5).darken(0.1).hexString();
-}
-
-function noop() {}
-const uid = (function() {
- let id = 0;
- return function() {
- return id++;
- };
-}());
-function isNullOrUndef(value) {
- return value === null || typeof value === 'undefined';
-}
-function isArray(value) {
- if (Array.isArray && Array.isArray(value)) {
- return true;
- }
- const type = Object.prototype.toString.call(value);
- if (type.substr(0, 7) === '[object' && type.substr(-6) === 'Array]') {
- return true;
- }
- return false;
-}
-function isObject(value) {
- return value !== null && Object.prototype.toString.call(value) === '[object Object]';
-}
-const isNumberFinite = (value) => (typeof value === 'number' || value instanceof Number) && isFinite(+value);
-function finiteOrDefault(value, defaultValue) {
- return isNumberFinite(value) ? value : defaultValue;
-}
-function valueOrDefault(value, defaultValue) {
- return typeof value === 'undefined' ? defaultValue : value;
-}
-const toPercentage = (value, dimension) =>
- typeof value === 'string' && value.endsWith('%') ?
- parseFloat(value) / 100
- : value / dimension;
-const toDimension = (value, dimension) =>
- typeof value === 'string' && value.endsWith('%') ?
- parseFloat(value) / 100 * dimension
- : +value;
-function callback(fn, args, thisArg) {
- if (fn && typeof fn.call === 'function') {
- return fn.apply(thisArg, args);
- }
-}
-function each(loopable, fn, thisArg, reverse) {
- let i, len, keys;
- if (isArray(loopable)) {
- len = loopable.length;
- if (reverse) {
- for (i = len - 1; i >= 0; i--) {
- fn.call(thisArg, loopable[i], i);
- }
- } else {
- for (i = 0; i < len; i++) {
- fn.call(thisArg, loopable[i], i);
- }
- }
- } else if (isObject(loopable)) {
- keys = Object.keys(loopable);
- len = keys.length;
- for (i = 0; i < len; i++) {
- fn.call(thisArg, loopable[keys[i]], keys[i]);
- }
- }
-}
-function _elementsEqual(a0, a1) {
- let i, ilen, v0, v1;
- if (!a0 || !a1 || a0.length !== a1.length) {
- return false;
- }
- for (i = 0, ilen = a0.length; i < ilen; ++i) {
- v0 = a0[i];
- v1 = a1[i];
- if (v0.datasetIndex !== v1.datasetIndex || v0.index !== v1.index) {
- return false;
- }
- }
- return true;
-}
-function clone(source) {
- if (isArray(source)) {
- return source.map(clone);
- }
- if (isObject(source)) {
- const target = Object.create(null);
- const keys = Object.keys(source);
- const klen = keys.length;
- let k = 0;
- for (; k < klen; ++k) {
- target[keys[k]] = clone(source[keys[k]]);
- }
- return target;
- }
- return source;
-}
-function isValidKey(key) {
- return ['__proto__', 'prototype', 'constructor'].indexOf(key) === -1;
-}
-function _merger(key, target, source, options) {
- if (!isValidKey(key)) {
- return;
- }
- const tval = target[key];
- const sval = source[key];
- if (isObject(tval) && isObject(sval)) {
- merge(tval, sval, options);
- } else {
- target[key] = clone(sval);
- }
-}
-function merge(target, source, options) {
- const sources = isArray(source) ? source : [source];
- const ilen = sources.length;
- if (!isObject(target)) {
- return target;
- }
- options = options || {};
- const merger = options.merger || _merger;
- for (let i = 0; i < ilen; ++i) {
- source = sources[i];
- if (!isObject(source)) {
- continue;
- }
- const keys = Object.keys(source);
- for (let k = 0, klen = keys.length; k < klen; ++k) {
- merger(keys[k], target, source, options);
- }
- }
- return target;
-}
-function mergeIf(target, source) {
- return merge(target, source, {merger: _mergerIf});
-}
-function _mergerIf(key, target, source) {
- if (!isValidKey(key)) {
- return;
- }
- const tval = target[key];
- const sval = source[key];
- if (isObject(tval) && isObject(sval)) {
- mergeIf(tval, sval);
- } else if (!Object.prototype.hasOwnProperty.call(target, key)) {
- target[key] = clone(sval);
- }
-}
-function _deprecated(scope, value, previous, current) {
- if (value !== undefined) {
- console.warn(scope + ': "' + previous +
- '" is deprecated. Please use "' + current + '" instead');
- }
-}
-const emptyString = '';
-const dot = '.';
-function indexOfDotOrLength(key, start) {
- const idx = key.indexOf(dot, start);
- return idx === -1 ? key.length : idx;
-}
-function resolveObjectKey(obj, key) {
- if (key === emptyString) {
- return obj;
- }
- let pos = 0;
- let idx = indexOfDotOrLength(key, pos);
- while (obj && idx > pos) {
- obj = obj[key.substr(pos, idx - pos)];
- pos = idx + 1;
- idx = indexOfDotOrLength(key, pos);
- }
- return obj;
-}
-function _capitalize(str) {
- return str.charAt(0).toUpperCase() + str.slice(1);
-}
-const defined = (value) => typeof value !== 'undefined';
-const isFunction = (value) => typeof value === 'function';
-const setsEqual = (a, b) => {
- if (a.size !== b.size) {
- return false;
- }
- for (const item of a) {
- if (!b.has(item)) {
- return false;
- }
- }
- return true;
-};
-function _isClickEvent(e) {
- return e.type === 'mouseup' || e.type === 'click' || e.type === 'contextmenu';
-}
-
-const overrides = Object.create(null);
-const descriptors = Object.create(null);
-function getScope$1(node, key) {
- if (!key) {
- return node;
- }
- const keys = key.split('.');
- for (let i = 0, n = keys.length; i < n; ++i) {
- const k = keys[i];
- node = node[k] || (node[k] = Object.create(null));
- }
- return node;
-}
-function set(root, scope, values) {
- if (typeof scope === 'string') {
- return merge(getScope$1(root, scope), values);
- }
- return merge(getScope$1(root, ''), scope);
-}
-class Defaults {
- constructor(_descriptors) {
- this.animation = undefined;
- this.backgroundColor = 'rgba(0,0,0,0.1)';
- this.borderColor = 'rgba(0,0,0,0.1)';
- this.color = '#666';
- this.datasets = {};
- this.devicePixelRatio = (context) => context.chart.platform.getDevicePixelRatio();
- this.elements = {};
- this.events = [
- 'mousemove',
- 'mouseout',
- 'click',
- 'touchstart',
- 'touchmove'
- ];
- this.font = {
- family: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
- size: 12,
- style: 'normal',
- lineHeight: 1.2,
- weight: null
- };
- this.hover = {};
- this.hoverBackgroundColor = (ctx, options) => getHoverColor(options.backgroundColor);
- this.hoverBorderColor = (ctx, options) => getHoverColor(options.borderColor);
- this.hoverColor = (ctx, options) => getHoverColor(options.color);
- this.indexAxis = 'x';
- this.interaction = {
- mode: 'nearest',
- intersect: true
- };
- this.maintainAspectRatio = true;
- this.onHover = null;
- this.onClick = null;
- this.parsing = true;
- this.plugins = {};
- this.responsive = true;
- this.scale = undefined;
- this.scales = {};
- this.showLine = true;
- this.drawActiveElementsOnTop = true;
- this.describe(_descriptors);
- }
- set(scope, values) {
- return set(this, scope, values);
- }
- get(scope) {
- return getScope$1(this, scope);
- }
- describe(scope, values) {
- return set(descriptors, scope, values);
- }
- override(scope, values) {
- return set(overrides, scope, values);
- }
- route(scope, name, targetScope, targetName) {
- const scopeObject = getScope$1(this, scope);
- const targetScopeObject = getScope$1(this, targetScope);
- const privateName = '_' + name;
- Object.defineProperties(scopeObject, {
- [privateName]: {
- value: scopeObject[name],
- writable: true
- },
- [name]: {
- enumerable: true,
- get() {
- const local = this[privateName];
- const target = targetScopeObject[targetName];
- if (isObject(local)) {
- return Object.assign({}, target, local);
- }
- return valueOrDefault(local, target);
- },
- set(value) {
- this[privateName] = value;
- }
- }
- });
- }
-}
-var defaults = new Defaults({
- _scriptable: (name) => !name.startsWith('on'),
- _indexable: (name) => name !== 'events',
- hover: {
- _fallback: 'interaction'
- },
- interaction: {
- _scriptable: false,
- _indexable: false,
- }
-});
-
-const PI = Math.PI;
-const TAU = 2 * PI;
-const PITAU = TAU + PI;
-const INFINITY = Number.POSITIVE_INFINITY;
-const RAD_PER_DEG = PI / 180;
-const HALF_PI = PI / 2;
-const QUARTER_PI = PI / 4;
-const TWO_THIRDS_PI = PI * 2 / 3;
-const log10 = Math.log10;
-const sign = Math.sign;
-function niceNum(range) {
- const roundedRange = Math.round(range);
- range = almostEquals(range, roundedRange, range / 1000) ? roundedRange : range;
- const niceRange = Math.pow(10, Math.floor(log10(range)));
- const fraction = range / niceRange;
- const niceFraction = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;
- return niceFraction * niceRange;
-}
-function _factorize(value) {
- const result = [];
- const sqrt = Math.sqrt(value);
- let i;
- for (i = 1; i < sqrt; i++) {
- if (value % i === 0) {
- result.push(i);
- result.push(value / i);
- }
- }
- if (sqrt === (sqrt | 0)) {
- result.push(sqrt);
- }
- result.sort((a, b) => a - b).pop();
- return result;
-}
-function isNumber(n) {
- return !isNaN(parseFloat(n)) && isFinite(n);
-}
-function almostEquals(x, y, epsilon) {
- return Math.abs(x - y) < epsilon;
-}
-function almostWhole(x, epsilon) {
- const rounded = Math.round(x);
- return ((rounded - epsilon) <= x) && ((rounded + epsilon) >= x);
-}
-function _setMinAndMaxByKey(array, target, property) {
- let i, ilen, value;
- for (i = 0, ilen = array.length; i < ilen; i++) {
- value = array[i][property];
- if (!isNaN(value)) {
- target.min = Math.min(target.min, value);
- target.max = Math.max(target.max, value);
- }
- }
-}
-function toRadians(degrees) {
- return degrees * (PI / 180);
-}
-function toDegrees(radians) {
- return radians * (180 / PI);
-}
-function _decimalPlaces(x) {
- if (!isNumberFinite(x)) {
- return;
- }
- let e = 1;
- let p = 0;
- while (Math.round(x * e) / e !== x) {
- e *= 10;
- p++;
- }
- return p;
-}
-function getAngleFromPoint(centrePoint, anglePoint) {
- const distanceFromXCenter = anglePoint.x - centrePoint.x;
- const distanceFromYCenter = anglePoint.y - centrePoint.y;
- const radialDistanceFromCenter = Math.sqrt(distanceFromXCenter * distanceFromXCenter + distanceFromYCenter * distanceFromYCenter);
- let angle = Math.atan2(distanceFromYCenter, distanceFromXCenter);
- if (angle < (-0.5 * PI)) {
- angle += TAU;
- }
- return {
- angle,
- distance: radialDistanceFromCenter
- };
-}
-function distanceBetweenPoints(pt1, pt2) {
- return Math.sqrt(Math.pow(pt2.x - pt1.x, 2) + Math.pow(pt2.y - pt1.y, 2));
-}
-function _angleDiff(a, b) {
- return (a - b + PITAU) % TAU - PI;
-}
-function _normalizeAngle(a) {
- return (a % TAU + TAU) % TAU;
-}
-function _angleBetween(angle, start, end, sameAngleIsFullCircle) {
- const a = _normalizeAngle(angle);
- const s = _normalizeAngle(start);
- const e = _normalizeAngle(end);
- const angleToStart = _normalizeAngle(s - a);
- const angleToEnd = _normalizeAngle(e - a);
- const startToAngle = _normalizeAngle(a - s);
- const endToAngle = _normalizeAngle(a - e);
- return a === s || a === e || (sameAngleIsFullCircle && s === e)
- || (angleToStart > angleToEnd && startToAngle < endToAngle);
-}
-function _limitValue(value, min, max) {
- return Math.max(min, Math.min(max, value));
-}
-function _int16Range(value) {
- return _limitValue(value, -32768, 32767);
-}
-function _isBetween(value, start, end, epsilon = 1e-6) {
- return value >= Math.min(start, end) - epsilon && value <= Math.max(start, end) + epsilon;
-}
-
-function toFontString(font) {
- if (!font || isNullOrUndef(font.size) || isNullOrUndef(font.family)) {
- return null;
- }
- return (font.style ? font.style + ' ' : '')
- + (font.weight ? font.weight + ' ' : '')
- + font.size + 'px '
- + font.family;
-}
-function _measureText(ctx, data, gc, longest, string) {
- let textWidth = data[string];
- if (!textWidth) {
- textWidth = data[string] = ctx.measureText(string).width;
- gc.push(string);
- }
- if (textWidth > longest) {
- longest = textWidth;
- }
- return longest;
-}
-function _longestText(ctx, font, arrayOfThings, cache) {
- cache = cache || {};
- let data = cache.data = cache.data || {};
- let gc = cache.garbageCollect = cache.garbageCollect || [];
- if (cache.font !== font) {
- data = cache.data = {};
- gc = cache.garbageCollect = [];
- cache.font = font;
- }
- ctx.save();
- ctx.font = font;
- let longest = 0;
- const ilen = arrayOfThings.length;
- let i, j, jlen, thing, nestedThing;
- for (i = 0; i < ilen; i++) {
- thing = arrayOfThings[i];
- if (thing !== undefined && thing !== null && isArray(thing) !== true) {
- longest = _measureText(ctx, data, gc, longest, thing);
- } else if (isArray(thing)) {
- for (j = 0, jlen = thing.length; j < jlen; j++) {
- nestedThing = thing[j];
- if (nestedThing !== undefined && nestedThing !== null && !isArray(nestedThing)) {
- longest = _measureText(ctx, data, gc, longest, nestedThing);
- }
- }
- }
- }
- ctx.restore();
- const gcLen = gc.length / 2;
- if (gcLen > arrayOfThings.length) {
- for (i = 0; i < gcLen; i++) {
- delete data[gc[i]];
- }
- gc.splice(0, gcLen);
- }
- return longest;
-}
-function _alignPixel(chart, pixel, width) {
- const devicePixelRatio = chart.currentDevicePixelRatio;
- const halfWidth = width !== 0 ? Math.max(width / 2, 0.5) : 0;
- return Math.round((pixel - halfWidth) * devicePixelRatio) / devicePixelRatio + halfWidth;
-}
-function clearCanvas(canvas, ctx) {
- ctx = ctx || canvas.getContext('2d');
- ctx.save();
- ctx.resetTransform();
- ctx.clearRect(0, 0, canvas.width, canvas.height);
- ctx.restore();
-}
-function drawPoint(ctx, options, x, y) {
- let type, xOffset, yOffset, size, cornerRadius;
- const style = options.pointStyle;
- const rotation = options.rotation;
- const radius = options.radius;
- let rad = (rotation || 0) * RAD_PER_DEG;
- if (style && typeof style === 'object') {
- type = style.toString();
- if (type === '[object HTMLImageElement]' || type === '[object HTMLCanvasElement]') {
- ctx.save();
- ctx.translate(x, y);
- ctx.rotate(rad);
- ctx.drawImage(style, -style.width / 2, -style.height / 2, style.width, style.height);
- ctx.restore();
- return;
- }
- }
- if (isNaN(radius) || radius <= 0) {
- return;
- }
- ctx.beginPath();
- switch (style) {
- default:
- ctx.arc(x, y, radius, 0, TAU);
- ctx.closePath();
- break;
- case 'triangle':
- ctx.moveTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);
- rad += TWO_THIRDS_PI;
- ctx.lineTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);
- rad += TWO_THIRDS_PI;
- ctx.lineTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);
- ctx.closePath();
- break;
- case 'rectRounded':
- cornerRadius = radius * 0.516;
- size = radius - cornerRadius;
- xOffset = Math.cos(rad + QUARTER_PI) * size;
- yOffset = Math.sin(rad + QUARTER_PI) * size;
- ctx.arc(x - xOffset, y - yOffset, cornerRadius, rad - PI, rad - HALF_PI);
- ctx.arc(x + yOffset, y - xOffset, cornerRadius, rad - HALF_PI, rad);
- ctx.arc(x + xOffset, y + yOffset, cornerRadius, rad, rad + HALF_PI);
- ctx.arc(x - yOffset, y + xOffset, cornerRadius, rad + HALF_PI, rad + PI);
- ctx.closePath();
- break;
- case 'rect':
- if (!rotation) {
- size = Math.SQRT1_2 * radius;
- ctx.rect(x - size, y - size, 2 * size, 2 * size);
- break;
- }
- rad += QUARTER_PI;
- case 'rectRot':
- xOffset = Math.cos(rad) * radius;
- yOffset = Math.sin(rad) * radius;
- ctx.moveTo(x - xOffset, y - yOffset);
- ctx.lineTo(x + yOffset, y - xOffset);
- ctx.lineTo(x + xOffset, y + yOffset);
- ctx.lineTo(x - yOffset, y + xOffset);
- ctx.closePath();
- break;
- case 'crossRot':
- rad += QUARTER_PI;
- case 'cross':
- xOffset = Math.cos(rad) * radius;
- yOffset = Math.sin(rad) * radius;
- ctx.moveTo(x - xOffset, y - yOffset);
- ctx.lineTo(x + xOffset, y + yOffset);
- ctx.moveTo(x + yOffset, y - xOffset);
- ctx.lineTo(x - yOffset, y + xOffset);
- break;
- case 'star':
- xOffset = Math.cos(rad) * radius;
- yOffset = Math.sin(rad) * radius;
- ctx.moveTo(x - xOffset, y - yOffset);
- ctx.lineTo(x + xOffset, y + yOffset);
- ctx.moveTo(x + yOffset, y - xOffset);
- ctx.lineTo(x - yOffset, y + xOffset);
- rad += QUARTER_PI;
- xOffset = Math.cos(rad) * radius;
- yOffset = Math.sin(rad) * radius;
- ctx.moveTo(x - xOffset, y - yOffset);
- ctx.lineTo(x + xOffset, y + yOffset);
- ctx.moveTo(x + yOffset, y - xOffset);
- ctx.lineTo(x - yOffset, y + xOffset);
- break;
- case 'line':
- xOffset = Math.cos(rad) * radius;
- yOffset = Math.sin(rad) * radius;
- ctx.moveTo(x - xOffset, y - yOffset);
- ctx.lineTo(x + xOffset, y + yOffset);
- break;
- case 'dash':
- ctx.moveTo(x, y);
- ctx.lineTo(x + Math.cos(rad) * radius, y + Math.sin(rad) * radius);
- break;
- }
- ctx.fill();
- if (options.borderWidth > 0) {
- ctx.stroke();
- }
-}
-function _isPointInArea(point, area, margin) {
- margin = margin || 0.5;
- return !area || (point && point.x > area.left - margin && point.x < area.right + margin &&
- point.y > area.top - margin && point.y < area.bottom + margin);
-}
-function clipArea(ctx, area) {
- ctx.save();
- ctx.beginPath();
- ctx.rect(area.left, area.top, area.right - area.left, area.bottom - area.top);
- ctx.clip();
-}
-function unclipArea(ctx) {
- ctx.restore();
-}
-function _steppedLineTo(ctx, previous, target, flip, mode) {
- if (!previous) {
- return ctx.lineTo(target.x, target.y);
- }
- if (mode === 'middle') {
- const midpoint = (previous.x + target.x) / 2.0;
- ctx.lineTo(midpoint, previous.y);
- ctx.lineTo(midpoint, target.y);
- } else if (mode === 'after' !== !!flip) {
- ctx.lineTo(previous.x, target.y);
- } else {
- ctx.lineTo(target.x, previous.y);
- }
- ctx.lineTo(target.x, target.y);
-}
-function _bezierCurveTo(ctx, previous, target, flip) {
- if (!previous) {
- return ctx.lineTo(target.x, target.y);
- }
- ctx.bezierCurveTo(
- flip ? previous.cp1x : previous.cp2x,
- flip ? previous.cp1y : previous.cp2y,
- flip ? target.cp2x : target.cp1x,
- flip ? target.cp2y : target.cp1y,
- target.x,
- target.y);
-}
-function renderText(ctx, text, x, y, font, opts = {}) {
- const lines = isArray(text) ? text : [text];
- const stroke = opts.strokeWidth > 0 && opts.strokeColor !== '';
- let i, line;
- ctx.save();
- ctx.font = font.string;
- setRenderOpts(ctx, opts);
- for (i = 0; i < lines.length; ++i) {
- line = lines[i];
- if (stroke) {
- if (opts.strokeColor) {
- ctx.strokeStyle = opts.strokeColor;
- }
- if (!isNullOrUndef(opts.strokeWidth)) {
- ctx.lineWidth = opts.strokeWidth;
- }
- ctx.strokeText(line, x, y, opts.maxWidth);
- }
- ctx.fillText(line, x, y, opts.maxWidth);
- decorateText(ctx, x, y, line, opts);
- y += font.lineHeight;
- }
- ctx.restore();
-}
-function setRenderOpts(ctx, opts) {
- if (opts.translation) {
- ctx.translate(opts.translation[0], opts.translation[1]);
- }
- if (!isNullOrUndef(opts.rotation)) {
- ctx.rotate(opts.rotation);
- }
- if (opts.color) {
- ctx.fillStyle = opts.color;
- }
- if (opts.textAlign) {
- ctx.textAlign = opts.textAlign;
- }
- if (opts.textBaseline) {
- ctx.textBaseline = opts.textBaseline;
- }
-}
-function decorateText(ctx, x, y, line, opts) {
- if (opts.strikethrough || opts.underline) {
- const metrics = ctx.measureText(line);
- const left = x - metrics.actualBoundingBoxLeft;
- const right = x + metrics.actualBoundingBoxRight;
- const top = y - metrics.actualBoundingBoxAscent;
- const bottom = y + metrics.actualBoundingBoxDescent;
- const yDecoration = opts.strikethrough ? (top + bottom) / 2 : bottom;
- ctx.strokeStyle = ctx.fillStyle;
- ctx.beginPath();
- ctx.lineWidth = opts.decorationWidth || 2;
- ctx.moveTo(left, yDecoration);
- ctx.lineTo(right, yDecoration);
- ctx.stroke();
- }
-}
-function addRoundedRectPath(ctx, rect) {
- const {x, y, w, h, radius} = rect;
- ctx.arc(x + radius.topLeft, y + radius.topLeft, radius.topLeft, -HALF_PI, PI, true);
- ctx.lineTo(x, y + h - radius.bottomLeft);
- ctx.arc(x + radius.bottomLeft, y + h - radius.bottomLeft, radius.bottomLeft, PI, HALF_PI, true);
- ctx.lineTo(x + w - radius.bottomRight, y + h);
- ctx.arc(x + w - radius.bottomRight, y + h - radius.bottomRight, radius.bottomRight, HALF_PI, 0, true);
- ctx.lineTo(x + w, y + radius.topRight);
- ctx.arc(x + w - radius.topRight, y + radius.topRight, radius.topRight, 0, -HALF_PI, true);
- ctx.lineTo(x + radius.topLeft, y);
-}
-
-function _lookup(table, value, cmp) {
- cmp = cmp || ((index) => table[index] < value);
- let hi = table.length - 1;
- let lo = 0;
- let mid;
- while (hi - lo > 1) {
- mid = (lo + hi) >> 1;
- if (cmp(mid)) {
- lo = mid;
- } else {
- hi = mid;
- }
- }
- return {lo, hi};
-}
-const _lookupByKey = (table, key, value) =>
- _lookup(table, value, index => table[index][key] < value);
-const _rlookupByKey = (table, key, value) =>
- _lookup(table, value, index => table[index][key] >= value);
-function _filterBetween(values, min, max) {
- let start = 0;
- let end = values.length;
- while (start < end && values[start] < min) {
- start++;
- }
- while (end > start && values[end - 1] > max) {
- end--;
- }
- return start > 0 || end < values.length
- ? values.slice(start, end)
- : values;
-}
-const arrayEvents = ['push', 'pop', 'shift', 'splice', 'unshift'];
-function listenArrayEvents(array, listener) {
- if (array._chartjs) {
- array._chartjs.listeners.push(listener);
- return;
- }
- Object.defineProperty(array, '_chartjs', {
- configurable: true,
- enumerable: false,
- value: {
- listeners: [listener]
- }
- });
- arrayEvents.forEach((key) => {
- const method = '_onData' + _capitalize(key);
- const base = array[key];
- Object.defineProperty(array, key, {
- configurable: true,
- enumerable: false,
- value(...args) {
- const res = base.apply(this, args);
- array._chartjs.listeners.forEach((object) => {
- if (typeof object[method] === 'function') {
- object[method](...args);
- }
- });
- return res;
- }
- });
- });
-}
-function unlistenArrayEvents(array, listener) {
- const stub = array._chartjs;
- if (!stub) {
- return;
- }
- const listeners = stub.listeners;
- const index = listeners.indexOf(listener);
- if (index !== -1) {
- listeners.splice(index, 1);
- }
- if (listeners.length > 0) {
- return;
- }
- arrayEvents.forEach((key) => {
- delete array[key];
- });
- delete array._chartjs;
-}
-function _arrayUnique(items) {
- const set = new Set();
- let i, ilen;
- for (i = 0, ilen = items.length; i < ilen; ++i) {
- set.add(items[i]);
- }
- if (set.size === ilen) {
- return items;
- }
- return Array.from(set);
-}
-
-function _isDomSupported() {
- return typeof window !== 'undefined' && typeof document !== 'undefined';
-}
-function _getParentNode(domNode) {
- let parent = domNode.parentNode;
- if (parent && parent.toString() === '[object ShadowRoot]') {
- parent = parent.host;
- }
- return parent;
-}
-function parseMaxStyle(styleValue, node, parentProperty) {
- let valueInPixels;
- if (typeof styleValue === 'string') {
- valueInPixels = parseInt(styleValue, 10);
- if (styleValue.indexOf('%') !== -1) {
- valueInPixels = valueInPixels / 100 * node.parentNode[parentProperty];
- }
- } else {
- valueInPixels = styleValue;
- }
- return valueInPixels;
-}
-const getComputedStyle = (element) => window.getComputedStyle(element, null);
-function getStyle(el, property) {
- return getComputedStyle(el).getPropertyValue(property);
-}
-const positions = ['top', 'right', 'bottom', 'left'];
-function getPositionedStyle(styles, style, suffix) {
- const result = {};
- suffix = suffix ? '-' + suffix : '';
- for (let i = 0; i < 4; i++) {
- const pos = positions[i];
- result[pos] = parseFloat(styles[style + '-' + pos + suffix]) || 0;
- }
- result.width = result.left + result.right;
- result.height = result.top + result.bottom;
- return result;
-}
-const useOffsetPos = (x, y, target) => (x > 0 || y > 0) && (!target || !target.shadowRoot);
-function getCanvasPosition(evt, canvas) {
- const e = evt.native || evt;
- const touches = e.touches;
- const source = touches && touches.length ? touches[0] : e;
- const {offsetX, offsetY} = source;
- let box = false;
- let x, y;
- if (useOffsetPos(offsetX, offsetY, e.target)) {
- x = offsetX;
- y = offsetY;
- } else {
- const rect = canvas.getBoundingClientRect();
- x = source.clientX - rect.left;
- y = source.clientY - rect.top;
- box = true;
- }
- return {x, y, box};
-}
-function getRelativePosition$1(evt, chart) {
- const {canvas, currentDevicePixelRatio} = chart;
- const style = getComputedStyle(canvas);
- const borderBox = style.boxSizing === 'border-box';
- const paddings = getPositionedStyle(style, 'padding');
- const borders = getPositionedStyle(style, 'border', 'width');
- const {x, y, box} = getCanvasPosition(evt, canvas);
- const xOffset = paddings.left + (box && borders.left);
- const yOffset = paddings.top + (box && borders.top);
- let {width, height} = chart;
- if (borderBox) {
- width -= paddings.width + borders.width;
- height -= paddings.height + borders.height;
- }
- return {
- x: Math.round((x - xOffset) / width * canvas.width / currentDevicePixelRatio),
- y: Math.round((y - yOffset) / height * canvas.height / currentDevicePixelRatio)
- };
-}
-function getContainerSize(canvas, width, height) {
- let maxWidth, maxHeight;
- if (width === undefined || height === undefined) {
- const container = _getParentNode(canvas);
- if (!container) {
- width = canvas.clientWidth;
- height = canvas.clientHeight;
- } else {
- const rect = container.getBoundingClientRect();
- const containerStyle = getComputedStyle(container);
- const containerBorder = getPositionedStyle(containerStyle, 'border', 'width');
- const containerPadding = getPositionedStyle(containerStyle, 'padding');
- width = rect.width - containerPadding.width - containerBorder.width;
- height = rect.height - containerPadding.height - containerBorder.height;
- maxWidth = parseMaxStyle(containerStyle.maxWidth, container, 'clientWidth');
- maxHeight = parseMaxStyle(containerStyle.maxHeight, container, 'clientHeight');
- }
- }
- return {
- width,
- height,
- maxWidth: maxWidth || INFINITY,
- maxHeight: maxHeight || INFINITY
- };
-}
-const round1 = v => Math.round(v * 10) / 10;
-function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
- const style = getComputedStyle(canvas);
- const margins = getPositionedStyle(style, 'margin');
- const maxWidth = parseMaxStyle(style.maxWidth, canvas, 'clientWidth') || INFINITY;
- const maxHeight = parseMaxStyle(style.maxHeight, canvas, 'clientHeight') || INFINITY;
- const containerSize = getContainerSize(canvas, bbWidth, bbHeight);
- let {width, height} = containerSize;
- if (style.boxSizing === 'content-box') {
- const borders = getPositionedStyle(style, 'border', 'width');
- const paddings = getPositionedStyle(style, 'padding');
- width -= paddings.width + borders.width;
- height -= paddings.height + borders.height;
- }
- width = Math.max(0, width - margins.width);
- height = Math.max(0, aspectRatio ? Math.floor(width / aspectRatio) : height - margins.height);
- width = round1(Math.min(width, maxWidth, containerSize.maxWidth));
- height = round1(Math.min(height, maxHeight, containerSize.maxHeight));
- if (width && !height) {
- height = round1(width / 2);
- }
- return {
- width,
- height
- };
-}
-function retinaScale(chart, forceRatio, forceStyle) {
- const pixelRatio = forceRatio || 1;
- const deviceHeight = Math.floor(chart.height * pixelRatio);
- const deviceWidth = Math.floor(chart.width * pixelRatio);
- chart.height = deviceHeight / pixelRatio;
- chart.width = deviceWidth / pixelRatio;
- const canvas = chart.canvas;
- if (canvas.style && (forceStyle || (!canvas.style.height && !canvas.style.width))) {
- canvas.style.height = `${chart.height}px`;
- canvas.style.width = `${chart.width}px`;
- }
- if (chart.currentDevicePixelRatio !== pixelRatio
- || canvas.height !== deviceHeight
- || canvas.width !== deviceWidth) {
- chart.currentDevicePixelRatio = pixelRatio;
- canvas.height = deviceHeight;
- canvas.width = deviceWidth;
- chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
- return true;
- }
- return false;
-}
-const supportsEventListenerOptions = (function() {
- let passiveSupported = false;
- try {
- const options = {
- get passive() {
- passiveSupported = true;
- return false;
- }
- };
- window.addEventListener('test', null, options);
- window.removeEventListener('test', null, options);
- } catch (e) {
- }
- return passiveSupported;
-}());
-function readUsedSize(element, property) {
- const value = getStyle(element, property);
- const matches = value && value.match(/^(\d+)(\.\d+)?px$/);
- return matches ? +matches[1] : undefined;
-}
-
-function getRelativePosition(e, chart) {
- if ('native' in e) {
- return {
- x: e.x,
- y: e.y
- };
- }
- return getRelativePosition$1(e, chart);
-}
-function evaluateAllVisibleItems(chart, handler) {
- const metasets = chart.getSortedVisibleDatasetMetas();
- let index, data, element;
- for (let i = 0, ilen = metasets.length; i < ilen; ++i) {
- ({index, data} = metasets[i]);
- for (let j = 0, jlen = data.length; j < jlen; ++j) {
- element = data[j];
- if (!element.skip) {
- handler(element, index, j);
- }
- }
- }
-}
-function binarySearch(metaset, axis, value, intersect) {
- const {controller, data, _sorted} = metaset;
- const iScale = controller._cachedMeta.iScale;
- if (iScale && axis === iScale.axis && axis !== 'r' && _sorted && data.length) {
- const lookupMethod = iScale._reversePixels ? _rlookupByKey : _lookupByKey;
- if (!intersect) {
- return lookupMethod(data, axis, value);
- } else if (controller._sharedOptions) {
- const el = data[0];
- const range = typeof el.getRange === 'function' && el.getRange(axis);
- if (range) {
- const start = lookupMethod(data, axis, value - range);
- const end = lookupMethod(data, axis, value + range);
- return {lo: start.lo, hi: end.hi};
- }
- }
- }
- return {lo: 0, hi: data.length - 1};
-}
-function optimizedEvaluateItems(chart, axis, position, handler, intersect) {
- const metasets = chart.getSortedVisibleDatasetMetas();
- const value = position[axis];
- for (let i = 0, ilen = metasets.length; i < ilen; ++i) {
- const {index, data} = metasets[i];
- const {lo, hi} = binarySearch(metasets[i], axis, value, intersect);
- for (let j = lo; j <= hi; ++j) {
- const element = data[j];
- if (!element.skip) {
- handler(element, index, j);
- }
- }
- }
-}
-function getDistanceMetricForAxis(axis) {
- const useX = axis.indexOf('x') !== -1;
- const useY = axis.indexOf('y') !== -1;
- return function(pt1, pt2) {
- const deltaX = useX ? Math.abs(pt1.x - pt2.x) : 0;
- const deltaY = useY ? Math.abs(pt1.y - pt2.y) : 0;
- return Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
- };
-}
-function getIntersectItems(chart, position, axis, useFinalPosition) {
- const items = [];
- if (!_isPointInArea(position, chart.chartArea, chart._minPadding)) {
- return items;
- }
- const evaluationFunc = function(element, datasetIndex, index) {
- if (element.inRange(position.x, position.y, useFinalPosition)) {
- items.push({element, datasetIndex, index});
- }
- };
- optimizedEvaluateItems(chart, axis, position, evaluationFunc, true);
- return items;
-}
-function getNearestRadialItems(chart, position, axis, useFinalPosition) {
- let items = [];
- function evaluationFunc(element, datasetIndex, index) {
- const {startAngle, endAngle} = element.getProps(['startAngle', 'endAngle'], useFinalPosition);
- const {angle} = getAngleFromPoint(element, {x: position.x, y: position.y});
- if (_angleBetween(angle, startAngle, endAngle)) {
- items.push({element, datasetIndex, index});
- }
- }
- optimizedEvaluateItems(chart, axis, position, evaluationFunc);
- return items;
-}
-function getNearestCartesianItems(chart, position, axis, intersect, useFinalPosition) {
- let items = [];
- const distanceMetric = getDistanceMetricForAxis(axis);
- let minDistance = Number.POSITIVE_INFINITY;
- function evaluationFunc(element, datasetIndex, index) {
- const inRange = element.inRange(position.x, position.y, useFinalPosition);
- if (intersect && !inRange) {
- return;
- }
- const center = element.getCenterPoint(useFinalPosition);
- const pointInArea = _isPointInArea(center, chart.chartArea, chart._minPadding);
- if (!pointInArea && !inRange) {
- return;
- }
- const distance = distanceMetric(position, center);
- if (distance < minDistance) {
- items = [{element, datasetIndex, index}];
- minDistance = distance;
- } else if (distance === minDistance) {
- items.push({element, datasetIndex, index});
- }
- }
- optimizedEvaluateItems(chart, axis, position, evaluationFunc);
- return items;
-}
-function getNearestItems(chart, position, axis, intersect, useFinalPosition) {
- if (!_isPointInArea(position, chart.chartArea, chart._minPadding)) {
- return [];
- }
- return axis === 'r' && !intersect
- ? getNearestRadialItems(chart, position, axis, useFinalPosition)
- : getNearestCartesianItems(chart, position, axis, intersect, useFinalPosition);
-}
-function getAxisItems(chart, e, options, useFinalPosition) {
- const position = getRelativePosition(e, chart);
- const items = [];
- const axis = options.axis;
- const rangeMethod = axis === 'x' ? 'inXRange' : 'inYRange';
- let intersectsItem = false;
- evaluateAllVisibleItems(chart, (element, datasetIndex, index) => {
- if (element[rangeMethod](position[axis], useFinalPosition)) {
- items.push({element, datasetIndex, index});
- }
- if (element.inRange(position.x, position.y, useFinalPosition)) {
- intersectsItem = true;
- }
- });
- if (options.intersect && !intersectsItem) {
- return [];
- }
- return items;
-}
-var Interaction = {
- modes: {
- index(chart, e, options, useFinalPosition) {
- const position = getRelativePosition(e, chart);
- const axis = options.axis || 'x';
- const items = options.intersect
- ? getIntersectItems(chart, position, axis, useFinalPosition)
- : getNearestItems(chart, position, axis, false, useFinalPosition);
- const elements = [];
- if (!items.length) {
- return [];
- }
- chart.getSortedVisibleDatasetMetas().forEach((meta) => {
- const index = items[0].index;
- const element = meta.data[index];
- if (element && !element.skip) {
- elements.push({element, datasetIndex: meta.index, index});
- }
- });
- return elements;
- },
- dataset(chart, e, options, useFinalPosition) {
- const position = getRelativePosition(e, chart);
- const axis = options.axis || 'xy';
- let items = options.intersect
- ? getIntersectItems(chart, position, axis, useFinalPosition) :
- getNearestItems(chart, position, axis, false, useFinalPosition);
- if (items.length > 0) {
- const datasetIndex = items[0].datasetIndex;
- const data = chart.getDatasetMeta(datasetIndex).data;
- items = [];
- for (let i = 0; i < data.length; ++i) {
- items.push({element: data[i], datasetIndex, index: i});
- }
- }
- return items;
- },
- point(chart, e, options, useFinalPosition) {
- const position = getRelativePosition(e, chart);
- const axis = options.axis || 'xy';
- return getIntersectItems(chart, position, axis, useFinalPosition);
- },
- nearest(chart, e, options, useFinalPosition) {
- const position = getRelativePosition(e, chart);
- const axis = options.axis || 'xy';
- return getNearestItems(chart, position, axis, options.intersect, useFinalPosition);
- },
- x(chart, e, options, useFinalPosition) {
- return getAxisItems(chart, e, {axis: 'x', intersect: options.intersect}, useFinalPosition);
- },
- y(chart, e, options, useFinalPosition) {
- return getAxisItems(chart, e, {axis: 'y', intersect: options.intersect}, useFinalPosition);
- }
- }
-};
-
-const LINE_HEIGHT = new RegExp(/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/);
-const FONT_STYLE = new RegExp(/^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/);
-function toLineHeight(value, size) {
- const matches = ('' + value).match(LINE_HEIGHT);
- if (!matches || matches[1] === 'normal') {
- return size * 1.2;
- }
- value = +matches[2];
- switch (matches[3]) {
- case 'px':
- return value;
- case '%':
- value /= 100;
- break;
- }
- return size * value;
-}
-const numberOrZero = v => +v || 0;
-function _readValueToProps(value, props) {
- const ret = {};
- const objProps = isObject(props);
- const keys = objProps ? Object.keys(props) : props;
- const read = isObject(value)
- ? objProps
- ? prop => valueOrDefault(value[prop], value[props[prop]])
- : prop => value[prop]
- : () => value;
- for (const prop of keys) {
- ret[prop] = numberOrZero(read(prop));
- }
- return ret;
-}
-function toTRBL(value) {
- return _readValueToProps(value, {top: 'y', right: 'x', bottom: 'y', left: 'x'});
-}
-function toTRBLCorners(value) {
- return _readValueToProps(value, ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']);
-}
-function toPadding(value) {
- const obj = toTRBL(value);
- obj.width = obj.left + obj.right;
- obj.height = obj.top + obj.bottom;
- return obj;
-}
-function toFont(options, fallback) {
- options = options || {};
- fallback = fallback || defaults.font;
- let size = valueOrDefault(options.size, fallback.size);
- if (typeof size === 'string') {
- size = parseInt(size, 10);
- }
- let style = valueOrDefault(options.style, fallback.style);
- if (style && !('' + style).match(FONT_STYLE)) {
- console.warn('Invalid font style specified: "' + style + '"');
- style = '';
- }
- const font = {
- family: valueOrDefault(options.family, fallback.family),
- lineHeight: toLineHeight(valueOrDefault(options.lineHeight, fallback.lineHeight), size),
- size,
- style,
- weight: valueOrDefault(options.weight, fallback.weight),
- string: ''
- };
- font.string = toFontString(font);
- return font;
-}
-function resolve(inputs, context, index, info) {
- let cacheable = true;
- let i, ilen, value;
- for (i = 0, ilen = inputs.length; i < ilen; ++i) {
- value = inputs[i];
- if (value === undefined) {
- continue;
- }
- if (context !== undefined && typeof value === 'function') {
- value = value(context);
- cacheable = false;
- }
- if (index !== undefined && isArray(value)) {
- value = value[index % value.length];
- cacheable = false;
- }
- if (value !== undefined) {
- if (info && !cacheable) {
- info.cacheable = false;
- }
- return value;
- }
- }
-}
-function _addGrace(minmax, grace, beginAtZero) {
- const {min, max} = minmax;
- const change = toDimension(grace, (max - min) / 2);
- const keepZero = (value, add) => beginAtZero && value === 0 ? 0 : value + add;
- return {
- min: keepZero(min, -Math.abs(change)),
- max: keepZero(max, change)
- };
-}
-function createContext(parentContext, context) {
- return Object.assign(Object.create(parentContext), context);
-}
-
-const STATIC_POSITIONS = ['left', 'top', 'right', 'bottom'];
-function filterByPosition(array, position) {
- return array.filter(v => v.pos === position);
-}
-function filterDynamicPositionByAxis(array, axis) {
- return array.filter(v => STATIC_POSITIONS.indexOf(v.pos) === -1 && v.box.axis === axis);
-}
-function sortByWeight(array, reverse) {
- return array.sort((a, b) => {
- const v0 = reverse ? b : a;
- const v1 = reverse ? a : b;
- return v0.weight === v1.weight ?
- v0.index - v1.index :
- v0.weight - v1.weight;
- });
-}
-function wrapBoxes(boxes) {
- const layoutBoxes = [];
- let i, ilen, box, pos, stack, stackWeight;
- for (i = 0, ilen = (boxes || []).length; i < ilen; ++i) {
- box = boxes[i];
- ({position: pos, options: {stack, stackWeight = 1}} = box);
- layoutBoxes.push({
- index: i,
- box,
- pos,
- horizontal: box.isHorizontal(),
- weight: box.weight,
- stack: stack && (pos + stack),
- stackWeight
- });
- }
- return layoutBoxes;
-}
-function buildStacks(layouts) {
- const stacks = {};
- for (const wrap of layouts) {
- const {stack, pos, stackWeight} = wrap;
- if (!stack || !STATIC_POSITIONS.includes(pos)) {
- continue;
- }
- const _stack = stacks[stack] || (stacks[stack] = {count: 0, placed: 0, weight: 0, size: 0});
- _stack.count++;
- _stack.weight += stackWeight;
- }
- return stacks;
-}
-function setLayoutDims(layouts, params) {
- const stacks = buildStacks(layouts);
- const {vBoxMaxWidth, hBoxMaxHeight} = params;
- let i, ilen, layout;
- for (i = 0, ilen = layouts.length; i < ilen; ++i) {
- layout = layouts[i];
- const {fullSize} = layout.box;
- const stack = stacks[layout.stack];
- const factor = stack && layout.stackWeight / stack.weight;
- if (layout.horizontal) {
- layout.width = factor ? factor * vBoxMaxWidth : fullSize && params.availableWidth;
- layout.height = hBoxMaxHeight;
- } else {
- layout.width = vBoxMaxWidth;
- layout.height = factor ? factor * hBoxMaxHeight : fullSize && params.availableHeight;
- }
- }
- return stacks;
-}
-function buildLayoutBoxes(boxes) {
- const layoutBoxes = wrapBoxes(boxes);
- const fullSize = sortByWeight(layoutBoxes.filter(wrap => wrap.box.fullSize), true);
- const left = sortByWeight(filterByPosition(layoutBoxes, 'left'), true);
- const right = sortByWeight(filterByPosition(layoutBoxes, 'right'));
- const top = sortByWeight(filterByPosition(layoutBoxes, 'top'), true);
- const bottom = sortByWeight(filterByPosition(layoutBoxes, 'bottom'));
- const centerHorizontal = filterDynamicPositionByAxis(layoutBoxes, 'x');
- const centerVertical = filterDynamicPositionByAxis(layoutBoxes, 'y');
- return {
- fullSize,
- leftAndTop: left.concat(top),
- rightAndBottom: right.concat(centerVertical).concat(bottom).concat(centerHorizontal),
- chartArea: filterByPosition(layoutBoxes, 'chartArea'),
- vertical: left.concat(right).concat(centerVertical),
- horizontal: top.concat(bottom).concat(centerHorizontal)
- };
-}
-function getCombinedMax(maxPadding, chartArea, a, b) {
- return Math.max(maxPadding[a], chartArea[a]) + Math.max(maxPadding[b], chartArea[b]);
-}
-function updateMaxPadding(maxPadding, boxPadding) {
- maxPadding.top = Math.max(maxPadding.top, boxPadding.top);
- maxPadding.left = Math.max(maxPadding.left, boxPadding.left);
- maxPadding.bottom = Math.max(maxPadding.bottom, boxPadding.bottom);
- maxPadding.right = Math.max(maxPadding.right, boxPadding.right);
-}
-function updateDims(chartArea, params, layout, stacks) {
- const {pos, box} = layout;
- const maxPadding = chartArea.maxPadding;
- if (!isObject(pos)) {
- if (layout.size) {
- chartArea[pos] -= layout.size;
- }
- const stack = stacks[layout.stack] || {size: 0, count: 1};
- stack.size = Math.max(stack.size, layout.horizontal ? box.height : box.width);
- layout.size = stack.size / stack.count;
- chartArea[pos] += layout.size;
- }
- if (box.getPadding) {
- updateMaxPadding(maxPadding, box.getPadding());
- }
- const newWidth = Math.max(0, params.outerWidth - getCombinedMax(maxPadding, chartArea, 'left', 'right'));
- const newHeight = Math.max(0, params.outerHeight - getCombinedMax(maxPadding, chartArea, 'top', 'bottom'));
- const widthChanged = newWidth !== chartArea.w;
- const heightChanged = newHeight !== chartArea.h;
- chartArea.w = newWidth;
- chartArea.h = newHeight;
- return layout.horizontal
- ? {same: widthChanged, other: heightChanged}
- : {same: heightChanged, other: widthChanged};
-}
-function handleMaxPadding(chartArea) {
- const maxPadding = chartArea.maxPadding;
- function updatePos(pos) {
- const change = Math.max(maxPadding[pos] - chartArea[pos], 0);
- chartArea[pos] += change;
- return change;
- }
- chartArea.y += updatePos('top');
- chartArea.x += updatePos('left');
- updatePos('right');
- updatePos('bottom');
-}
-function getMargins(horizontal, chartArea) {
- const maxPadding = chartArea.maxPadding;
- function marginForPositions(positions) {
- const margin = {left: 0, top: 0, right: 0, bottom: 0};
- positions.forEach((pos) => {
- margin[pos] = Math.max(chartArea[pos], maxPadding[pos]);
- });
- return margin;
- }
- return horizontal
- ? marginForPositions(['left', 'right'])
- : marginForPositions(['top', 'bottom']);
-}
-function fitBoxes(boxes, chartArea, params, stacks) {
- const refitBoxes = [];
- let i, ilen, layout, box, refit, changed;
- for (i = 0, ilen = boxes.length, refit = 0; i < ilen; ++i) {
- layout = boxes[i];
- box = layout.box;
- box.update(
- layout.width || chartArea.w,
- layout.height || chartArea.h,
- getMargins(layout.horizontal, chartArea)
- );
- const {same, other} = updateDims(chartArea, params, layout, stacks);
- refit |= same && refitBoxes.length;
- changed = changed || other;
- if (!box.fullSize) {
- refitBoxes.push(layout);
- }
- }
- return refit && fitBoxes(refitBoxes, chartArea, params, stacks) || changed;
-}
-function setBoxDims(box, left, top, width, height) {
- box.top = top;
- box.left = left;
- box.right = left + width;
- box.bottom = top + height;
- box.width = width;
- box.height = height;
-}
-function placeBoxes(boxes, chartArea, params, stacks) {
- const userPadding = params.padding;
- let {x, y} = chartArea;
- for (const layout of boxes) {
- const box = layout.box;
- const stack = stacks[layout.stack] || {count: 1, placed: 0, weight: 1};
- const weight = (layout.stackWeight / stack.weight) || 1;
- if (layout.horizontal) {
- const width = chartArea.w * weight;
- const height = stack.size || box.height;
- if (defined(stack.start)) {
- y = stack.start;
- }
- if (box.fullSize) {
- setBoxDims(box, userPadding.left, y, params.outerWidth - userPadding.right - userPadding.left, height);
- } else {
- setBoxDims(box, chartArea.left + stack.placed, y, width, height);
- }
- stack.start = y;
- stack.placed += width;
- y = box.bottom;
- } else {
- const height = chartArea.h * weight;
- const width = stack.size || box.width;
- if (defined(stack.start)) {
- x = stack.start;
- }
- if (box.fullSize) {
- setBoxDims(box, x, userPadding.top, width, params.outerHeight - userPadding.bottom - userPadding.top);
- } else {
- setBoxDims(box, x, chartArea.top + stack.placed, width, height);
- }
- stack.start = x;
- stack.placed += height;
- x = box.right;
- }
- }
- chartArea.x = x;
- chartArea.y = y;
-}
-defaults.set('layout', {
- autoPadding: true,
- padding: {
- top: 0,
- right: 0,
- bottom: 0,
- left: 0
- }
-});
-var layouts = {
- addBox(chart, item) {
- if (!chart.boxes) {
- chart.boxes = [];
- }
- item.fullSize = item.fullSize || false;
- item.position = item.position || 'top';
- item.weight = item.weight || 0;
- item._layers = item._layers || function() {
- return [{
- z: 0,
- draw(chartArea) {
- item.draw(chartArea);
- }
- }];
- };
- chart.boxes.push(item);
- },
- removeBox(chart, layoutItem) {
- const index = chart.boxes ? chart.boxes.indexOf(layoutItem) : -1;
- if (index !== -1) {
- chart.boxes.splice(index, 1);
- }
- },
- configure(chart, item, options) {
- item.fullSize = options.fullSize;
- item.position = options.position;
- item.weight = options.weight;
- },
- update(chart, width, height, minPadding) {
- if (!chart) {
- return;
- }
- const padding = toPadding(chart.options.layout.padding);
- const availableWidth = Math.max(width - padding.width, 0);
- const availableHeight = Math.max(height - padding.height, 0);
- const boxes = buildLayoutBoxes(chart.boxes);
- const verticalBoxes = boxes.vertical;
- const horizontalBoxes = boxes.horizontal;
- each(chart.boxes, box => {
- if (typeof box.beforeLayout === 'function') {
- box.beforeLayout();
- }
- });
- const visibleVerticalBoxCount = verticalBoxes.reduce((total, wrap) =>
- wrap.box.options && wrap.box.options.display === false ? total : total + 1, 0) || 1;
- const params = Object.freeze({
- outerWidth: width,
- outerHeight: height,
- padding,
- availableWidth,
- availableHeight,
- vBoxMaxWidth: availableWidth / 2 / visibleVerticalBoxCount,
- hBoxMaxHeight: availableHeight / 2
- });
- const maxPadding = Object.assign({}, padding);
- updateMaxPadding(maxPadding, toPadding(minPadding));
- const chartArea = Object.assign({
- maxPadding,
- w: availableWidth,
- h: availableHeight,
- x: padding.left,
- y: padding.top
- }, padding);
- const stacks = setLayoutDims(verticalBoxes.concat(horizontalBoxes), params);
- fitBoxes(boxes.fullSize, chartArea, params, stacks);
- fitBoxes(verticalBoxes, chartArea, params, stacks);
- if (fitBoxes(horizontalBoxes, chartArea, params, stacks)) {
- fitBoxes(verticalBoxes, chartArea, params, stacks);
- }
- handleMaxPadding(chartArea);
- placeBoxes(boxes.leftAndTop, chartArea, params, stacks);
- chartArea.x += chartArea.w;
- chartArea.y += chartArea.h;
- placeBoxes(boxes.rightAndBottom, chartArea, params, stacks);
- chart.chartArea = {
- left: chartArea.left,
- top: chartArea.top,
- right: chartArea.left + chartArea.w,
- bottom: chartArea.top + chartArea.h,
- height: chartArea.h,
- width: chartArea.w,
- };
- each(boxes.chartArea, (layout) => {
- const box = layout.box;
- Object.assign(box, chart.chartArea);
- box.update(chartArea.w, chartArea.h, {left: 0, top: 0, right: 0, bottom: 0});
- });
- }
-};
-
-function _createResolver(scopes, prefixes = [''], rootScopes = scopes, fallback, getTarget = () => scopes[0]) {
- if (!defined(fallback)) {
- fallback = _resolve('_fallback', scopes);
- }
- const cache = {
- [Symbol.toStringTag]: 'Object',
- _cacheable: true,
- _scopes: scopes,
- _rootScopes: rootScopes,
- _fallback: fallback,
- _getTarget: getTarget,
- override: (scope) => _createResolver([scope, ...scopes], prefixes, rootScopes, fallback),
- };
- return new Proxy(cache, {
- deleteProperty(target, prop) {
- delete target[prop];
- delete target._keys;
- delete scopes[0][prop];
- return true;
- },
- get(target, prop) {
- return _cached(target, prop,
- () => _resolveWithPrefixes(prop, prefixes, scopes, target));
- },
- getOwnPropertyDescriptor(target, prop) {
- return Reflect.getOwnPropertyDescriptor(target._scopes[0], prop);
- },
- getPrototypeOf() {
- return Reflect.getPrototypeOf(scopes[0]);
- },
- has(target, prop) {
- return getKeysFromAllScopes(target).includes(prop);
- },
- ownKeys(target) {
- return getKeysFromAllScopes(target);
- },
- set(target, prop, value) {
- const storage = target._storage || (target._storage = getTarget());
- target[prop] = storage[prop] = value;
- delete target._keys;
- return true;
- }
- });
-}
-function _attachContext(proxy, context, subProxy, descriptorDefaults) {
- const cache = {
- _cacheable: false,
- _proxy: proxy,
- _context: context,
- _subProxy: subProxy,
- _stack: new Set(),
- _descriptors: _descriptors(proxy, descriptorDefaults),
- setContext: (ctx) => _attachContext(proxy, ctx, subProxy, descriptorDefaults),
- override: (scope) => _attachContext(proxy.override(scope), context, subProxy, descriptorDefaults)
- };
- return new Proxy(cache, {
- deleteProperty(target, prop) {
- delete target[prop];
- delete proxy[prop];
- return true;
- },
- get(target, prop, receiver) {
- return _cached(target, prop,
- () => _resolveWithContext(target, prop, receiver));
- },
- getOwnPropertyDescriptor(target, prop) {
- return target._descriptors.allKeys
- ? Reflect.has(proxy, prop) ? {enumerable: true, configurable: true} : undefined
- : Reflect.getOwnPropertyDescriptor(proxy, prop);
- },
- getPrototypeOf() {
- return Reflect.getPrototypeOf(proxy);
- },
- has(target, prop) {
- return Reflect.has(proxy, prop);
- },
- ownKeys() {
- return Reflect.ownKeys(proxy);
- },
- set(target, prop, value) {
- proxy[prop] = value;
- delete target[prop];
- return true;
- }
- });
-}
-function _descriptors(proxy, defaults = {scriptable: true, indexable: true}) {
- const {_scriptable = defaults.scriptable, _indexable = defaults.indexable, _allKeys = defaults.allKeys} = proxy;
- return {
- allKeys: _allKeys,
- scriptable: _scriptable,
- indexable: _indexable,
- isScriptable: isFunction(_scriptable) ? _scriptable : () => _scriptable,
- isIndexable: isFunction(_indexable) ? _indexable : () => _indexable
- };
-}
-const readKey = (prefix, name) => prefix ? prefix + _capitalize(name) : name;
-const needsSubResolver = (prop, value) => isObject(value) && prop !== 'adapters' &&
- (Object.getPrototypeOf(value) === null || value.constructor === Object);
-function _cached(target, prop, resolve) {
- if (Object.prototype.hasOwnProperty.call(target, prop)) {
- return target[prop];
- }
- const value = resolve();
- target[prop] = value;
- return value;
-}
-function _resolveWithContext(target, prop, receiver) {
- const {_proxy, _context, _subProxy, _descriptors: descriptors} = target;
- let value = _proxy[prop];
- if (isFunction(value) && descriptors.isScriptable(prop)) {
- value = _resolveScriptable(prop, value, target, receiver);
- }
- if (isArray(value) && value.length) {
- value = _resolveArray(prop, value, target, descriptors.isIndexable);
- }
- if (needsSubResolver(prop, value)) {
- value = _attachContext(value, _context, _subProxy && _subProxy[prop], descriptors);
- }
- return value;
-}
-function _resolveScriptable(prop, value, target, receiver) {
- const {_proxy, _context, _subProxy, _stack} = target;
- if (_stack.has(prop)) {
- throw new Error('Recursion detected: ' + Array.from(_stack).join('->') + '->' + prop);
- }
- _stack.add(prop);
- value = value(_context, _subProxy || receiver);
- _stack.delete(prop);
- if (needsSubResolver(prop, value)) {
- value = createSubResolver(_proxy._scopes, _proxy, prop, value);
- }
- return value;
-}
-function _resolveArray(prop, value, target, isIndexable) {
- const {_proxy, _context, _subProxy, _descriptors: descriptors} = target;
- if (defined(_context.index) && isIndexable(prop)) {
- value = value[_context.index % value.length];
- } else if (isObject(value[0])) {
- const arr = value;
- const scopes = _proxy._scopes.filter(s => s !== arr);
- value = [];
- for (const item of arr) {
- const resolver = createSubResolver(scopes, _proxy, prop, item);
- value.push(_attachContext(resolver, _context, _subProxy && _subProxy[prop], descriptors));
- }
- }
- return value;
-}
-function resolveFallback(fallback, prop, value) {
- return isFunction(fallback) ? fallback(prop, value) : fallback;
-}
-const getScope = (key, parent) => key === true ? parent
- : typeof key === 'string' ? resolveObjectKey(parent, key) : undefined;
-function addScopes(set, parentScopes, key, parentFallback, value) {
- for (const parent of parentScopes) {
- const scope = getScope(key, parent);
- if (scope) {
- set.add(scope);
- const fallback = resolveFallback(scope._fallback, key, value);
- if (defined(fallback) && fallback !== key && fallback !== parentFallback) {
- return fallback;
- }
- } else if (scope === false && defined(parentFallback) && key !== parentFallback) {
- return null;
- }
- }
- return false;
-}
-function createSubResolver(parentScopes, resolver, prop, value) {
- const rootScopes = resolver._rootScopes;
- const fallback = resolveFallback(resolver._fallback, prop, value);
- const allScopes = [...parentScopes, ...rootScopes];
- const set = new Set();
- set.add(value);
- let key = addScopesFromKey(set, allScopes, prop, fallback || prop, value);
- if (key === null) {
- return false;
- }
- if (defined(fallback) && fallback !== prop) {
- key = addScopesFromKey(set, allScopes, fallback, key, value);
- if (key === null) {
- return false;
- }
- }
- return _createResolver(Array.from(set), [''], rootScopes, fallback,
- () => subGetTarget(resolver, prop, value));
-}
-function addScopesFromKey(set, allScopes, key, fallback, item) {
- while (key) {
- key = addScopes(set, allScopes, key, fallback, item);
- }
- return key;
-}
-function subGetTarget(resolver, prop, value) {
- const parent = resolver._getTarget();
- if (!(prop in parent)) {
- parent[prop] = {};
- }
- const target = parent[prop];
- if (isArray(target) && isObject(value)) {
- return value;
- }
- return target;
-}
-function _resolveWithPrefixes(prop, prefixes, scopes, proxy) {
- let value;
- for (const prefix of prefixes) {
- value = _resolve(readKey(prefix, prop), scopes);
- if (defined(value)) {
- return needsSubResolver(prop, value)
- ? createSubResolver(scopes, proxy, prop, value)
- : value;
- }
- }
-}
-function _resolve(key, scopes) {
- for (const scope of scopes) {
- if (!scope) {
- continue;
- }
- const value = scope[key];
- if (defined(value)) {
- return value;
- }
- }
-}
-function getKeysFromAllScopes(target) {
- let keys = target._keys;
- if (!keys) {
- keys = target._keys = resolveKeysFromAllScopes(target._scopes);
- }
- return keys;
-}
-function resolveKeysFromAllScopes(scopes) {
- const set = new Set();
- for (const scope of scopes) {
- for (const key of Object.keys(scope).filter(k => !k.startsWith('_'))) {
- set.add(key);
- }
- }
- return Array.from(set);
-}
-
-const EPSILON = Number.EPSILON || 1e-14;
-const getPoint = (points, i) => i < points.length && !points[i].skip && points[i];
-const getValueAxis = (indexAxis) => indexAxis === 'x' ? 'y' : 'x';
-function splineCurve(firstPoint, middlePoint, afterPoint, t) {
- const previous = firstPoint.skip ? middlePoint : firstPoint;
- const current = middlePoint;
- const next = afterPoint.skip ? middlePoint : afterPoint;
- const d01 = distanceBetweenPoints(current, previous);
- const d12 = distanceBetweenPoints(next, current);
- let s01 = d01 / (d01 + d12);
- let s12 = d12 / (d01 + d12);
- s01 = isNaN(s01) ? 0 : s01;
- s12 = isNaN(s12) ? 0 : s12;
- const fa = t * s01;
- const fb = t * s12;
- return {
- previous: {
- x: current.x - fa * (next.x - previous.x),
- y: current.y - fa * (next.y - previous.y)
- },
- next: {
- x: current.x + fb * (next.x - previous.x),
- y: current.y + fb * (next.y - previous.y)
- }
- };
-}
-function monotoneAdjust(points, deltaK, mK) {
- const pointsLen = points.length;
- let alphaK, betaK, tauK, squaredMagnitude, pointCurrent;
- let pointAfter = getPoint(points, 0);
- for (let i = 0; i < pointsLen - 1; ++i) {
- pointCurrent = pointAfter;
- pointAfter = getPoint(points, i + 1);
- if (!pointCurrent || !pointAfter) {
- continue;
- }
- if (almostEquals(deltaK[i], 0, EPSILON)) {
- mK[i] = mK[i + 1] = 0;
- continue;
- }
- alphaK = mK[i] / deltaK[i];
- betaK = mK[i + 1] / deltaK[i];
- squaredMagnitude = Math.pow(alphaK, 2) + Math.pow(betaK, 2);
- if (squaredMagnitude <= 9) {
- continue;
- }
- tauK = 3 / Math.sqrt(squaredMagnitude);
- mK[i] = alphaK * tauK * deltaK[i];
- mK[i + 1] = betaK * tauK * deltaK[i];
- }
-}
-function monotoneCompute(points, mK, indexAxis = 'x') {
- const valueAxis = getValueAxis(indexAxis);
- const pointsLen = points.length;
- let delta, pointBefore, pointCurrent;
- let pointAfter = getPoint(points, 0);
- for (let i = 0; i < pointsLen; ++i) {
- pointBefore = pointCurrent;
- pointCurrent = pointAfter;
- pointAfter = getPoint(points, i + 1);
- if (!pointCurrent) {
- continue;
- }
- const iPixel = pointCurrent[indexAxis];
- const vPixel = pointCurrent[valueAxis];
- if (pointBefore) {
- delta = (iPixel - pointBefore[indexAxis]) / 3;
- pointCurrent[`cp1${indexAxis}`] = iPixel - delta;
- pointCurrent[`cp1${valueAxis}`] = vPixel - delta * mK[i];
- }
- if (pointAfter) {
- delta = (pointAfter[indexAxis] - iPixel) / 3;
- pointCurrent[`cp2${indexAxis}`] = iPixel + delta;
- pointCurrent[`cp2${valueAxis}`] = vPixel + delta * mK[i];
- }
- }
-}
-function splineCurveMonotone(points, indexAxis = 'x') {
- const valueAxis = getValueAxis(indexAxis);
- const pointsLen = points.length;
- const deltaK = Array(pointsLen).fill(0);
- const mK = Array(pointsLen);
- let i, pointBefore, pointCurrent;
- let pointAfter = getPoint(points, 0);
- for (i = 0; i < pointsLen; ++i) {
- pointBefore = pointCurrent;
- pointCurrent = pointAfter;
- pointAfter = getPoint(points, i + 1);
- if (!pointCurrent) {
- continue;
- }
- if (pointAfter) {
- const slopeDelta = pointAfter[indexAxis] - pointCurrent[indexAxis];
- deltaK[i] = slopeDelta !== 0 ? (pointAfter[valueAxis] - pointCurrent[valueAxis]) / slopeDelta : 0;
- }
- mK[i] = !pointBefore ? deltaK[i]
- : !pointAfter ? deltaK[i - 1]
- : (sign(deltaK[i - 1]) !== sign(deltaK[i])) ? 0
- : (deltaK[i - 1] + deltaK[i]) / 2;
- }
- monotoneAdjust(points, deltaK, mK);
- monotoneCompute(points, mK, indexAxis);
-}
-function capControlPoint(pt, min, max) {
- return Math.max(Math.min(pt, max), min);
-}
-function capBezierPoints(points, area) {
- let i, ilen, point, inArea, inAreaPrev;
- let inAreaNext = _isPointInArea(points[0], area);
- for (i = 0, ilen = points.length; i < ilen; ++i) {
- inAreaPrev = inArea;
- inArea = inAreaNext;
- inAreaNext = i < ilen - 1 && _isPointInArea(points[i + 1], area);
- if (!inArea) {
- continue;
- }
- point = points[i];
- if (inAreaPrev) {
- point.cp1x = capControlPoint(point.cp1x, area.left, area.right);
- point.cp1y = capControlPoint(point.cp1y, area.top, area.bottom);
- }
- if (inAreaNext) {
- point.cp2x = capControlPoint(point.cp2x, area.left, area.right);
- point.cp2y = capControlPoint(point.cp2y, area.top, area.bottom);
- }
- }
-}
-function _updateBezierControlPoints(points, options, area, loop, indexAxis) {
- let i, ilen, point, controlPoints;
- if (options.spanGaps) {
- points = points.filter((pt) => !pt.skip);
- }
- if (options.cubicInterpolationMode === 'monotone') {
- splineCurveMonotone(points, indexAxis);
- } else {
- let prev = loop ? points[points.length - 1] : points[0];
- for (i = 0, ilen = points.length; i < ilen; ++i) {
- point = points[i];
- controlPoints = splineCurve(
- prev,
- point,
- points[Math.min(i + 1, ilen - (loop ? 0 : 1)) % ilen],
- options.tension
- );
- point.cp1x = controlPoints.previous.x;
- point.cp1y = controlPoints.previous.y;
- point.cp2x = controlPoints.next.x;
- point.cp2y = controlPoints.next.y;
- prev = point;
- }
- }
- if (options.capBezierPoints) {
- capBezierPoints(points, area);
- }
-}
-
-const atEdge = (t) => t === 0 || t === 1;
-const elasticIn = (t, s, p) => -(Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * TAU / p));
-const elasticOut = (t, s, p) => Math.pow(2, -10 * t) * Math.sin((t - s) * TAU / p) + 1;
-const effects = {
- linear: t => t,
- easeInQuad: t => t * t,
- easeOutQuad: t => -t * (t - 2),
- easeInOutQuad: t => ((t /= 0.5) < 1)
- ? 0.5 * t * t
- : -0.5 * ((--t) * (t - 2) - 1),
- easeInCubic: t => t * t * t,
- easeOutCubic: t => (t -= 1) * t * t + 1,
- easeInOutCubic: t => ((t /= 0.5) < 1)
- ? 0.5 * t * t * t
- : 0.5 * ((t -= 2) * t * t + 2),
- easeInQuart: t => t * t * t * t,
- easeOutQuart: t => -((t -= 1) * t * t * t - 1),
- easeInOutQuart: t => ((t /= 0.5) < 1)
- ? 0.5 * t * t * t * t
- : -0.5 * ((t -= 2) * t * t * t - 2),
- easeInQuint: t => t * t * t * t * t,
- easeOutQuint: t => (t -= 1) * t * t * t * t + 1,
- easeInOutQuint: t => ((t /= 0.5) < 1)
- ? 0.5 * t * t * t * t * t
- : 0.5 * ((t -= 2) * t * t * t * t + 2),
- easeInSine: t => -Math.cos(t * HALF_PI) + 1,
- easeOutSine: t => Math.sin(t * HALF_PI),
- easeInOutSine: t => -0.5 * (Math.cos(PI * t) - 1),
- easeInExpo: t => (t === 0) ? 0 : Math.pow(2, 10 * (t - 1)),
- easeOutExpo: t => (t === 1) ? 1 : -Math.pow(2, -10 * t) + 1,
- easeInOutExpo: t => atEdge(t) ? t : t < 0.5
- ? 0.5 * Math.pow(2, 10 * (t * 2 - 1))
- : 0.5 * (-Math.pow(2, -10 * (t * 2 - 1)) + 2),
- easeInCirc: t => (t >= 1) ? t : -(Math.sqrt(1 - t * t) - 1),
- easeOutCirc: t => Math.sqrt(1 - (t -= 1) * t),
- easeInOutCirc: t => ((t /= 0.5) < 1)
- ? -0.5 * (Math.sqrt(1 - t * t) - 1)
- : 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1),
- easeInElastic: t => atEdge(t) ? t : elasticIn(t, 0.075, 0.3),
- easeOutElastic: t => atEdge(t) ? t : elasticOut(t, 0.075, 0.3),
- easeInOutElastic(t) {
- const s = 0.1125;
- const p = 0.45;
- return atEdge(t) ? t :
- t < 0.5
- ? 0.5 * elasticIn(t * 2, s, p)
- : 0.5 + 0.5 * elasticOut(t * 2 - 1, s, p);
- },
- easeInBack(t) {
- const s = 1.70158;
- return t * t * ((s + 1) * t - s);
- },
- easeOutBack(t) {
- const s = 1.70158;
- return (t -= 1) * t * ((s + 1) * t + s) + 1;
- },
- easeInOutBack(t) {
- let s = 1.70158;
- if ((t /= 0.5) < 1) {
- return 0.5 * (t * t * (((s *= (1.525)) + 1) * t - s));
- }
- return 0.5 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2);
- },
- easeInBounce: t => 1 - effects.easeOutBounce(1 - t),
- easeOutBounce(t) {
- const m = 7.5625;
- const d = 2.75;
- if (t < (1 / d)) {
- return m * t * t;
- }
- if (t < (2 / d)) {
- return m * (t -= (1.5 / d)) * t + 0.75;
- }
- if (t < (2.5 / d)) {
- return m * (t -= (2.25 / d)) * t + 0.9375;
- }
- return m * (t -= (2.625 / d)) * t + 0.984375;
- },
- easeInOutBounce: t => (t < 0.5)
- ? effects.easeInBounce(t * 2) * 0.5
- : effects.easeOutBounce(t * 2 - 1) * 0.5 + 0.5,
-};
-
-function _pointInLine(p1, p2, t, mode) {
- return {
- x: p1.x + t * (p2.x - p1.x),
- y: p1.y + t * (p2.y - p1.y)
- };
-}
-function _steppedInterpolation(p1, p2, t, mode) {
- return {
- x: p1.x + t * (p2.x - p1.x),
- y: mode === 'middle' ? t < 0.5 ? p1.y : p2.y
- : mode === 'after' ? t < 1 ? p1.y : p2.y
- : t > 0 ? p2.y : p1.y
- };
-}
-function _bezierInterpolation(p1, p2, t, mode) {
- const cp1 = {x: p1.cp2x, y: p1.cp2y};
- const cp2 = {x: p2.cp1x, y: p2.cp1y};
- const a = _pointInLine(p1, cp1, t);
- const b = _pointInLine(cp1, cp2, t);
- const c = _pointInLine(cp2, p2, t);
- const d = _pointInLine(a, b, t);
- const e = _pointInLine(b, c, t);
- return _pointInLine(d, e, t);
-}
-
-const intlCache = new Map();
-function getNumberFormat(locale, options) {
- options = options || {};
- const cacheKey = locale + JSON.stringify(options);
- let formatter = intlCache.get(cacheKey);
- if (!formatter) {
- formatter = new Intl.NumberFormat(locale, options);
- intlCache.set(cacheKey, formatter);
- }
- return formatter;
-}
-function formatNumber(num, locale, options) {
- return getNumberFormat(locale, options).format(num);
-}
-
-const getRightToLeftAdapter = function(rectX, width) {
- return {
- x(x) {
- return rectX + rectX + width - x;
- },
- setWidth(w) {
- width = w;
- },
- textAlign(align) {
- if (align === 'center') {
- return align;
- }
- return align === 'right' ? 'left' : 'right';
- },
- xPlus(x, value) {
- return x - value;
- },
- leftForLtr(x, itemWidth) {
- return x - itemWidth;
- },
- };
-};
-const getLeftToRightAdapter = function() {
- return {
- x(x) {
- return x;
- },
- setWidth(w) {
- },
- textAlign(align) {
- return align;
- },
- xPlus(x, value) {
- return x + value;
- },
- leftForLtr(x, _itemWidth) {
- return x;
- },
- };
-};
-function getRtlAdapter(rtl, rectX, width) {
- return rtl ? getRightToLeftAdapter(rectX, width) : getLeftToRightAdapter();
-}
-function overrideTextDirection(ctx, direction) {
- let style, original;
- if (direction === 'ltr' || direction === 'rtl') {
- style = ctx.canvas.style;
- original = [
- style.getPropertyValue('direction'),
- style.getPropertyPriority('direction'),
- ];
- style.setProperty('direction', direction, 'important');
- ctx.prevTextDirection = original;
- }
-}
-function restoreTextDirection(ctx, original) {
- if (original !== undefined) {
- delete ctx.prevTextDirection;
- ctx.canvas.style.setProperty('direction', original[0], original[1]);
- }
-}
-
-function propertyFn(property) {
- if (property === 'angle') {
- return {
- between: _angleBetween,
- compare: _angleDiff,
- normalize: _normalizeAngle,
- };
- }
- return {
- between: _isBetween,
- compare: (a, b) => a - b,
- normalize: x => x
- };
-}
-function normalizeSegment({start, end, count, loop, style}) {
- return {
- start: start % count,
- end: end % count,
- loop: loop && (end - start + 1) % count === 0,
- style
- };
-}
-function getSegment(segment, points, bounds) {
- const {property, start: startBound, end: endBound} = bounds;
- const {between, normalize} = propertyFn(property);
- const count = points.length;
- let {start, end, loop} = segment;
- let i, ilen;
- if (loop) {
- start += count;
- end += count;
- for (i = 0, ilen = count; i < ilen; ++i) {
- if (!between(normalize(points[start % count][property]), startBound, endBound)) {
- break;
- }
- start--;
- end--;
- }
- start %= count;
- end %= count;
- }
- if (end < start) {
- end += count;
- }
- return {start, end, loop, style: segment.style};
-}
-function _boundSegment(segment, points, bounds) {
- if (!bounds) {
- return [segment];
- }
- const {property, start: startBound, end: endBound} = bounds;
- const count = points.length;
- const {compare, between, normalize} = propertyFn(property);
- const {start, end, loop, style} = getSegment(segment, points, bounds);
- const result = [];
- let inside = false;
- let subStart = null;
- let value, point, prevValue;
- const startIsBefore = () => between(startBound, prevValue, value) && compare(startBound, prevValue) !== 0;
- const endIsBefore = () => compare(endBound, value) === 0 || between(endBound, prevValue, value);
- const shouldStart = () => inside || startIsBefore();
- const shouldStop = () => !inside || endIsBefore();
- for (let i = start, prev = start; i <= end; ++i) {
- point = points[i % count];
- if (point.skip) {
- continue;
- }
- value = normalize(point[property]);
- if (value === prevValue) {
- continue;
- }
- inside = between(value, startBound, endBound);
- if (subStart === null && shouldStart()) {
- subStart = compare(value, startBound) === 0 ? i : prev;
- }
- if (subStart !== null && shouldStop()) {
- result.push(normalizeSegment({start: subStart, end: i, loop, count, style}));
- subStart = null;
- }
- prev = i;
- prevValue = value;
- }
- if (subStart !== null) {
- result.push(normalizeSegment({start: subStart, end, loop, count, style}));
- }
- return result;
-}
-function _boundSegments(line, bounds) {
- const result = [];
- const segments = line.segments;
- for (let i = 0; i < segments.length; i++) {
- const sub = _boundSegment(segments[i], line.points, bounds);
- if (sub.length) {
- result.push(...sub);
- }
- }
- return result;
-}
-function findStartAndEnd(points, count, loop, spanGaps) {
- let start = 0;
- let end = count - 1;
- if (loop && !spanGaps) {
- while (start < count && !points[start].skip) {
- start++;
- }
- }
- while (start < count && points[start].skip) {
- start++;
- }
- start %= count;
- if (loop) {
- end += start;
- }
- while (end > start && points[end % count].skip) {
- end--;
- }
- end %= count;
- return {start, end};
-}
-function solidSegments(points, start, max, loop) {
- const count = points.length;
- const result = [];
- let last = start;
- let prev = points[start];
- let end;
- for (end = start + 1; end <= max; ++end) {
- const cur = points[end % count];
- if (cur.skip || cur.stop) {
- if (!prev.skip) {
- loop = false;
- result.push({start: start % count, end: (end - 1) % count, loop});
- start = last = cur.stop ? end : null;
- }
- } else {
- last = end;
- if (prev.skip) {
- start = end;
- }
- }
- prev = cur;
- }
- if (last !== null) {
- result.push({start: start % count, end: last % count, loop});
- }
- return result;
-}
-function _computeSegments(line, segmentOptions) {
- const points = line.points;
- const spanGaps = line.options.spanGaps;
- const count = points.length;
- if (!count) {
- return [];
- }
- const loop = !!line._loop;
- const {start, end} = findStartAndEnd(points, count, loop, spanGaps);
- if (spanGaps === true) {
- return splitByStyles(line, [{start, end, loop}], points, segmentOptions);
- }
- const max = end < start ? end + count : end;
- const completeLoop = !!line._fullLoop && start === 0 && end === count - 1;
- return splitByStyles(line, solidSegments(points, start, max, completeLoop), points, segmentOptions);
-}
-function splitByStyles(line, segments, points, segmentOptions) {
- if (!segmentOptions || !segmentOptions.setContext || !points) {
- return segments;
- }
- return doSplitByStyles(line, segments, points, segmentOptions);
-}
-function doSplitByStyles(line, segments, points, segmentOptions) {
- const chartContext = line._chart.getContext();
- const baseStyle = readStyle(line.options);
- const {_datasetIndex: datasetIndex, options: {spanGaps}} = line;
- const count = points.length;
- const result = [];
- let prevStyle = baseStyle;
- let start = segments[0].start;
- let i = start;
- function addStyle(s, e, l, st) {
- const dir = spanGaps ? -1 : 1;
- if (s === e) {
- return;
- }
- s += count;
- while (points[s % count].skip) {
- s -= dir;
- }
- while (points[e % count].skip) {
- e += dir;
- }
- if (s % count !== e % count) {
- result.push({start: s % count, end: e % count, loop: l, style: st});
- prevStyle = st;
- start = e % count;
- }
- }
- for (const segment of segments) {
- start = spanGaps ? start : segment.start;
- let prev = points[start % count];
- let style;
- for (i = start + 1; i <= segment.end; i++) {
- const pt = points[i % count];
- style = readStyle(segmentOptions.setContext(createContext(chartContext, {
- type: 'segment',
- p0: prev,
- p1: pt,
- p0DataIndex: (i - 1) % count,
- p1DataIndex: i % count,
- datasetIndex
- })));
- if (styleChanged(style, prevStyle)) {
- addStyle(start, i - 1, segment.loop, prevStyle);
- }
- prev = pt;
- prevStyle = style;
- }
- if (start < i - 1) {
- addStyle(start, i - 1, segment.loop, prevStyle);
- }
- }
- return result;
-}
-function readStyle(options) {
- return {
- backgroundColor: options.backgroundColor,
- borderCapStyle: options.borderCapStyle,
- borderDash: options.borderDash,
- borderDashOffset: options.borderDashOffset,
- borderJoinStyle: options.borderJoinStyle,
- borderWidth: options.borderWidth,
- borderColor: options.borderColor
- };
-}
-function styleChanged(style, prevStyle) {
- return prevStyle && JSON.stringify(style) !== JSON.stringify(prevStyle);
-}
-
-var helpers = /*#__PURE__*/Object.freeze({
-__proto__: null,
-easingEffects: effects,
-color: color,
-getHoverColor: getHoverColor,
-noop: noop,
-uid: uid,
-isNullOrUndef: isNullOrUndef,
-isArray: isArray,
-isObject: isObject,
-isFinite: isNumberFinite,
-finiteOrDefault: finiteOrDefault,
-valueOrDefault: valueOrDefault,
-toPercentage: toPercentage,
-toDimension: toDimension,
-callback: callback,
-each: each,
-_elementsEqual: _elementsEqual,
-clone: clone,
-_merger: _merger,
-merge: merge,
-mergeIf: mergeIf,
-_mergerIf: _mergerIf,
-_deprecated: _deprecated,
-resolveObjectKey: resolveObjectKey,
-_capitalize: _capitalize,
-defined: defined,
-isFunction: isFunction,
-setsEqual: setsEqual,
-_isClickEvent: _isClickEvent,
-toFontString: toFontString,
-_measureText: _measureText,
-_longestText: _longestText,
-_alignPixel: _alignPixel,
-clearCanvas: clearCanvas,
-drawPoint: drawPoint,
-_isPointInArea: _isPointInArea,
-clipArea: clipArea,
-unclipArea: unclipArea,
-_steppedLineTo: _steppedLineTo,
-_bezierCurveTo: _bezierCurveTo,
-renderText: renderText,
-addRoundedRectPath: addRoundedRectPath,
-_lookup: _lookup,
-_lookupByKey: _lookupByKey,
-_rlookupByKey: _rlookupByKey,
-_filterBetween: _filterBetween,
-listenArrayEvents: listenArrayEvents,
-unlistenArrayEvents: unlistenArrayEvents,
-_arrayUnique: _arrayUnique,
-_createResolver: _createResolver,
-_attachContext: _attachContext,
-_descriptors: _descriptors,
-splineCurve: splineCurve,
-splineCurveMonotone: splineCurveMonotone,
-_updateBezierControlPoints: _updateBezierControlPoints,
-_isDomSupported: _isDomSupported,
-_getParentNode: _getParentNode,
-getStyle: getStyle,
-getRelativePosition: getRelativePosition$1,
-getMaximumSize: getMaximumSize,
-retinaScale: retinaScale,
-supportsEventListenerOptions: supportsEventListenerOptions,
-readUsedSize: readUsedSize,
-fontString: fontString,
-requestAnimFrame: requestAnimFrame,
-throttled: throttled,
-debounce: debounce,
-_toLeftRightCenter: _toLeftRightCenter,
-_alignStartEnd: _alignStartEnd,
-_textX: _textX,
-_pointInLine: _pointInLine,
-_steppedInterpolation: _steppedInterpolation,
-_bezierInterpolation: _bezierInterpolation,
-formatNumber: formatNumber,
-toLineHeight: toLineHeight,
-_readValueToProps: _readValueToProps,
-toTRBL: toTRBL,
-toTRBLCorners: toTRBLCorners,
-toPadding: toPadding,
-toFont: toFont,
-resolve: resolve,
-_addGrace: _addGrace,
-createContext: createContext,
-PI: PI,
-TAU: TAU,
-PITAU: PITAU,
-INFINITY: INFINITY,
-RAD_PER_DEG: RAD_PER_DEG,
-HALF_PI: HALF_PI,
-QUARTER_PI: QUARTER_PI,
-TWO_THIRDS_PI: TWO_THIRDS_PI,
-log10: log10,
-sign: sign,
-niceNum: niceNum,
-_factorize: _factorize,
-isNumber: isNumber,
-almostEquals: almostEquals,
-almostWhole: almostWhole,
-_setMinAndMaxByKey: _setMinAndMaxByKey,
-toRadians: toRadians,
-toDegrees: toDegrees,
-_decimalPlaces: _decimalPlaces,
-getAngleFromPoint: getAngleFromPoint,
-distanceBetweenPoints: distanceBetweenPoints,
-_angleDiff: _angleDiff,
-_normalizeAngle: _normalizeAngle,
-_angleBetween: _angleBetween,
-_limitValue: _limitValue,
-_int16Range: _int16Range,
-_isBetween: _isBetween,
-getRtlAdapter: getRtlAdapter,
-overrideTextDirection: overrideTextDirection,
-restoreTextDirection: restoreTextDirection,
-_boundSegment: _boundSegment,
-_boundSegments: _boundSegments,
-_computeSegments: _computeSegments
-});
-
-class BasePlatform {
- acquireContext(canvas, aspectRatio) {}
- releaseContext(context) {
- return false;
- }
- addEventListener(chart, type, listener) {}
- removeEventListener(chart, type, listener) {}
- getDevicePixelRatio() {
- return 1;
- }
- getMaximumSize(element, width, height, aspectRatio) {
- width = Math.max(0, width || element.width);
- height = height || element.height;
- return {
- width,
- height: Math.max(0, aspectRatio ? Math.floor(width / aspectRatio) : height)
- };
- }
- isAttached(canvas) {
- return true;
- }
- updateConfig(config) {
- }
-}
-
-class BasicPlatform extends BasePlatform {
- acquireContext(item) {
- return item && item.getContext && item.getContext('2d') || null;
- }
- updateConfig(config) {
- config.options.animation = false;
- }
-}
-
-const EXPANDO_KEY = '$chartjs';
-const EVENT_TYPES = {
- touchstart: 'mousedown',
- touchmove: 'mousemove',
- touchend: 'mouseup',
- pointerenter: 'mouseenter',
- pointerdown: 'mousedown',
- pointermove: 'mousemove',
- pointerup: 'mouseup',
- pointerleave: 'mouseout',
- pointerout: 'mouseout'
-};
-const isNullOrEmpty = value => value === null || value === '';
-function initCanvas(canvas, aspectRatio) {
- const style = canvas.style;
- const renderHeight = canvas.getAttribute('height');
- const renderWidth = canvas.getAttribute('width');
- canvas[EXPANDO_KEY] = {
- initial: {
- height: renderHeight,
- width: renderWidth,
- style: {
- display: style.display,
- height: style.height,
- width: style.width
- }
- }
- };
- style.display = style.display || 'block';
- style.boxSizing = style.boxSizing || 'border-box';
- if (isNullOrEmpty(renderWidth)) {
- const displayWidth = readUsedSize(canvas, 'width');
- if (displayWidth !== undefined) {
- canvas.width = displayWidth;
- }
- }
- if (isNullOrEmpty(renderHeight)) {
- if (canvas.style.height === '') {
- canvas.height = canvas.width / (aspectRatio || 2);
- } else {
- const displayHeight = readUsedSize(canvas, 'height');
- if (displayHeight !== undefined) {
- canvas.height = displayHeight;
- }
- }
- }
- return canvas;
-}
-const eventListenerOptions = supportsEventListenerOptions ? {passive: true} : false;
-function addListener(node, type, listener) {
- node.addEventListener(type, listener, eventListenerOptions);
-}
-function removeListener(chart, type, listener) {
- chart.canvas.removeEventListener(type, listener, eventListenerOptions);
-}
-function fromNativeEvent(event, chart) {
- const type = EVENT_TYPES[event.type] || event.type;
- const {x, y} = getRelativePosition$1(event, chart);
- return {
- type,
- chart,
- native: event,
- x: x !== undefined ? x : null,
- y: y !== undefined ? y : null,
- };
-}
-function nodeListContains(nodeList, canvas) {
- for (const node of nodeList) {
- if (node === canvas || node.contains(canvas)) {
- return true;
- }
- }
-}
-function createAttachObserver(chart, type, listener) {
- const canvas = chart.canvas;
- const observer = new MutationObserver(entries => {
- let trigger = false;
- for (const entry of entries) {
- trigger = trigger || nodeListContains(entry.addedNodes, canvas);
- trigger = trigger && !nodeListContains(entry.removedNodes, canvas);
- }
- if (trigger) {
- listener();
- }
- });
- observer.observe(document, {childList: true, subtree: true});
- return observer;
-}
-function createDetachObserver(chart, type, listener) {
- const canvas = chart.canvas;
- const observer = new MutationObserver(entries => {
- let trigger = false;
- for (const entry of entries) {
- trigger = trigger || nodeListContains(entry.removedNodes, canvas);
- trigger = trigger && !nodeListContains(entry.addedNodes, canvas);
- }
- if (trigger) {
- listener();
- }
- });
- observer.observe(document, {childList: true, subtree: true});
- return observer;
-}
-const drpListeningCharts = new Map();
-let oldDevicePixelRatio = 0;
-function onWindowResize() {
- const dpr = window.devicePixelRatio;
- if (dpr === oldDevicePixelRatio) {
- return;
- }
- oldDevicePixelRatio = dpr;
- drpListeningCharts.forEach((resize, chart) => {
- if (chart.currentDevicePixelRatio !== dpr) {
- resize();
- }
- });
-}
-function listenDevicePixelRatioChanges(chart, resize) {
- if (!drpListeningCharts.size) {
- window.addEventListener('resize', onWindowResize);
- }
- drpListeningCharts.set(chart, resize);
-}
-function unlistenDevicePixelRatioChanges(chart) {
- drpListeningCharts.delete(chart);
- if (!drpListeningCharts.size) {
- window.removeEventListener('resize', onWindowResize);
- }
-}
-function createResizeObserver(chart, type, listener) {
- const canvas = chart.canvas;
- const container = canvas && _getParentNode(canvas);
- if (!container) {
- return;
- }
- const resize = throttled((width, height) => {
- const w = container.clientWidth;
- listener(width, height);
- if (w < container.clientWidth) {
- listener();
- }
- }, window);
- const observer = new ResizeObserver(entries => {
- const entry = entries[0];
- const width = entry.contentRect.width;
- const height = entry.contentRect.height;
- if (width === 0 && height === 0) {
- return;
- }
- resize(width, height);
- });
- observer.observe(container);
- listenDevicePixelRatioChanges(chart, resize);
- return observer;
-}
-function releaseObserver(chart, type, observer) {
- if (observer) {
- observer.disconnect();
- }
- if (type === 'resize') {
- unlistenDevicePixelRatioChanges(chart);
- }
-}
-function createProxyAndListen(chart, type, listener) {
- const canvas = chart.canvas;
- const proxy = throttled((event) => {
- if (chart.ctx !== null) {
- listener(fromNativeEvent(event, chart));
- }
- }, chart, (args) => {
- const event = args[0];
- return [event, event.offsetX, event.offsetY];
- });
- addListener(canvas, type, proxy);
- return proxy;
-}
-class DomPlatform extends BasePlatform {
- acquireContext(canvas, aspectRatio) {
- const context = canvas && canvas.getContext && canvas.getContext('2d');
- if (context && context.canvas === canvas) {
- initCanvas(canvas, aspectRatio);
- return context;
- }
- return null;
- }
- releaseContext(context) {
- const canvas = context.canvas;
- if (!canvas[EXPANDO_KEY]) {
- return false;
- }
- const initial = canvas[EXPANDO_KEY].initial;
- ['height', 'width'].forEach((prop) => {
- const value = initial[prop];
- if (isNullOrUndef(value)) {
- canvas.removeAttribute(prop);
- } else {
- canvas.setAttribute(prop, value);
- }
- });
- const style = initial.style || {};
- Object.keys(style).forEach((key) => {
- canvas.style[key] = style[key];
- });
- canvas.width = canvas.width;
- delete canvas[EXPANDO_KEY];
- return true;
- }
- addEventListener(chart, type, listener) {
- this.removeEventListener(chart, type);
- const proxies = chart.$proxies || (chart.$proxies = {});
- const handlers = {
- attach: createAttachObserver,
- detach: createDetachObserver,
- resize: createResizeObserver
- };
- const handler = handlers[type] || createProxyAndListen;
- proxies[type] = handler(chart, type, listener);
- }
- removeEventListener(chart, type) {
- const proxies = chart.$proxies || (chart.$proxies = {});
- const proxy = proxies[type];
- if (!proxy) {
- return;
- }
- const handlers = {
- attach: releaseObserver,
- detach: releaseObserver,
- resize: releaseObserver
- };
- const handler = handlers[type] || removeListener;
- handler(chart, type, proxy);
- proxies[type] = undefined;
- }
- getDevicePixelRatio() {
- return window.devicePixelRatio;
- }
- getMaximumSize(canvas, width, height, aspectRatio) {
- return getMaximumSize(canvas, width, height, aspectRatio);
- }
- isAttached(canvas) {
- const container = _getParentNode(canvas);
- return !!(container && container.isConnected);
- }
-}
-
-function _detectPlatform(canvas) {
- if (!_isDomSupported() || (typeof OffscreenCanvas !== 'undefined' && canvas instanceof OffscreenCanvas)) {
- return BasicPlatform;
- }
- return DomPlatform;
-}
-
-var platforms = /*#__PURE__*/Object.freeze({
-__proto__: null,
-_detectPlatform: _detectPlatform,
-BasePlatform: BasePlatform,
-BasicPlatform: BasicPlatform,
-DomPlatform: DomPlatform
-});
-
-const transparent = 'transparent';
-const interpolators = {
- boolean(from, to, factor) {
- return factor > 0.5 ? to : from;
- },
- color(from, to, factor) {
- const c0 = color(from || transparent);
- const c1 = c0.valid && color(to || transparent);
- return c1 && c1.valid
- ? c1.mix(c0, factor).hexString()
- : to;
- },
- number(from, to, factor) {
- return from + (to - from) * factor;
- }
-};
-class Animation {
- constructor(cfg, target, prop, to) {
- const currentValue = target[prop];
- to = resolve([cfg.to, to, currentValue, cfg.from]);
- const from = resolve([cfg.from, currentValue, to]);
- this._active = true;
- this._fn = cfg.fn || interpolators[cfg.type || typeof from];
- this._easing = effects[cfg.easing] || effects.linear;
- this._start = Math.floor(Date.now() + (cfg.delay || 0));
- this._duration = this._total = Math.floor(cfg.duration);
- this._loop = !!cfg.loop;
- this._target = target;
- this._prop = prop;
- this._from = from;
- this._to = to;
- this._promises = undefined;
- }
- active() {
- return this._active;
- }
- update(cfg, to, date) {
- if (this._active) {
- this._notify(false);
- const currentValue = this._target[this._prop];
- const elapsed = date - this._start;
- const remain = this._duration - elapsed;
- this._start = date;
- this._duration = Math.floor(Math.max(remain, cfg.duration));
- this._total += elapsed;
- this._loop = !!cfg.loop;
- this._to = resolve([cfg.to, to, currentValue, cfg.from]);
- this._from = resolve([cfg.from, currentValue, to]);
- }
- }
- cancel() {
- if (this._active) {
- this.tick(Date.now());
- this._active = false;
- this._notify(false);
- }
- }
- tick(date) {
- const elapsed = date - this._start;
- const duration = this._duration;
- const prop = this._prop;
- const from = this._from;
- const loop = this._loop;
- const to = this._to;
- let factor;
- this._active = from !== to && (loop || (elapsed < duration));
- if (!this._active) {
- this._target[prop] = to;
- this._notify(true);
- return;
- }
- if (elapsed < 0) {
- this._target[prop] = from;
- return;
- }
- factor = (elapsed / duration) % 2;
- factor = loop && factor > 1 ? 2 - factor : factor;
- factor = this._easing(Math.min(1, Math.max(0, factor)));
- this._target[prop] = this._fn(from, to, factor);
- }
- wait() {
- const promises = this._promises || (this._promises = []);
- return new Promise((res, rej) => {
- promises.push({res, rej});
- });
- }
- _notify(resolved) {
- const method = resolved ? 'res' : 'rej';
- const promises = this._promises || [];
- for (let i = 0; i < promises.length; i++) {
- promises[i][method]();
- }
- }
-}
-
-const numbers = ['x', 'y', 'borderWidth', 'radius', 'tension'];
-const colors = ['color', 'borderColor', 'backgroundColor'];
-defaults.set('animation', {
- delay: undefined,
- duration: 1000,
- easing: 'easeOutQuart',
- fn: undefined,
- from: undefined,
- loop: undefined,
- to: undefined,
- type: undefined,
-});
-const animationOptions = Object.keys(defaults.animation);
-defaults.describe('animation', {
- _fallback: false,
- _indexable: false,
- _scriptable: (name) => name !== 'onProgress' && name !== 'onComplete' && name !== 'fn',
-});
-defaults.set('animations', {
- colors: {
- type: 'color',
- properties: colors
- },
- numbers: {
- type: 'number',
- properties: numbers
- },
-});
-defaults.describe('animations', {
- _fallback: 'animation',
-});
-defaults.set('transitions', {
- active: {
- animation: {
- duration: 400
- }
- },
- resize: {
- animation: {
- duration: 0
- }
- },
- show: {
- animations: {
- colors: {
- from: 'transparent'
- },
- visible: {
- type: 'boolean',
- duration: 0
- },
- }
- },
- hide: {
- animations: {
- colors: {
- to: 'transparent'
- },
- visible: {
- type: 'boolean',
- easing: 'linear',
- fn: v => v | 0
- },
- }
- }
-});
-class Animations {
- constructor(chart, config) {
- this._chart = chart;
- this._properties = new Map();
- this.configure(config);
- }
- configure(config) {
- if (!isObject(config)) {
- return;
- }
- const animatedProps = this._properties;
- Object.getOwnPropertyNames(config).forEach(key => {
- const cfg = config[key];
- if (!isObject(cfg)) {
- return;
- }
- const resolved = {};
- for (const option of animationOptions) {
- resolved[option] = cfg[option];
- }
- (isArray(cfg.properties) && cfg.properties || [key]).forEach((prop) => {
- if (prop === key || !animatedProps.has(prop)) {
- animatedProps.set(prop, resolved);
- }
- });
- });
- }
- _animateOptions(target, values) {
- const newOptions = values.options;
- const options = resolveTargetOptions(target, newOptions);
- if (!options) {
- return [];
- }
- const animations = this._createAnimations(options, newOptions);
- if (newOptions.$shared) {
- awaitAll(target.options.$animations, newOptions).then(() => {
- target.options = newOptions;
- }, () => {
- });
- }
- return animations;
- }
- _createAnimations(target, values) {
- const animatedProps = this._properties;
- const animations = [];
- const running = target.$animations || (target.$animations = {});
- const props = Object.keys(values);
- const date = Date.now();
- let i;
- for (i = props.length - 1; i >= 0; --i) {
- const prop = props[i];
- if (prop.charAt(0) === '$') {
- continue;
- }
- if (prop === 'options') {
- animations.push(...this._animateOptions(target, values));
- continue;
- }
- const value = values[prop];
- let animation = running[prop];
- const cfg = animatedProps.get(prop);
- if (animation) {
- if (cfg && animation.active()) {
- animation.update(cfg, value, date);
- continue;
- } else {
- animation.cancel();
- }
- }
- if (!cfg || !cfg.duration) {
- target[prop] = value;
- continue;
- }
- running[prop] = animation = new Animation(cfg, target, prop, value);
- animations.push(animation);
- }
- return animations;
- }
- update(target, values) {
- if (this._properties.size === 0) {
- Object.assign(target, values);
- return;
- }
- const animations = this._createAnimations(target, values);
- if (animations.length) {
- animator.add(this._chart, animations);
- return true;
- }
- }
-}
-function awaitAll(animations, properties) {
- const running = [];
- const keys = Object.keys(properties);
- for (let i = 0; i < keys.length; i++) {
- const anim = animations[keys[i]];
- if (anim && anim.active()) {
- running.push(anim.wait());
- }
- }
- return Promise.all(running);
-}
-function resolveTargetOptions(target, newOptions) {
- if (!newOptions) {
- return;
- }
- let options = target.options;
- if (!options) {
- target.options = newOptions;
- return;
- }
- if (options.$shared) {
- target.options = options = Object.assign({}, options, {$shared: false, $animations: {}});
- }
- return options;
-}
-
-function scaleClip(scale, allowedOverflow) {
- const opts = scale && scale.options || {};
- const reverse = opts.reverse;
- const min = opts.min === undefined ? allowedOverflow : 0;
- const max = opts.max === undefined ? allowedOverflow : 0;
- return {
- start: reverse ? max : min,
- end: reverse ? min : max
- };
-}
-function defaultClip(xScale, yScale, allowedOverflow) {
- if (allowedOverflow === false) {
- return false;
- }
- const x = scaleClip(xScale, allowedOverflow);
- const y = scaleClip(yScale, allowedOverflow);
- return {
- top: y.end,
- right: x.end,
- bottom: y.start,
- left: x.start
- };
-}
-function toClip(value) {
- let t, r, b, l;
- if (isObject(value)) {
- t = value.top;
- r = value.right;
- b = value.bottom;
- l = value.left;
- } else {
- t = r = b = l = value;
- }
- return {
- top: t,
- right: r,
- bottom: b,
- left: l,
- disabled: value === false
- };
-}
-function getSortedDatasetIndices(chart, filterVisible) {
- const keys = [];
- const metasets = chart._getSortedDatasetMetas(filterVisible);
- let i, ilen;
- for (i = 0, ilen = metasets.length; i < ilen; ++i) {
- keys.push(metasets[i].index);
- }
- return keys;
-}
-function applyStack(stack, value, dsIndex, options = {}) {
- const keys = stack.keys;
- const singleMode = options.mode === 'single';
- let i, ilen, datasetIndex, otherValue;
- if (value === null) {
- return;
- }
- for (i = 0, ilen = keys.length; i < ilen; ++i) {
- datasetIndex = +keys[i];
- if (datasetIndex === dsIndex) {
- if (options.all) {
- continue;
- }
- break;
- }
- otherValue = stack.values[datasetIndex];
- if (isNumberFinite(otherValue) && (singleMode || (value === 0 || sign(value) === sign(otherValue)))) {
- value += otherValue;
- }
- }
- return value;
-}
-function convertObjectDataToArray(data) {
- const keys = Object.keys(data);
- const adata = new Array(keys.length);
- let i, ilen, key;
- for (i = 0, ilen = keys.length; i < ilen; ++i) {
- key = keys[i];
- adata[i] = {
- x: key,
- y: data[key]
- };
- }
- return adata;
-}
-function isStacked(scale, meta) {
- const stacked = scale && scale.options.stacked;
- return stacked || (stacked === undefined && meta.stack !== undefined);
-}
-function getStackKey(indexScale, valueScale, meta) {
- return `${indexScale.id}.${valueScale.id}.${meta.stack || meta.type}`;
-}
-function getUserBounds(scale) {
- const {min, max, minDefined, maxDefined} = scale.getUserBounds();
- return {
- min: minDefined ? min : Number.NEGATIVE_INFINITY,
- max: maxDefined ? max : Number.POSITIVE_INFINITY
- };
-}
-function getOrCreateStack(stacks, stackKey, indexValue) {
- const subStack = stacks[stackKey] || (stacks[stackKey] = {});
- return subStack[indexValue] || (subStack[indexValue] = {});
-}
-function getLastIndexInStack(stack, vScale, positive, type) {
- for (const meta of vScale.getMatchingVisibleMetas(type).reverse()) {
- const value = stack[meta.index];
- if ((positive && value > 0) || (!positive && value < 0)) {
- return meta.index;
- }
- }
- return null;
-}
-function updateStacks(controller, parsed) {
- const {chart, _cachedMeta: meta} = controller;
- const stacks = chart._stacks || (chart._stacks = {});
- const {iScale, vScale, index: datasetIndex} = meta;
- const iAxis = iScale.axis;
- const vAxis = vScale.axis;
- const key = getStackKey(iScale, vScale, meta);
- const ilen = parsed.length;
- let stack;
- for (let i = 0; i < ilen; ++i) {
- const item = parsed[i];
- const {[iAxis]: index, [vAxis]: value} = item;
- const itemStacks = item._stacks || (item._stacks = {});
- stack = itemStacks[vAxis] = getOrCreateStack(stacks, key, index);
- stack[datasetIndex] = value;
- stack._top = getLastIndexInStack(stack, vScale, true, meta.type);
- stack._bottom = getLastIndexInStack(stack, vScale, false, meta.type);
- }
-}
-function getFirstScaleId(chart, axis) {
- const scales = chart.scales;
- return Object.keys(scales).filter(key => scales[key].axis === axis).shift();
-}
-function createDatasetContext(parent, index) {
- return createContext(parent,
- {
- active: false,
- dataset: undefined,
- datasetIndex: index,
- index,
- mode: 'default',
- type: 'dataset'
- }
- );
-}
-function createDataContext(parent, index, element) {
- return createContext(parent, {
- active: false,
- dataIndex: index,
- parsed: undefined,
- raw: undefined,
- element,
- index,
- mode: 'default',
- type: 'data'
- });
-}
-function clearStacks(meta, items) {
- const datasetIndex = meta.controller.index;
- const axis = meta.vScale && meta.vScale.axis;
- if (!axis) {
- return;
- }
- items = items || meta._parsed;
- for (const parsed of items) {
- const stacks = parsed._stacks;
- if (!stacks || stacks[axis] === undefined || stacks[axis][datasetIndex] === undefined) {
- return;
- }
- delete stacks[axis][datasetIndex];
- }
-}
-const isDirectUpdateMode = (mode) => mode === 'reset' || mode === 'none';
-const cloneIfNotShared = (cached, shared) => shared ? cached : Object.assign({}, cached);
-const createStack = (canStack, meta, chart) => canStack && !meta.hidden && meta._stacked
- && {keys: getSortedDatasetIndices(chart, true), values: null};
-class DatasetController {
- constructor(chart, datasetIndex) {
- this.chart = chart;
- this._ctx = chart.ctx;
- this.index = datasetIndex;
- this._cachedDataOpts = {};
- this._cachedMeta = this.getMeta();
- this._type = this._cachedMeta.type;
- this.options = undefined;
- this._parsing = false;
- this._data = undefined;
- this._objectData = undefined;
- this._sharedOptions = undefined;
- this._drawStart = undefined;
- this._drawCount = undefined;
- this.enableOptionSharing = false;
- this.$context = undefined;
- this._syncList = [];
- this.initialize();
- }
- initialize() {
- const meta = this._cachedMeta;
- this.configure();
- this.linkScales();
- meta._stacked = isStacked(meta.vScale, meta);
- this.addElements();
- }
- updateIndex(datasetIndex) {
- if (this.index !== datasetIndex) {
- clearStacks(this._cachedMeta);
- }
- this.index = datasetIndex;
- }
- linkScales() {
- const chart = this.chart;
- const meta = this._cachedMeta;
- const dataset = this.getDataset();
- const chooseId = (axis, x, y, r) => axis === 'x' ? x : axis === 'r' ? r : y;
- const xid = meta.xAxisID = valueOrDefault(dataset.xAxisID, getFirstScaleId(chart, 'x'));
- const yid = meta.yAxisID = valueOrDefault(dataset.yAxisID, getFirstScaleId(chart, 'y'));
- const rid = meta.rAxisID = valueOrDefault(dataset.rAxisID, getFirstScaleId(chart, 'r'));
- const indexAxis = meta.indexAxis;
- const iid = meta.iAxisID = chooseId(indexAxis, xid, yid, rid);
- const vid = meta.vAxisID = chooseId(indexAxis, yid, xid, rid);
- meta.xScale = this.getScaleForId(xid);
- meta.yScale = this.getScaleForId(yid);
- meta.rScale = this.getScaleForId(rid);
- meta.iScale = this.getScaleForId(iid);
- meta.vScale = this.getScaleForId(vid);
- }
- getDataset() {
- return this.chart.data.datasets[this.index];
- }
- getMeta() {
- return this.chart.getDatasetMeta(this.index);
- }
- getScaleForId(scaleID) {
- return this.chart.scales[scaleID];
- }
- _getOtherScale(scale) {
- const meta = this._cachedMeta;
- return scale === meta.iScale
- ? meta.vScale
- : meta.iScale;
- }
- reset() {
- this._update('reset');
- }
- _destroy() {
- const meta = this._cachedMeta;
- if (this._data) {
- unlistenArrayEvents(this._data, this);
- }
- if (meta._stacked) {
- clearStacks(meta);
- }
- }
- _dataCheck() {
- const dataset = this.getDataset();
- const data = dataset.data || (dataset.data = []);
- const _data = this._data;
- if (isObject(data)) {
- this._data = convertObjectDataToArray(data);
- } else if (_data !== data) {
- if (_data) {
- unlistenArrayEvents(_data, this);
- const meta = this._cachedMeta;
- clearStacks(meta);
- meta._parsed = [];
- }
- if (data && Object.isExtensible(data)) {
- listenArrayEvents(data, this);
- }
- this._syncList = [];
- this._data = data;
- }
- }
- addElements() {
- const meta = this._cachedMeta;
- this._dataCheck();
- if (this.datasetElementType) {
- meta.dataset = new this.datasetElementType();
- }
- }
- buildOrUpdateElements(resetNewElements) {
- const meta = this._cachedMeta;
- const dataset = this.getDataset();
- let stackChanged = false;
- this._dataCheck();
- const oldStacked = meta._stacked;
- meta._stacked = isStacked(meta.vScale, meta);
- if (meta.stack !== dataset.stack) {
- stackChanged = true;
- clearStacks(meta);
- meta.stack = dataset.stack;
- }
- this._resyncElements(resetNewElements);
- if (stackChanged || oldStacked !== meta._stacked) {
- updateStacks(this, meta._parsed);
- }
- }
- configure() {
- const config = this.chart.config;
- const scopeKeys = config.datasetScopeKeys(this._type);
- const scopes = config.getOptionScopes(this.getDataset(), scopeKeys, true);
- this.options = config.createResolver(scopes, this.getContext());
- this._parsing = this.options.parsing;
- this._cachedDataOpts = {};
- }
- parse(start, count) {
- const {_cachedMeta: meta, _data: data} = this;
- const {iScale, _stacked} = meta;
- const iAxis = iScale.axis;
- let sorted = start === 0 && count === data.length ? true : meta._sorted;
- let prev = start > 0 && meta._parsed[start - 1];
- let i, cur, parsed;
- if (this._parsing === false) {
- meta._parsed = data;
- meta._sorted = true;
- parsed = data;
- } else {
- if (isArray(data[start])) {
- parsed = this.parseArrayData(meta, data, start, count);
- } else if (isObject(data[start])) {
- parsed = this.parseObjectData(meta, data, start, count);
- } else {
- parsed = this.parsePrimitiveData(meta, data, start, count);
- }
- const isNotInOrderComparedToPrev = () => cur[iAxis] === null || (prev && cur[iAxis] < prev[iAxis]);
- for (i = 0; i < count; ++i) {
- meta._parsed[i + start] = cur = parsed[i];
- if (sorted) {
- if (isNotInOrderComparedToPrev()) {
- sorted = false;
- }
- prev = cur;
- }
- }
- meta._sorted = sorted;
- }
- if (_stacked) {
- updateStacks(this, parsed);
- }
- }
- parsePrimitiveData(meta, data, start, count) {
- const {iScale, vScale} = meta;
- const iAxis = iScale.axis;
- const vAxis = vScale.axis;
- const labels = iScale.getLabels();
- const singleScale = iScale === vScale;
- const parsed = new Array(count);
- let i, ilen, index;
- for (i = 0, ilen = count; i < ilen; ++i) {
- index = i + start;
- parsed[i] = {
- [iAxis]: singleScale || iScale.parse(labels[index], index),
- [vAxis]: vScale.parse(data[index], index)
- };
- }
- return parsed;
- }
- parseArrayData(meta, data, start, count) {
- const {xScale, yScale} = meta;
- const parsed = new Array(count);
- let i, ilen, index, item;
- for (i = 0, ilen = count; i < ilen; ++i) {
- index = i + start;
- item = data[index];
- parsed[i] = {
- x: xScale.parse(item[0], index),
- y: yScale.parse(item[1], index)
- };
- }
- return parsed;
- }
- parseObjectData(meta, data, start, count) {
- const {xScale, yScale} = meta;
- const {xAxisKey = 'x', yAxisKey = 'y'} = this._parsing;
- const parsed = new Array(count);
- let i, ilen, index, item;
- for (i = 0, ilen = count; i < ilen; ++i) {
- index = i + start;
- item = data[index];
- parsed[i] = {
- x: xScale.parse(resolveObjectKey(item, xAxisKey), index),
- y: yScale.parse(resolveObjectKey(item, yAxisKey), index)
- };
- }
- return parsed;
- }
- getParsed(index) {
- return this._cachedMeta._parsed[index];
- }
- getDataElement(index) {
- return this._cachedMeta.data[index];
- }
- applyStack(scale, parsed, mode) {
- const chart = this.chart;
- const meta = this._cachedMeta;
- const value = parsed[scale.axis];
- const stack = {
- keys: getSortedDatasetIndices(chart, true),
- values: parsed._stacks[scale.axis]
- };
- return applyStack(stack, value, meta.index, {mode});
- }
- updateRangeFromParsed(range, scale, parsed, stack) {
- const parsedValue = parsed[scale.axis];
- let value = parsedValue === null ? NaN : parsedValue;
- const values = stack && parsed._stacks[scale.axis];
- if (stack && values) {
- stack.values = values;
- value = applyStack(stack, parsedValue, this._cachedMeta.index);
- }
- range.min = Math.min(range.min, value);
- range.max = Math.max(range.max, value);
- }
- getMinMax(scale, canStack) {
- const meta = this._cachedMeta;
- const _parsed = meta._parsed;
- const sorted = meta._sorted && scale === meta.iScale;
- const ilen = _parsed.length;
- const otherScale = this._getOtherScale(scale);
- const stack = createStack(canStack, meta, this.chart);
- const range = {min: Number.POSITIVE_INFINITY, max: Number.NEGATIVE_INFINITY};
- const {min: otherMin, max: otherMax} = getUserBounds(otherScale);
- let i, parsed;
- function _skip() {
- parsed = _parsed[i];
- const otherValue = parsed[otherScale.axis];
- return !isNumberFinite(parsed[scale.axis]) || otherMin > otherValue || otherMax < otherValue;
- }
- for (i = 0; i < ilen; ++i) {
- if (_skip()) {
- continue;
- }
- this.updateRangeFromParsed(range, scale, parsed, stack);
- if (sorted) {
- break;
- }
- }
- if (sorted) {
- for (i = ilen - 1; i >= 0; --i) {
- if (_skip()) {
- continue;
- }
- this.updateRangeFromParsed(range, scale, parsed, stack);
- break;
- }
- }
- return range;
- }
- getAllParsedValues(scale) {
- const parsed = this._cachedMeta._parsed;
- const values = [];
- let i, ilen, value;
- for (i = 0, ilen = parsed.length; i < ilen; ++i) {
- value = parsed[i][scale.axis];
- if (isNumberFinite(value)) {
- values.push(value);
- }
- }
- return values;
- }
- getMaxOverflow() {
- return false;
- }
- getLabelAndValue(index) {
- const meta = this._cachedMeta;
- const iScale = meta.iScale;
- const vScale = meta.vScale;
- const parsed = this.getParsed(index);
- return {
- label: iScale ? '' + iScale.getLabelForValue(parsed[iScale.axis]) : '',
- value: vScale ? '' + vScale.getLabelForValue(parsed[vScale.axis]) : ''
- };
- }
- _update(mode) {
- const meta = this._cachedMeta;
- this.update(mode || 'default');
- meta._clip = toClip(valueOrDefault(this.options.clip, defaultClip(meta.xScale, meta.yScale, this.getMaxOverflow())));
- }
- update(mode) {}
- draw() {
- const ctx = this._ctx;
- const chart = this.chart;
- const meta = this._cachedMeta;
- const elements = meta.data || [];
- const area = chart.chartArea;
- const active = [];
- const start = this._drawStart || 0;
- const count = this._drawCount || (elements.length - start);
- const drawActiveElementsOnTop = this.options.drawActiveElementsOnTop;
- let i;
- if (meta.dataset) {
- meta.dataset.draw(ctx, area, start, count);
- }
- for (i = start; i < start + count; ++i) {
- const element = elements[i];
- if (element.hidden) {
- continue;
- }
- if (element.active && drawActiveElementsOnTop) {
- active.push(element);
- } else {
- element.draw(ctx, area);
- }
- }
- for (i = 0; i < active.length; ++i) {
- active[i].draw(ctx, area);
- }
- }
- getStyle(index, active) {
- const mode = active ? 'active' : 'default';
- return index === undefined && this._cachedMeta.dataset
- ? this.resolveDatasetElementOptions(mode)
- : this.resolveDataElementOptions(index || 0, mode);
- }
- getContext(index, active, mode) {
- const dataset = this.getDataset();
- let context;
- if (index >= 0 && index < this._cachedMeta.data.length) {
- const element = this._cachedMeta.data[index];
- context = element.$context ||
- (element.$context = createDataContext(this.getContext(), index, element));
- context.parsed = this.getParsed(index);
- context.raw = dataset.data[index];
- context.index = context.dataIndex = index;
- } else {
- context = this.$context ||
- (this.$context = createDatasetContext(this.chart.getContext(), this.index));
- context.dataset = dataset;
- context.index = context.datasetIndex = this.index;
- }
- context.active = !!active;
- context.mode = mode;
- return context;
- }
- resolveDatasetElementOptions(mode) {
- return this._resolveElementOptions(this.datasetElementType.id, mode);
- }
- resolveDataElementOptions(index, mode) {
- return this._resolveElementOptions(this.dataElementType.id, mode, index);
- }
- _resolveElementOptions(elementType, mode = 'default', index) {
- const active = mode === 'active';
- const cache = this._cachedDataOpts;
- const cacheKey = elementType + '-' + mode;
- const cached = cache[cacheKey];
- const sharing = this.enableOptionSharing && defined(index);
- if (cached) {
- return cloneIfNotShared(cached, sharing);
- }
- const config = this.chart.config;
- const scopeKeys = config.datasetElementScopeKeys(this._type, elementType);
- const prefixes = active ? [`${elementType}Hover`, 'hover', elementType, ''] : [elementType, ''];
- const scopes = config.getOptionScopes(this.getDataset(), scopeKeys);
- const names = Object.keys(defaults.elements[elementType]);
- const context = () => this.getContext(index, active);
- const values = config.resolveNamedOptions(scopes, names, context, prefixes);
- if (values.$shared) {
- values.$shared = sharing;
- cache[cacheKey] = Object.freeze(cloneIfNotShared(values, sharing));
- }
- return values;
- }
- _resolveAnimations(index, transition, active) {
- const chart = this.chart;
- const cache = this._cachedDataOpts;
- const cacheKey = `animation-${transition}`;
- const cached = cache[cacheKey];
- if (cached) {
- return cached;
- }
- let options;
- if (chart.options.animation !== false) {
- const config = this.chart.config;
- const scopeKeys = config.datasetAnimationScopeKeys(this._type, transition);
- const scopes = config.getOptionScopes(this.getDataset(), scopeKeys);
- options = config.createResolver(scopes, this.getContext(index, active, transition));
- }
- const animations = new Animations(chart, options && options.animations);
- if (options && options._cacheable) {
- cache[cacheKey] = Object.freeze(animations);
- }
- return animations;
- }
- getSharedOptions(options) {
- if (!options.$shared) {
- return;
- }
- return this._sharedOptions || (this._sharedOptions = Object.assign({}, options));
- }
- includeOptions(mode, sharedOptions) {
- return !sharedOptions || isDirectUpdateMode(mode) || this.chart._animationsDisabled;
- }
- updateElement(element, index, properties, mode) {
- if (isDirectUpdateMode(mode)) {
- Object.assign(element, properties);
- } else {
- this._resolveAnimations(index, mode).update(element, properties);
- }
- }
- updateSharedOptions(sharedOptions, mode, newOptions) {
- if (sharedOptions && !isDirectUpdateMode(mode)) {
- this._resolveAnimations(undefined, mode).update(sharedOptions, newOptions);
- }
- }
- _setStyle(element, index, mode, active) {
- element.active = active;
- const options = this.getStyle(index, active);
- this._resolveAnimations(index, mode, active).update(element, {
- options: (!active && this.getSharedOptions(options)) || options
- });
- }
- removeHoverStyle(element, datasetIndex, index) {
- this._setStyle(element, index, 'active', false);
- }
- setHoverStyle(element, datasetIndex, index) {
- this._setStyle(element, index, 'active', true);
- }
- _removeDatasetHoverStyle() {
- const element = this._cachedMeta.dataset;
- if (element) {
- this._setStyle(element, undefined, 'active', false);
- }
- }
- _setDatasetHoverStyle() {
- const element = this._cachedMeta.dataset;
- if (element) {
- this._setStyle(element, undefined, 'active', true);
- }
- }
- _resyncElements(resetNewElements) {
- const data = this._data;
- const elements = this._cachedMeta.data;
- for (const [method, arg1, arg2] of this._syncList) {
- this[method](arg1, arg2);
- }
- this._syncList = [];
- const numMeta = elements.length;
- const numData = data.length;
- const count = Math.min(numData, numMeta);
- if (count) {
- this.parse(0, count);
- }
- if (numData > numMeta) {
- this._insertElements(numMeta, numData - numMeta, resetNewElements);
- } else if (numData < numMeta) {
- this._removeElements(numData, numMeta - numData);
- }
- }
- _insertElements(start, count, resetNewElements = true) {
- const meta = this._cachedMeta;
- const data = meta.data;
- const end = start + count;
- let i;
- const move = (arr) => {
- arr.length += count;
- for (i = arr.length - 1; i >= end; i--) {
- arr[i] = arr[i - count];
- }
- };
- move(data);
- for (i = start; i < end; ++i) {
- data[i] = new this.dataElementType();
- }
- if (this._parsing) {
- move(meta._parsed);
- }
- this.parse(start, count);
- if (resetNewElements) {
- this.updateElements(data, start, count, 'reset');
- }
- }
- updateElements(element, start, count, mode) {}
- _removeElements(start, count) {
- const meta = this._cachedMeta;
- if (this._parsing) {
- const removed = meta._parsed.splice(start, count);
- if (meta._stacked) {
- clearStacks(meta, removed);
- }
- }
- meta.data.splice(start, count);
- }
- _sync(args) {
- if (this._parsing) {
- this._syncList.push(args);
- } else {
- const [method, arg1, arg2] = args;
- this[method](arg1, arg2);
- }
- this.chart._dataChanges.push([this.index, ...args]);
- }
- _onDataPush() {
- const count = arguments.length;
- this._sync(['_insertElements', this.getDataset().data.length - count, count]);
- }
- _onDataPop() {
- this._sync(['_removeElements', this._cachedMeta.data.length - 1, 1]);
- }
- _onDataShift() {
- this._sync(['_removeElements', 0, 1]);
- }
- _onDataSplice(start, count) {
- if (count) {
- this._sync(['_removeElements', start, count]);
- }
- const newCount = arguments.length - 2;
- if (newCount) {
- this._sync(['_insertElements', start, newCount]);
- }
- }
- _onDataUnshift() {
- this._sync(['_insertElements', 0, arguments.length]);
- }
-}
-DatasetController.defaults = {};
-DatasetController.prototype.datasetElementType = null;
-DatasetController.prototype.dataElementType = null;
-
-class Element {
- constructor() {
- this.x = undefined;
- this.y = undefined;
- this.active = false;
- this.options = undefined;
- this.$animations = undefined;
- }
- tooltipPosition(useFinalPosition) {
- const {x, y} = this.getProps(['x', 'y'], useFinalPosition);
- return {x, y};
- }
- hasValue() {
- return isNumber(this.x) && isNumber(this.y);
- }
- getProps(props, final) {
- const anims = this.$animations;
- if (!final || !anims) {
- return this;
- }
- const ret = {};
- props.forEach(prop => {
- ret[prop] = anims[prop] && anims[prop].active() ? anims[prop]._to : this[prop];
- });
- return ret;
- }
-}
-Element.defaults = {};
-Element.defaultRoutes = undefined;
-
-const formatters = {
- values(value) {
- return isArray(value) ? value : '' + value;
- },
- numeric(tickValue, index, ticks) {
- if (tickValue === 0) {
- return '0';
- }
- const locale = this.chart.options.locale;
- let notation;
- let delta = tickValue;
- if (ticks.length > 1) {
- const maxTick = Math.max(Math.abs(ticks[0].value), Math.abs(ticks[ticks.length - 1].value));
- if (maxTick < 1e-4 || maxTick > 1e+15) {
- notation = 'scientific';
- }
- delta = calculateDelta(tickValue, ticks);
- }
- const logDelta = log10(Math.abs(delta));
- const numDecimal = Math.max(Math.min(-1 * Math.floor(logDelta), 20), 0);
- const options = {notation, minimumFractionDigits: numDecimal, maximumFractionDigits: numDecimal};
- Object.assign(options, this.options.ticks.format);
- return formatNumber(tickValue, locale, options);
- },
- logarithmic(tickValue, index, ticks) {
- if (tickValue === 0) {
- return '0';
- }
- const remain = tickValue / (Math.pow(10, Math.floor(log10(tickValue))));
- if (remain === 1 || remain === 2 || remain === 5) {
- return formatters.numeric.call(this, tickValue, index, ticks);
- }
- return '';
- }
-};
-function calculateDelta(tickValue, ticks) {
- let delta = ticks.length > 3 ? ticks[2].value - ticks[1].value : ticks[1].value - ticks[0].value;
- if (Math.abs(delta) >= 1 && tickValue !== Math.floor(tickValue)) {
- delta = tickValue - Math.floor(tickValue);
- }
- return delta;
-}
-var Ticks = {formatters};
-
-defaults.set('scale', {
- display: true,
- offset: false,
- reverse: false,
- beginAtZero: false,
- bounds: 'ticks',
- grace: 0,
- grid: {
- display: true,
- lineWidth: 1,
- drawBorder: true,
- drawOnChartArea: true,
- drawTicks: true,
- tickLength: 8,
- tickWidth: (_ctx, options) => options.lineWidth,
- tickColor: (_ctx, options) => options.color,
- offset: false,
- borderDash: [],
- borderDashOffset: 0.0,
- borderWidth: 1
- },
- title: {
- display: false,
- text: '',
- padding: {
- top: 4,
- bottom: 4
- }
- },
- ticks: {
- minRotation: 0,
- maxRotation: 50,
- mirror: false,
- textStrokeWidth: 0,
- textStrokeColor: '',
- padding: 3,
- display: true,
- autoSkip: true,
- autoSkipPadding: 3,
- labelOffset: 0,
- callback: Ticks.formatters.values,
- minor: {},
- major: {},
- align: 'center',
- crossAlign: 'near',
- showLabelBackdrop: false,
- backdropColor: 'rgba(255, 255, 255, 0.75)',
- backdropPadding: 2,
- }
-});
-defaults.route('scale.ticks', 'color', '', 'color');
-defaults.route('scale.grid', 'color', '', 'borderColor');
-defaults.route('scale.grid', 'borderColor', '', 'borderColor');
-defaults.route('scale.title', 'color', '', 'color');
-defaults.describe('scale', {
- _fallback: false,
- _scriptable: (name) => !name.startsWith('before') && !name.startsWith('after') && name !== 'callback' && name !== 'parser',
- _indexable: (name) => name !== 'borderDash' && name !== 'tickBorderDash',
-});
-defaults.describe('scales', {
- _fallback: 'scale',
-});
-defaults.describe('scale.ticks', {
- _scriptable: (name) => name !== 'backdropPadding' && name !== 'callback',
- _indexable: (name) => name !== 'backdropPadding',
-});
-
-function autoSkip(scale, ticks) {
- const tickOpts = scale.options.ticks;
- const ticksLimit = tickOpts.maxTicksLimit || determineMaxTicks(scale);
- const majorIndices = tickOpts.major.enabled ? getMajorIndices(ticks) : [];
- const numMajorIndices = majorIndices.length;
- const first = majorIndices[0];
- const last = majorIndices[numMajorIndices - 1];
- const newTicks = [];
- if (numMajorIndices > ticksLimit) {
- skipMajors(ticks, newTicks, majorIndices, numMajorIndices / ticksLimit);
- return newTicks;
- }
- const spacing = calculateSpacing(majorIndices, ticks, ticksLimit);
- if (numMajorIndices > 0) {
- let i, ilen;
- const avgMajorSpacing = numMajorIndices > 1 ? Math.round((last - first) / (numMajorIndices - 1)) : null;
- skip(ticks, newTicks, spacing, isNullOrUndef(avgMajorSpacing) ? 0 : first - avgMajorSpacing, first);
- for (i = 0, ilen = numMajorIndices - 1; i < ilen; i++) {
- skip(ticks, newTicks, spacing, majorIndices[i], majorIndices[i + 1]);
- }
- skip(ticks, newTicks, spacing, last, isNullOrUndef(avgMajorSpacing) ? ticks.length : last + avgMajorSpacing);
- return newTicks;
- }
- skip(ticks, newTicks, spacing);
- return newTicks;
-}
-function determineMaxTicks(scale) {
- const offset = scale.options.offset;
- const tickLength = scale._tickSize();
- const maxScale = scale._length / tickLength + (offset ? 0 : 1);
- const maxChart = scale._maxLength / tickLength;
- return Math.floor(Math.min(maxScale, maxChart));
-}
-function calculateSpacing(majorIndices, ticks, ticksLimit) {
- const evenMajorSpacing = getEvenSpacing(majorIndices);
- const spacing = ticks.length / ticksLimit;
- if (!evenMajorSpacing) {
- return Math.max(spacing, 1);
- }
- const factors = _factorize(evenMajorSpacing);
- for (let i = 0, ilen = factors.length - 1; i < ilen; i++) {
- const factor = factors[i];
- if (factor > spacing) {
- return factor;
- }
- }
- return Math.max(spacing, 1);
-}
-function getMajorIndices(ticks) {
- const result = [];
- let i, ilen;
- for (i = 0, ilen = ticks.length; i < ilen; i++) {
- if (ticks[i].major) {
- result.push(i);
- }
- }
- return result;
-}
-function skipMajors(ticks, newTicks, majorIndices, spacing) {
- let count = 0;
- let next = majorIndices[0];
- let i;
- spacing = Math.ceil(spacing);
- for (i = 0; i < ticks.length; i++) {
- if (i === next) {
- newTicks.push(ticks[i]);
- count++;
- next = majorIndices[count * spacing];
- }
- }
-}
-function skip(ticks, newTicks, spacing, majorStart, majorEnd) {
- const start = valueOrDefault(majorStart, 0);
- const end = Math.min(valueOrDefault(majorEnd, ticks.length), ticks.length);
- let count = 0;
- let length, i, next;
- spacing = Math.ceil(spacing);
- if (majorEnd) {
- length = majorEnd - majorStart;
- spacing = length / Math.floor(length / spacing);
- }
- next = start;
- while (next < 0) {
- count++;
- next = Math.round(start + count * spacing);
- }
- for (i = Math.max(start, 0); i < end; i++) {
- if (i === next) {
- newTicks.push(ticks[i]);
- count++;
- next = Math.round(start + count * spacing);
- }
- }
-}
-function getEvenSpacing(arr) {
- const len = arr.length;
- let i, diff;
- if (len < 2) {
- return false;
- }
- for (diff = arr[0], i = 1; i < len; ++i) {
- if (arr[i] - arr[i - 1] !== diff) {
- return false;
- }
- }
- return diff;
-}
-
-const reverseAlign = (align) => align === 'left' ? 'right' : align === 'right' ? 'left' : align;
-const offsetFromEdge = (scale, edge, offset) => edge === 'top' || edge === 'left' ? scale[edge] + offset : scale[edge] - offset;
-function sample(arr, numItems) {
- const result = [];
- const increment = arr.length / numItems;
- const len = arr.length;
- let i = 0;
- for (; i < len; i += increment) {
- result.push(arr[Math.floor(i)]);
- }
- return result;
-}
-function getPixelForGridLine(scale, index, offsetGridLines) {
- const length = scale.ticks.length;
- const validIndex = Math.min(index, length - 1);
- const start = scale._startPixel;
- const end = scale._endPixel;
- const epsilon = 1e-6;
- let lineValue = scale.getPixelForTick(validIndex);
- let offset;
- if (offsetGridLines) {
- if (length === 1) {
- offset = Math.max(lineValue - start, end - lineValue);
- } else if (index === 0) {
- offset = (scale.getPixelForTick(1) - lineValue) / 2;
- } else {
- offset = (lineValue - scale.getPixelForTick(validIndex - 1)) / 2;
- }
- lineValue += validIndex < index ? offset : -offset;
- if (lineValue < start - epsilon || lineValue > end + epsilon) {
- return;
- }
- }
- return lineValue;
-}
-function garbageCollect(caches, length) {
- each(caches, (cache) => {
- const gc = cache.gc;
- const gcLen = gc.length / 2;
- let i;
- if (gcLen > length) {
- for (i = 0; i < gcLen; ++i) {
- delete cache.data[gc[i]];
- }
- gc.splice(0, gcLen);
- }
- });
-}
-function getTickMarkLength(options) {
- return options.drawTicks ? options.tickLength : 0;
-}
-function getTitleHeight(options, fallback) {
- if (!options.display) {
- return 0;
- }
- const font = toFont(options.font, fallback);
- const padding = toPadding(options.padding);
- const lines = isArray(options.text) ? options.text.length : 1;
- return (lines * font.lineHeight) + padding.height;
-}
-function createScaleContext(parent, scale) {
- return createContext(parent, {
- scale,
- type: 'scale'
- });
-}
-function createTickContext(parent, index, tick) {
- return createContext(parent, {
- tick,
- index,
- type: 'tick'
- });
-}
-function titleAlign(align, position, reverse) {
- let ret = _toLeftRightCenter(align);
- if ((reverse && position !== 'right') || (!reverse && position === 'right')) {
- ret = reverseAlign(ret);
- }
- return ret;
-}
-function titleArgs(scale, offset, position, align) {
- const {top, left, bottom, right, chart} = scale;
- const {chartArea, scales} = chart;
- let rotation = 0;
- let maxWidth, titleX, titleY;
- const height = bottom - top;
- const width = right - left;
- if (scale.isHorizontal()) {
- titleX = _alignStartEnd(align, left, right);
- if (isObject(position)) {
- const positionAxisID = Object.keys(position)[0];
- const value = position[positionAxisID];
- titleY = scales[positionAxisID].getPixelForValue(value) + height - offset;
- } else if (position === 'center') {
- titleY = (chartArea.bottom + chartArea.top) / 2 + height - offset;
- } else {
- titleY = offsetFromEdge(scale, position, offset);
- }
- maxWidth = right - left;
- } else {
- if (isObject(position)) {
- const positionAxisID = Object.keys(position)[0];
- const value = position[positionAxisID];
- titleX = scales[positionAxisID].getPixelForValue(value) - width + offset;
- } else if (position === 'center') {
- titleX = (chartArea.left + chartArea.right) / 2 - width + offset;
- } else {
- titleX = offsetFromEdge(scale, position, offset);
- }
- titleY = _alignStartEnd(align, bottom, top);
- rotation = position === 'left' ? -HALF_PI : HALF_PI;
- }
- return {titleX, titleY, maxWidth, rotation};
-}
-class Scale extends Element {
- constructor(cfg) {
- super();
- this.id = cfg.id;
- this.type = cfg.type;
- this.options = undefined;
- this.ctx = cfg.ctx;
- this.chart = cfg.chart;
- this.top = undefined;
- this.bottom = undefined;
- this.left = undefined;
- this.right = undefined;
- this.width = undefined;
- this.height = undefined;
- this._margins = {
- left: 0,
- right: 0,
- top: 0,
- bottom: 0
- };
- this.maxWidth = undefined;
- this.maxHeight = undefined;
- this.paddingTop = undefined;
- this.paddingBottom = undefined;
- this.paddingLeft = undefined;
- this.paddingRight = undefined;
- this.axis = undefined;
- this.labelRotation = undefined;
- this.min = undefined;
- this.max = undefined;
- this._range = undefined;
- this.ticks = [];
- this._gridLineItems = null;
- this._labelItems = null;
- this._labelSizes = null;
- this._length = 0;
- this._maxLength = 0;
- this._longestTextCache = {};
- this._startPixel = undefined;
- this._endPixel = undefined;
- this._reversePixels = false;
- this._userMax = undefined;
- this._userMin = undefined;
- this._suggestedMax = undefined;
- this._suggestedMin = undefined;
- this._ticksLength = 0;
- this._borderValue = 0;
- this._cache = {};
- this._dataLimitsCached = false;
- this.$context = undefined;
- }
- init(options) {
- this.options = options.setContext(this.getContext());
- this.axis = options.axis;
- this._userMin = this.parse(options.min);
- this._userMax = this.parse(options.max);
- this._suggestedMin = this.parse(options.suggestedMin);
- this._suggestedMax = this.parse(options.suggestedMax);
- }
- parse(raw, index) {
- return raw;
- }
- getUserBounds() {
- let {_userMin, _userMax, _suggestedMin, _suggestedMax} = this;
- _userMin = finiteOrDefault(_userMin, Number.POSITIVE_INFINITY);
- _userMax = finiteOrDefault(_userMax, Number.NEGATIVE_INFINITY);
- _suggestedMin = finiteOrDefault(_suggestedMin, Number.POSITIVE_INFINITY);
- _suggestedMax = finiteOrDefault(_suggestedMax, Number.NEGATIVE_INFINITY);
- return {
- min: finiteOrDefault(_userMin, _suggestedMin),
- max: finiteOrDefault(_userMax, _suggestedMax),
- minDefined: isNumberFinite(_userMin),
- maxDefined: isNumberFinite(_userMax)
- };
- }
- getMinMax(canStack) {
- let {min, max, minDefined, maxDefined} = this.getUserBounds();
- let range;
- if (minDefined && maxDefined) {
- return {min, max};
- }
- const metas = this.getMatchingVisibleMetas();
- for (let i = 0, ilen = metas.length; i < ilen; ++i) {
- range = metas[i].controller.getMinMax(this, canStack);
- if (!minDefined) {
- min = Math.min(min, range.min);
- }
- if (!maxDefined) {
- max = Math.max(max, range.max);
- }
- }
- min = maxDefined && min > max ? max : min;
- max = minDefined && min > max ? min : max;
- return {
- min: finiteOrDefault(min, finiteOrDefault(max, min)),
- max: finiteOrDefault(max, finiteOrDefault(min, max))
- };
- }
- getPadding() {
- return {
- left: this.paddingLeft || 0,
- top: this.paddingTop || 0,
- right: this.paddingRight || 0,
- bottom: this.paddingBottom || 0
- };
- }
- getTicks() {
- return this.ticks;
- }
- getLabels() {
- const data = this.chart.data;
- return this.options.labels || (this.isHorizontal() ? data.xLabels : data.yLabels) || data.labels || [];
- }
- beforeLayout() {
- this._cache = {};
- this._dataLimitsCached = false;
- }
- beforeUpdate() {
- callback(this.options.beforeUpdate, [this]);
- }
- update(maxWidth, maxHeight, margins) {
- const {beginAtZero, grace, ticks: tickOpts} = this.options;
- const sampleSize = tickOpts.sampleSize;
- this.beforeUpdate();
- this.maxWidth = maxWidth;
- this.maxHeight = maxHeight;
- this._margins = margins = Object.assign({
- left: 0,
- right: 0,
- top: 0,
- bottom: 0
- }, margins);
- this.ticks = null;
- this._labelSizes = null;
- this._gridLineItems = null;
- this._labelItems = null;
- this.beforeSetDimensions();
- this.setDimensions();
- this.afterSetDimensions();
- this._maxLength = this.isHorizontal()
- ? this.width + margins.left + margins.right
- : this.height + margins.top + margins.bottom;
- if (!this._dataLimitsCached) {
- this.beforeDataLimits();
- this.determineDataLimits();
- this.afterDataLimits();
- this._range = _addGrace(this, grace, beginAtZero);
- this._dataLimitsCached = true;
- }
- this.beforeBuildTicks();
- this.ticks = this.buildTicks() || [];
- this.afterBuildTicks();
- const samplingEnabled = sampleSize < this.ticks.length;
- this._convertTicksToLabels(samplingEnabled ? sample(this.ticks, sampleSize) : this.ticks);
- this.configure();
- this.beforeCalculateLabelRotation();
- this.calculateLabelRotation();
- this.afterCalculateLabelRotation();
- if (tickOpts.display && (tickOpts.autoSkip || tickOpts.source === 'auto')) {
- this.ticks = autoSkip(this, this.ticks);
- this._labelSizes = null;
- }
- if (samplingEnabled) {
- this._convertTicksToLabels(this.ticks);
- }
- this.beforeFit();
- this.fit();
- this.afterFit();
- this.afterUpdate();
- }
- configure() {
- let reversePixels = this.options.reverse;
- let startPixel, endPixel;
- if (this.isHorizontal()) {
- startPixel = this.left;
- endPixel = this.right;
- } else {
- startPixel = this.top;
- endPixel = this.bottom;
- reversePixels = !reversePixels;
- }
- this._startPixel = startPixel;
- this._endPixel = endPixel;
- this._reversePixels = reversePixels;
- this._length = endPixel - startPixel;
- this._alignToPixels = this.options.alignToPixels;
- }
- afterUpdate() {
- callback(this.options.afterUpdate, [this]);
- }
- beforeSetDimensions() {
- callback(this.options.beforeSetDimensions, [this]);
- }
- setDimensions() {
- if (this.isHorizontal()) {
- this.width = this.maxWidth;
- this.left = 0;
- this.right = this.width;
- } else {
- this.height = this.maxHeight;
- this.top = 0;
- this.bottom = this.height;
- }
- this.paddingLeft = 0;
- this.paddingTop = 0;
- this.paddingRight = 0;
- this.paddingBottom = 0;
- }
- afterSetDimensions() {
- callback(this.options.afterSetDimensions, [this]);
- }
- _callHooks(name) {
- this.chart.notifyPlugins(name, this.getContext());
- callback(this.options[name], [this]);
- }
- beforeDataLimits() {
- this._callHooks('beforeDataLimits');
- }
- determineDataLimits() {}
- afterDataLimits() {
- this._callHooks('afterDataLimits');
- }
- beforeBuildTicks() {
- this._callHooks('beforeBuildTicks');
- }
- buildTicks() {
- return [];
- }
- afterBuildTicks() {
- this._callHooks('afterBuildTicks');
- }
- beforeTickToLabelConversion() {
- callback(this.options.beforeTickToLabelConversion, [this]);
- }
- generateTickLabels(ticks) {
- const tickOpts = this.options.ticks;
- let i, ilen, tick;
- for (i = 0, ilen = ticks.length; i < ilen; i++) {
- tick = ticks[i];
- tick.label = callback(tickOpts.callback, [tick.value, i, ticks], this);
- }
- }
- afterTickToLabelConversion() {
- callback(this.options.afterTickToLabelConversion, [this]);
- }
- beforeCalculateLabelRotation() {
- callback(this.options.beforeCalculateLabelRotation, [this]);
- }
- calculateLabelRotation() {
- const options = this.options;
- const tickOpts = options.ticks;
- const numTicks = this.ticks.length;
- const minRotation = tickOpts.minRotation || 0;
- const maxRotation = tickOpts.maxRotation;
- let labelRotation = minRotation;
- let tickWidth, maxHeight, maxLabelDiagonal;
- if (!this._isVisible() || !tickOpts.display || minRotation >= maxRotation || numTicks <= 1 || !this.isHorizontal()) {
- this.labelRotation = minRotation;
- return;
- }
- const labelSizes = this._getLabelSizes();
- const maxLabelWidth = labelSizes.widest.width;
- const maxLabelHeight = labelSizes.highest.height;
- const maxWidth = _limitValue(this.chart.width - maxLabelWidth, 0, this.maxWidth);
- tickWidth = options.offset ? this.maxWidth / numTicks : maxWidth / (numTicks - 1);
- if (maxLabelWidth + 6 > tickWidth) {
- tickWidth = maxWidth / (numTicks - (options.offset ? 0.5 : 1));
- maxHeight = this.maxHeight - getTickMarkLength(options.grid)
- - tickOpts.padding - getTitleHeight(options.title, this.chart.options.font);
- maxLabelDiagonal = Math.sqrt(maxLabelWidth * maxLabelWidth + maxLabelHeight * maxLabelHeight);
- labelRotation = toDegrees(Math.min(
- Math.asin(_limitValue((labelSizes.highest.height + 6) / tickWidth, -1, 1)),
- Math.asin(_limitValue(maxHeight / maxLabelDiagonal, -1, 1)) - Math.asin(_limitValue(maxLabelHeight / maxLabelDiagonal, -1, 1))
- ));
- labelRotation = Math.max(minRotation, Math.min(maxRotation, labelRotation));
- }
- this.labelRotation = labelRotation;
- }
- afterCalculateLabelRotation() {
- callback(this.options.afterCalculateLabelRotation, [this]);
- }
- beforeFit() {
- callback(this.options.beforeFit, [this]);
- }
- fit() {
- const minSize = {
- width: 0,
- height: 0
- };
- const {chart, options: {ticks: tickOpts, title: titleOpts, grid: gridOpts}} = this;
- const display = this._isVisible();
- const isHorizontal = this.isHorizontal();
- if (display) {
- const titleHeight = getTitleHeight(titleOpts, chart.options.font);
- if (isHorizontal) {
- minSize.width = this.maxWidth;
- minSize.height = getTickMarkLength(gridOpts) + titleHeight;
- } else {
- minSize.height = this.maxHeight;
- minSize.width = getTickMarkLength(gridOpts) + titleHeight;
- }
- if (tickOpts.display && this.ticks.length) {
- const {first, last, widest, highest} = this._getLabelSizes();
- const tickPadding = tickOpts.padding * 2;
- const angleRadians = toRadians(this.labelRotation);
- const cos = Math.cos(angleRadians);
- const sin = Math.sin(angleRadians);
- if (isHorizontal) {
- const labelHeight = tickOpts.mirror ? 0 : sin * widest.width + cos * highest.height;
- minSize.height = Math.min(this.maxHeight, minSize.height + labelHeight + tickPadding);
- } else {
- const labelWidth = tickOpts.mirror ? 0 : cos * widest.width + sin * highest.height;
- minSize.width = Math.min(this.maxWidth, minSize.width + labelWidth + tickPadding);
- }
- this._calculatePadding(first, last, sin, cos);
- }
- }
- this._handleMargins();
- if (isHorizontal) {
- this.width = this._length = chart.width - this._margins.left - this._margins.right;
- this.height = minSize.height;
- } else {
- this.width = minSize.width;
- this.height = this._length = chart.height - this._margins.top - this._margins.bottom;
- }
- }
- _calculatePadding(first, last, sin, cos) {
- const {ticks: {align, padding}, position} = this.options;
- const isRotated = this.labelRotation !== 0;
- const labelsBelowTicks = position !== 'top' && this.axis === 'x';
- if (this.isHorizontal()) {
- const offsetLeft = this.getPixelForTick(0) - this.left;
- const offsetRight = this.right - this.getPixelForTick(this.ticks.length - 1);
- let paddingLeft = 0;
- let paddingRight = 0;
- if (isRotated) {
- if (labelsBelowTicks) {
- paddingLeft = cos * first.width;
- paddingRight = sin * last.height;
- } else {
- paddingLeft = sin * first.height;
- paddingRight = cos * last.width;
- }
- } else if (align === 'start') {
- paddingRight = last.width;
- } else if (align === 'end') {
- paddingLeft = first.width;
- } else {
- paddingLeft = first.width / 2;
- paddingRight = last.width / 2;
- }
- this.paddingLeft = Math.max((paddingLeft - offsetLeft + padding) * this.width / (this.width - offsetLeft), 0);
- this.paddingRight = Math.max((paddingRight - offsetRight + padding) * this.width / (this.width - offsetRight), 0);
- } else {
- let paddingTop = last.height / 2;
- let paddingBottom = first.height / 2;
- if (align === 'start') {
- paddingTop = 0;
- paddingBottom = first.height;
- } else if (align === 'end') {
- paddingTop = last.height;
- paddingBottom = 0;
- }
- this.paddingTop = paddingTop + padding;
- this.paddingBottom = paddingBottom + padding;
- }
- }
- _handleMargins() {
- if (this._margins) {
- this._margins.left = Math.max(this.paddingLeft, this._margins.left);
- this._margins.top = Math.max(this.paddingTop, this._margins.top);
- this._margins.right = Math.max(this.paddingRight, this._margins.right);
- this._margins.bottom = Math.max(this.paddingBottom, this._margins.bottom);
- }
- }
- afterFit() {
- callback(this.options.afterFit, [this]);
- }
- isHorizontal() {
- const {axis, position} = this.options;
- return position === 'top' || position === 'bottom' || axis === 'x';
- }
- isFullSize() {
- return this.options.fullSize;
- }
- _convertTicksToLabels(ticks) {
- this.beforeTickToLabelConversion();
- this.generateTickLabels(ticks);
- let i, ilen;
- for (i = 0, ilen = ticks.length; i < ilen; i++) {
- if (isNullOrUndef(ticks[i].label)) {
- ticks.splice(i, 1);
- ilen--;
- i--;
- }
- }
- this.afterTickToLabelConversion();
- }
- _getLabelSizes() {
- let labelSizes = this._labelSizes;
- if (!labelSizes) {
- const sampleSize = this.options.ticks.sampleSize;
- let ticks = this.ticks;
- if (sampleSize < ticks.length) {
- ticks = sample(ticks, sampleSize);
- }
- this._labelSizes = labelSizes = this._computeLabelSizes(ticks, ticks.length);
- }
- return labelSizes;
- }
- _computeLabelSizes(ticks, length) {
- const {ctx, _longestTextCache: caches} = this;
- const widths = [];
- const heights = [];
- let widestLabelSize = 0;
- let highestLabelSize = 0;
- let i, j, jlen, label, tickFont, fontString, cache, lineHeight, width, height, nestedLabel;
- for (i = 0; i < length; ++i) {
- label = ticks[i].label;
- tickFont = this._resolveTickFontOptions(i);
- ctx.font = fontString = tickFont.string;
- cache = caches[fontString] = caches[fontString] || {data: {}, gc: []};
- lineHeight = tickFont.lineHeight;
- width = height = 0;
- if (!isNullOrUndef(label) && !isArray(label)) {
- width = _measureText(ctx, cache.data, cache.gc, width, label);
- height = lineHeight;
- } else if (isArray(label)) {
- for (j = 0, jlen = label.length; j < jlen; ++j) {
- nestedLabel = label[j];
- if (!isNullOrUndef(nestedLabel) && !isArray(nestedLabel)) {
- width = _measureText(ctx, cache.data, cache.gc, width, nestedLabel);
- height += lineHeight;
- }
- }
- }
- widths.push(width);
- heights.push(height);
- widestLabelSize = Math.max(width, widestLabelSize);
- highestLabelSize = Math.max(height, highestLabelSize);
- }
- garbageCollect(caches, length);
- const widest = widths.indexOf(widestLabelSize);
- const highest = heights.indexOf(highestLabelSize);
- const valueAt = (idx) => ({width: widths[idx] || 0, height: heights[idx] || 0});
- return {
- first: valueAt(0),
- last: valueAt(length - 1),
- widest: valueAt(widest),
- highest: valueAt(highest),
- widths,
- heights,
- };
- }
- getLabelForValue(value) {
- return value;
- }
- getPixelForValue(value, index) {
- return NaN;
- }
- getValueForPixel(pixel) {}
- getPixelForTick(index) {
- const ticks = this.ticks;
- if (index < 0 || index > ticks.length - 1) {
- return null;
- }
- return this.getPixelForValue(ticks[index].value);
- }
- getPixelForDecimal(decimal) {
- if (this._reversePixels) {
- decimal = 1 - decimal;
- }
- const pixel = this._startPixel + decimal * this._length;
- return _int16Range(this._alignToPixels ? _alignPixel(this.chart, pixel, 0) : pixel);
- }
- getDecimalForPixel(pixel) {
- const decimal = (pixel - this._startPixel) / this._length;
- return this._reversePixels ? 1 - decimal : decimal;
- }
- getBasePixel() {
- return this.getPixelForValue(this.getBaseValue());
- }
- getBaseValue() {
- const {min, max} = this;
- return min < 0 && max < 0 ? max :
- min > 0 && max > 0 ? min :
- 0;
- }
- getContext(index) {
- const ticks = this.ticks || [];
- if (index >= 0 && index < ticks.length) {
- const tick = ticks[index];
- return tick.$context ||
- (tick.$context = createTickContext(this.getContext(), index, tick));
- }
- return this.$context ||
- (this.$context = createScaleContext(this.chart.getContext(), this));
- }
- _tickSize() {
- const optionTicks = this.options.ticks;
- const rot = toRadians(this.labelRotation);
- const cos = Math.abs(Math.cos(rot));
- const sin = Math.abs(Math.sin(rot));
- const labelSizes = this._getLabelSizes();
- const padding = optionTicks.autoSkipPadding || 0;
- const w = labelSizes ? labelSizes.widest.width + padding : 0;
- const h = labelSizes ? labelSizes.highest.height + padding : 0;
- return this.isHorizontal()
- ? h * cos > w * sin ? w / cos : h / sin
- : h * sin < w * cos ? h / cos : w / sin;
- }
- _isVisible() {
- const display = this.options.display;
- if (display !== 'auto') {
- return !!display;
- }
- return this.getMatchingVisibleMetas().length > 0;
- }
- _computeGridLineItems(chartArea) {
- const axis = this.axis;
- const chart = this.chart;
- const options = this.options;
- const {grid, position} = options;
- const offset = grid.offset;
- const isHorizontal = this.isHorizontal();
- const ticks = this.ticks;
- const ticksLength = ticks.length + (offset ? 1 : 0);
- const tl = getTickMarkLength(grid);
- const items = [];
- const borderOpts = grid.setContext(this.getContext());
- const axisWidth = borderOpts.drawBorder ? borderOpts.borderWidth : 0;
- const axisHalfWidth = axisWidth / 2;
- const alignBorderValue = function(pixel) {
- return _alignPixel(chart, pixel, axisWidth);
- };
- let borderValue, i, lineValue, alignedLineValue;
- let tx1, ty1, tx2, ty2, x1, y1, x2, y2;
- if (position === 'top') {
- borderValue = alignBorderValue(this.bottom);
- ty1 = this.bottom - tl;
- ty2 = borderValue - axisHalfWidth;
- y1 = alignBorderValue(chartArea.top) + axisHalfWidth;
- y2 = chartArea.bottom;
- } else if (position === 'bottom') {
- borderValue = alignBorderValue(this.top);
- y1 = chartArea.top;
- y2 = alignBorderValue(chartArea.bottom) - axisHalfWidth;
- ty1 = borderValue + axisHalfWidth;
- ty2 = this.top + tl;
- } else if (position === 'left') {
- borderValue = alignBorderValue(this.right);
- tx1 = this.right - tl;
- tx2 = borderValue - axisHalfWidth;
- x1 = alignBorderValue(chartArea.left) + axisHalfWidth;
- x2 = chartArea.right;
- } else if (position === 'right') {
- borderValue = alignBorderValue(this.left);
- x1 = chartArea.left;
- x2 = alignBorderValue(chartArea.right) - axisHalfWidth;
- tx1 = borderValue + axisHalfWidth;
- tx2 = this.left + tl;
- } else if (axis === 'x') {
- if (position === 'center') {
- borderValue = alignBorderValue((chartArea.top + chartArea.bottom) / 2 + 0.5);
- } else if (isObject(position)) {
- const positionAxisID = Object.keys(position)[0];
- const value = position[positionAxisID];
- borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
- }
- y1 = chartArea.top;
- y2 = chartArea.bottom;
- ty1 = borderValue + axisHalfWidth;
- ty2 = ty1 + tl;
- } else if (axis === 'y') {
- if (position === 'center') {
- borderValue = alignBorderValue((chartArea.left + chartArea.right) / 2);
- } else if (isObject(position)) {
- const positionAxisID = Object.keys(position)[0];
- const value = position[positionAxisID];
- borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
- }
- tx1 = borderValue - axisHalfWidth;
- tx2 = tx1 - tl;
- x1 = chartArea.left;
- x2 = chartArea.right;
- }
- const limit = valueOrDefault(options.ticks.maxTicksLimit, ticksLength);
- const step = Math.max(1, Math.ceil(ticksLength / limit));
- for (i = 0; i < ticksLength; i += step) {
- const optsAtIndex = grid.setContext(this.getContext(i));
- const lineWidth = optsAtIndex.lineWidth;
- const lineColor = optsAtIndex.color;
- const borderDash = grid.borderDash || [];
- const borderDashOffset = optsAtIndex.borderDashOffset;
- const tickWidth = optsAtIndex.tickWidth;
- const tickColor = optsAtIndex.tickColor;
- const tickBorderDash = optsAtIndex.tickBorderDash || [];
- const tickBorderDashOffset = optsAtIndex.tickBorderDashOffset;
- lineValue = getPixelForGridLine(this, i, offset);
- if (lineValue === undefined) {
- continue;
- }
- alignedLineValue = _alignPixel(chart, lineValue, lineWidth);
- if (isHorizontal) {
- tx1 = tx2 = x1 = x2 = alignedLineValue;
- } else {
- ty1 = ty2 = y1 = y2 = alignedLineValue;
- }
- items.push({
- tx1,
- ty1,
- tx2,
- ty2,
- x1,
- y1,
- x2,
- y2,
- width: lineWidth,
- color: lineColor,
- borderDash,
- borderDashOffset,
- tickWidth,
- tickColor,
- tickBorderDash,
- tickBorderDashOffset,
- });
- }
- this._ticksLength = ticksLength;
- this._borderValue = borderValue;
- return items;
- }
- _computeLabelItems(chartArea) {
- const axis = this.axis;
- const options = this.options;
- const {position, ticks: optionTicks} = options;
- const isHorizontal = this.isHorizontal();
- const ticks = this.ticks;
- const {align, crossAlign, padding, mirror} = optionTicks;
- const tl = getTickMarkLength(options.grid);
- const tickAndPadding = tl + padding;
- const hTickAndPadding = mirror ? -padding : tickAndPadding;
- const rotation = -toRadians(this.labelRotation);
- const items = [];
- let i, ilen, tick, label, x, y, textAlign, pixel, font, lineHeight, lineCount, textOffset;
- let textBaseline = 'middle';
- if (position === 'top') {
- y = this.bottom - hTickAndPadding;
- textAlign = this._getXAxisLabelAlignment();
- } else if (position === 'bottom') {
- y = this.top + hTickAndPadding;
- textAlign = this._getXAxisLabelAlignment();
- } else if (position === 'left') {
- const ret = this._getYAxisLabelAlignment(tl);
- textAlign = ret.textAlign;
- x = ret.x;
- } else if (position === 'right') {
- const ret = this._getYAxisLabelAlignment(tl);
- textAlign = ret.textAlign;
- x = ret.x;
- } else if (axis === 'x') {
- if (position === 'center') {
- y = ((chartArea.top + chartArea.bottom) / 2) + tickAndPadding;
- } else if (isObject(position)) {
- const positionAxisID = Object.keys(position)[0];
- const value = position[positionAxisID];
- y = this.chart.scales[positionAxisID].getPixelForValue(value) + tickAndPadding;
- }
- textAlign = this._getXAxisLabelAlignment();
- } else if (axis === 'y') {
- if (position === 'center') {
- x = ((chartArea.left + chartArea.right) / 2) - tickAndPadding;
- } else if (isObject(position)) {
- const positionAxisID = Object.keys(position)[0];
- const value = position[positionAxisID];
- x = this.chart.scales[positionAxisID].getPixelForValue(value);
- }
- textAlign = this._getYAxisLabelAlignment(tl).textAlign;
- }
- if (axis === 'y') {
- if (align === 'start') {
- textBaseline = 'top';
- } else if (align === 'end') {
- textBaseline = 'bottom';
- }
- }
- const labelSizes = this._getLabelSizes();
- for (i = 0, ilen = ticks.length; i < ilen; ++i) {
- tick = ticks[i];
- label = tick.label;
- const optsAtIndex = optionTicks.setContext(this.getContext(i));
- pixel = this.getPixelForTick(i) + optionTicks.labelOffset;
- font = this._resolveTickFontOptions(i);
- lineHeight = font.lineHeight;
- lineCount = isArray(label) ? label.length : 1;
- const halfCount = lineCount / 2;
- const color = optsAtIndex.color;
- const strokeColor = optsAtIndex.textStrokeColor;
- const strokeWidth = optsAtIndex.textStrokeWidth;
- if (isHorizontal) {
- x = pixel;
- if (position === 'top') {
- if (crossAlign === 'near' || rotation !== 0) {
- textOffset = -lineCount * lineHeight + lineHeight / 2;
- } else if (crossAlign === 'center') {
- textOffset = -labelSizes.highest.height / 2 - halfCount * lineHeight + lineHeight;
- } else {
- textOffset = -labelSizes.highest.height + lineHeight / 2;
- }
- } else {
- if (crossAlign === 'near' || rotation !== 0) {
- textOffset = lineHeight / 2;
- } else if (crossAlign === 'center') {
- textOffset = labelSizes.highest.height / 2 - halfCount * lineHeight;
- } else {
- textOffset = labelSizes.highest.height - lineCount * lineHeight;
- }
- }
- if (mirror) {
- textOffset *= -1;
- }
- } else {
- y = pixel;
- textOffset = (1 - lineCount) * lineHeight / 2;
- }
- let backdrop;
- if (optsAtIndex.showLabelBackdrop) {
- const labelPadding = toPadding(optsAtIndex.backdropPadding);
- const height = labelSizes.heights[i];
- const width = labelSizes.widths[i];
- let top = y + textOffset - labelPadding.top;
- let left = x - labelPadding.left;
- switch (textBaseline) {
- case 'middle':
- top -= height / 2;
- break;
- case 'bottom':
- top -= height;
- break;
- }
- switch (textAlign) {
- case 'center':
- left -= width / 2;
- break;
- case 'right':
- left -= width;
- break;
- }
- backdrop = {
- left,
- top,
- width: width + labelPadding.width,
- height: height + labelPadding.height,
- color: optsAtIndex.backdropColor,
- };
- }
- items.push({
- rotation,
- label,
- font,
- color,
- strokeColor,
- strokeWidth,
- textOffset,
- textAlign,
- textBaseline,
- translation: [x, y],
- backdrop,
- });
- }
- return items;
- }
- _getXAxisLabelAlignment() {
- const {position, ticks} = this.options;
- const rotation = -toRadians(this.labelRotation);
- if (rotation) {
- return position === 'top' ? 'left' : 'right';
- }
- let align = 'center';
- if (ticks.align === 'start') {
- align = 'left';
- } else if (ticks.align === 'end') {
- align = 'right';
- }
- return align;
- }
- _getYAxisLabelAlignment(tl) {
- const {position, ticks: {crossAlign, mirror, padding}} = this.options;
- const labelSizes = this._getLabelSizes();
- const tickAndPadding = tl + padding;
- const widest = labelSizes.widest.width;
- let textAlign;
- let x;
- if (position === 'left') {
- if (mirror) {
- x = this.right + padding;
- if (crossAlign === 'near') {
- textAlign = 'left';
- } else if (crossAlign === 'center') {
- textAlign = 'center';
- x += (widest / 2);
- } else {
- textAlign = 'right';
- x += widest;
- }
- } else {
- x = this.right - tickAndPadding;
- if (crossAlign === 'near') {
- textAlign = 'right';
- } else if (crossAlign === 'center') {
- textAlign = 'center';
- x -= (widest / 2);
- } else {
- textAlign = 'left';
- x = this.left;
- }
- }
- } else if (position === 'right') {
- if (mirror) {
- x = this.left + padding;
- if (crossAlign === 'near') {
- textAlign = 'right';
- } else if (crossAlign === 'center') {
- textAlign = 'center';
- x -= (widest / 2);
- } else {
- textAlign = 'left';
- x -= widest;
- }
- } else {
- x = this.left + tickAndPadding;
- if (crossAlign === 'near') {
- textAlign = 'left';
- } else if (crossAlign === 'center') {
- textAlign = 'center';
- x += widest / 2;
- } else {
- textAlign = 'right';
- x = this.right;
- }
- }
- } else {
- textAlign = 'right';
- }
- return {textAlign, x};
- }
- _computeLabelArea() {
- if (this.options.ticks.mirror) {
- return;
- }
- const chart = this.chart;
- const position = this.options.position;
- if (position === 'left' || position === 'right') {
- return {top: 0, left: this.left, bottom: chart.height, right: this.right};
- } if (position === 'top' || position === 'bottom') {
- return {top: this.top, left: 0, bottom: this.bottom, right: chart.width};
- }
- }
- drawBackground() {
- const {ctx, options: {backgroundColor}, left, top, width, height} = this;
- if (backgroundColor) {
- ctx.save();
- ctx.fillStyle = backgroundColor;
- ctx.fillRect(left, top, width, height);
- ctx.restore();
- }
- }
- getLineWidthForValue(value) {
- const grid = this.options.grid;
- if (!this._isVisible() || !grid.display) {
- return 0;
- }
- const ticks = this.ticks;
- const index = ticks.findIndex(t => t.value === value);
- if (index >= 0) {
- const opts = grid.setContext(this.getContext(index));
- return opts.lineWidth;
- }
- return 0;
- }
- drawGrid(chartArea) {
- const grid = this.options.grid;
- const ctx = this.ctx;
- const items = this._gridLineItems || (this._gridLineItems = this._computeGridLineItems(chartArea));
- let i, ilen;
- const drawLine = (p1, p2, style) => {
- if (!style.width || !style.color) {
- return;
- }
- ctx.save();
- ctx.lineWidth = style.width;
- ctx.strokeStyle = style.color;
- ctx.setLineDash(style.borderDash || []);
- ctx.lineDashOffset = style.borderDashOffset;
- ctx.beginPath();
- ctx.moveTo(p1.x, p1.y);
- ctx.lineTo(p2.x, p2.y);
- ctx.stroke();
- ctx.restore();
- };
- if (grid.display) {
- for (i = 0, ilen = items.length; i < ilen; ++i) {
- const item = items[i];
- if (grid.drawOnChartArea) {
- drawLine(
- {x: item.x1, y: item.y1},
- {x: item.x2, y: item.y2},
- item
- );
- }
- if (grid.drawTicks) {
- drawLine(
- {x: item.tx1, y: item.ty1},
- {x: item.tx2, y: item.ty2},
- {
- color: item.tickColor,
- width: item.tickWidth,
- borderDash: item.tickBorderDash,
- borderDashOffset: item.tickBorderDashOffset
- }
- );
- }
- }
- }
- }
- drawBorder() {
- const {chart, ctx, options: {grid}} = this;
- const borderOpts = grid.setContext(this.getContext());
- const axisWidth = grid.drawBorder ? borderOpts.borderWidth : 0;
- if (!axisWidth) {
- return;
- }
- const lastLineWidth = grid.setContext(this.getContext(0)).lineWidth;
- const borderValue = this._borderValue;
- let x1, x2, y1, y2;
- if (this.isHorizontal()) {
- x1 = _alignPixel(chart, this.left, axisWidth) - axisWidth / 2;
- x2 = _alignPixel(chart, this.right, lastLineWidth) + lastLineWidth / 2;
- y1 = y2 = borderValue;
- } else {
- y1 = _alignPixel(chart, this.top, axisWidth) - axisWidth / 2;
- y2 = _alignPixel(chart, this.bottom, lastLineWidth) + lastLineWidth / 2;
- x1 = x2 = borderValue;
- }
- ctx.save();
- ctx.lineWidth = borderOpts.borderWidth;
- ctx.strokeStyle = borderOpts.borderColor;
- ctx.beginPath();
- ctx.moveTo(x1, y1);
- ctx.lineTo(x2, y2);
- ctx.stroke();
- ctx.restore();
- }
- drawLabels(chartArea) {
- const optionTicks = this.options.ticks;
- if (!optionTicks.display) {
- return;
- }
- const ctx = this.ctx;
- const area = this._computeLabelArea();
- if (area) {
- clipArea(ctx, area);
- }
- const items = this._labelItems || (this._labelItems = this._computeLabelItems(chartArea));
- let i, ilen;
- for (i = 0, ilen = items.length; i < ilen; ++i) {
- const item = items[i];
- const tickFont = item.font;
- const label = item.label;
- if (item.backdrop) {
- ctx.fillStyle = item.backdrop.color;
- ctx.fillRect(item.backdrop.left, item.backdrop.top, item.backdrop.width, item.backdrop.height);
- }
- let y = item.textOffset;
- renderText(ctx, label, 0, y, tickFont, item);
- }
- if (area) {
- unclipArea(ctx);
- }
- }
- drawTitle() {
- const {ctx, options: {position, title, reverse}} = this;
- if (!title.display) {
- return;
- }
- const font = toFont(title.font);
- const padding = toPadding(title.padding);
- const align = title.align;
- let offset = font.lineHeight / 2;
- if (position === 'bottom' || position === 'center' || isObject(position)) {
- offset += padding.bottom;
- if (isArray(title.text)) {
- offset += font.lineHeight * (title.text.length - 1);
- }
- } else {
- offset += padding.top;
- }
- const {titleX, titleY, maxWidth, rotation} = titleArgs(this, offset, position, align);
- renderText(ctx, title.text, 0, 0, font, {
- color: title.color,
- maxWidth,
- rotation,
- textAlign: titleAlign(align, position, reverse),
- textBaseline: 'middle',
- translation: [titleX, titleY],
- });
- }
- draw(chartArea) {
- if (!this._isVisible()) {
- return;
- }
- this.drawBackground();
- this.drawGrid(chartArea);
- this.drawBorder();
- this.drawTitle();
- this.drawLabels(chartArea);
- }
- _layers() {
- const opts = this.options;
- const tz = opts.ticks && opts.ticks.z || 0;
- const gz = valueOrDefault(opts.grid && opts.grid.z, -1);
- if (!this._isVisible() || this.draw !== Scale.prototype.draw) {
- return [{
- z: tz,
- draw: (chartArea) => {
- this.draw(chartArea);
- }
- }];
- }
- return [{
- z: gz,
- draw: (chartArea) => {
- this.drawBackground();
- this.drawGrid(chartArea);
- this.drawTitle();
- }
- }, {
- z: gz + 1,
- draw: () => {
- this.drawBorder();
- }
- }, {
- z: tz,
- draw: (chartArea) => {
- this.drawLabels(chartArea);
- }
- }];
- }
- getMatchingVisibleMetas(type) {
- const metas = this.chart.getSortedVisibleDatasetMetas();
- const axisID = this.axis + 'AxisID';
- const result = [];
- let i, ilen;
- for (i = 0, ilen = metas.length; i < ilen; ++i) {
- const meta = metas[i];
- if (meta[axisID] === this.id && (!type || meta.type === type)) {
- result.push(meta);
- }
- }
- return result;
- }
- _resolveTickFontOptions(index) {
- const opts = this.options.ticks.setContext(this.getContext(index));
- return toFont(opts.font);
- }
- _maxDigits() {
- const fontSize = this._resolveTickFontOptions(0).lineHeight;
- return (this.isHorizontal() ? this.width : this.height) / fontSize;
- }
-}
-
-class TypedRegistry {
- constructor(type, scope, override) {
- this.type = type;
- this.scope = scope;
- this.override = override;
- this.items = Object.create(null);
- }
- isForType(type) {
- return Object.prototype.isPrototypeOf.call(this.type.prototype, type.prototype);
- }
- register(item) {
- const proto = Object.getPrototypeOf(item);
- let parentScope;
- if (isIChartComponent(proto)) {
- parentScope = this.register(proto);
- }
- const items = this.items;
- const id = item.id;
- const scope = this.scope + '.' + id;
- if (!id) {
- throw new Error('class does not have id: ' + item);
- }
- if (id in items) {
- return scope;
- }
- items[id] = item;
- registerDefaults(item, scope, parentScope);
- if (this.override) {
- defaults.override(item.id, item.overrides);
- }
- return scope;
- }
- get(id) {
- return this.items[id];
- }
- unregister(item) {
- const items = this.items;
- const id = item.id;
- const scope = this.scope;
- if (id in items) {
- delete items[id];
- }
- if (scope && id in defaults[scope]) {
- delete defaults[scope][id];
- if (this.override) {
- delete overrides[id];
- }
- }
- }
-}
-function registerDefaults(item, scope, parentScope) {
- const itemDefaults = merge(Object.create(null), [
- parentScope ? defaults.get(parentScope) : {},
- defaults.get(scope),
- item.defaults
- ]);
- defaults.set(scope, itemDefaults);
- if (item.defaultRoutes) {
- routeDefaults(scope, item.defaultRoutes);
- }
- if (item.descriptors) {
- defaults.describe(scope, item.descriptors);
- }
-}
-function routeDefaults(scope, routes) {
- Object.keys(routes).forEach(property => {
- const propertyParts = property.split('.');
- const sourceName = propertyParts.pop();
- const sourceScope = [scope].concat(propertyParts).join('.');
- const parts = routes[property].split('.');
- const targetName = parts.pop();
- const targetScope = parts.join('.');
- defaults.route(sourceScope, sourceName, targetScope, targetName);
- });
-}
-function isIChartComponent(proto) {
- return 'id' in proto && 'defaults' in proto;
-}
-
-class Registry {
- constructor() {
- this.controllers = new TypedRegistry(DatasetController, 'datasets', true);
- this.elements = new TypedRegistry(Element, 'elements');
- this.plugins = new TypedRegistry(Object, 'plugins');
- this.scales = new TypedRegistry(Scale, 'scales');
- this._typedRegistries = [this.controllers, this.scales, this.elements];
- }
- add(...args) {
- this._each('register', args);
- }
- remove(...args) {
- this._each('unregister', args);
- }
- addControllers(...args) {
- this._each('register', args, this.controllers);
- }
- addElements(...args) {
- this._each('register', args, this.elements);
- }
- addPlugins(...args) {
- this._each('register', args, this.plugins);
- }
- addScales(...args) {
- this._each('register', args, this.scales);
- }
- getController(id) {
- return this._get(id, this.controllers, 'controller');
- }
- getElement(id) {
- return this._get(id, this.elements, 'element');
- }
- getPlugin(id) {
- return this._get(id, this.plugins, 'plugin');
- }
- getScale(id) {
- return this._get(id, this.scales, 'scale');
- }
- removeControllers(...args) {
- this._each('unregister', args, this.controllers);
- }
- removeElements(...args) {
- this._each('unregister', args, this.elements);
- }
- removePlugins(...args) {
- this._each('unregister', args, this.plugins);
- }
- removeScales(...args) {
- this._each('unregister', args, this.scales);
- }
- _each(method, args, typedRegistry) {
- [...args].forEach(arg => {
- const reg = typedRegistry || this._getRegistryForType(arg);
- if (typedRegistry || reg.isForType(arg) || (reg === this.plugins && arg.id)) {
- this._exec(method, reg, arg);
- } else {
- each(arg, item => {
- const itemReg = typedRegistry || this._getRegistryForType(item);
- this._exec(method, itemReg, item);
- });
- }
- });
- }
- _exec(method, registry, component) {
- const camelMethod = _capitalize(method);
- callback(component['before' + camelMethod], [], component);
- registry[method](component);
- callback(component['after' + camelMethod], [], component);
- }
- _getRegistryForType(type) {
- for (let i = 0; i < this._typedRegistries.length; i++) {
- const reg = this._typedRegistries[i];
- if (reg.isForType(type)) {
- return reg;
- }
- }
- return this.plugins;
- }
- _get(id, typedRegistry, type) {
- const item = typedRegistry.get(id);
- if (item === undefined) {
- throw new Error('"' + id + '" is not a registered ' + type + '.');
- }
- return item;
- }
-}
-var registry = new Registry();
-
-class PluginService {
- constructor() {
- this._init = [];
- }
- notify(chart, hook, args, filter) {
- if (hook === 'beforeInit') {
- this._init = this._createDescriptors(chart, true);
- this._notify(this._init, chart, 'install');
- }
- const descriptors = filter ? this._descriptors(chart).filter(filter) : this._descriptors(chart);
- const result = this._notify(descriptors, chart, hook, args);
- if (hook === 'afterDestroy') {
- this._notify(descriptors, chart, 'stop');
- this._notify(this._init, chart, 'uninstall');
- }
- return result;
- }
- _notify(descriptors, chart, hook, args) {
- args = args || {};
- for (const descriptor of descriptors) {
- const plugin = descriptor.plugin;
- const method = plugin[hook];
- const params = [chart, args, descriptor.options];
- if (callback(method, params, plugin) === false && args.cancelable) {
- return false;
- }
- }
- return true;
- }
- invalidate() {
- if (!isNullOrUndef(this._cache)) {
- this._oldCache = this._cache;
- this._cache = undefined;
- }
- }
- _descriptors(chart) {
- if (this._cache) {
- return this._cache;
- }
- const descriptors = this._cache = this._createDescriptors(chart);
- this._notifyStateChanges(chart);
- return descriptors;
- }
- _createDescriptors(chart, all) {
- const config = chart && chart.config;
- const options = valueOrDefault(config.options && config.options.plugins, {});
- const plugins = allPlugins(config);
- return options === false && !all ? [] : createDescriptors(chart, plugins, options, all);
- }
- _notifyStateChanges(chart) {
- const previousDescriptors = this._oldCache || [];
- const descriptors = this._cache;
- const diff = (a, b) => a.filter(x => !b.some(y => x.plugin.id === y.plugin.id));
- this._notify(diff(previousDescriptors, descriptors), chart, 'stop');
- this._notify(diff(descriptors, previousDescriptors), chart, 'start');
- }
-}
-function allPlugins(config) {
- const plugins = [];
- const keys = Object.keys(registry.plugins.items);
- for (let i = 0; i < keys.length; i++) {
- plugins.push(registry.getPlugin(keys[i]));
- }
- const local = config.plugins || [];
- for (let i = 0; i < local.length; i++) {
- const plugin = local[i];
- if (plugins.indexOf(plugin) === -1) {
- plugins.push(plugin);
- }
- }
- return plugins;
-}
-function getOpts(options, all) {
- if (!all && options === false) {
- return null;
- }
- if (options === true) {
- return {};
- }
- return options;
-}
-function createDescriptors(chart, plugins, options, all) {
- const result = [];
- const context = chart.getContext();
- for (let i = 0; i < plugins.length; i++) {
- const plugin = plugins[i];
- const id = plugin.id;
- const opts = getOpts(options[id], all);
- if (opts === null) {
- continue;
- }
- result.push({
- plugin,
- options: pluginOpts(chart.config, plugin, opts, context)
- });
- }
- return result;
-}
-function pluginOpts(config, plugin, opts, context) {
- const keys = config.pluginScopeKeys(plugin);
- const scopes = config.getOptionScopes(opts, keys);
- return config.createResolver(scopes, context, [''], {scriptable: false, indexable: false, allKeys: true});
-}
-
-function getIndexAxis(type, options) {
- const datasetDefaults = defaults.datasets[type] || {};
- const datasetOptions = (options.datasets || {})[type] || {};
- return datasetOptions.indexAxis || options.indexAxis || datasetDefaults.indexAxis || 'x';
-}
-function getAxisFromDefaultScaleID(id, indexAxis) {
- let axis = id;
- if (id === '_index_') {
- axis = indexAxis;
- } else if (id === '_value_') {
- axis = indexAxis === 'x' ? 'y' : 'x';
- }
- return axis;
-}
-function getDefaultScaleIDFromAxis(axis, indexAxis) {
- return axis === indexAxis ? '_index_' : '_value_';
-}
-function axisFromPosition(position) {
- if (position === 'top' || position === 'bottom') {
- return 'x';
- }
- if (position === 'left' || position === 'right') {
- return 'y';
- }
-}
-function determineAxis(id, scaleOptions) {
- if (id === 'x' || id === 'y') {
- return id;
- }
- return scaleOptions.axis || axisFromPosition(scaleOptions.position) || id.charAt(0).toLowerCase();
-}
-function mergeScaleConfig(config, options) {
- const chartDefaults = overrides[config.type] || {scales: {}};
- const configScales = options.scales || {};
- const chartIndexAxis = getIndexAxis(config.type, options);
- const firstIDs = Object.create(null);
- const scales = Object.create(null);
- Object.keys(configScales).forEach(id => {
- const scaleConf = configScales[id];
- if (!isObject(scaleConf)) {
- return console.error(`Invalid scale configuration for scale: ${id}`);
- }
- if (scaleConf._proxy) {
- return console.warn(`Ignoring resolver passed as options for scale: ${id}`);
- }
- const axis = determineAxis(id, scaleConf);
- const defaultId = getDefaultScaleIDFromAxis(axis, chartIndexAxis);
- const defaultScaleOptions = chartDefaults.scales || {};
- firstIDs[axis] = firstIDs[axis] || id;
- scales[id] = mergeIf(Object.create(null), [{axis}, scaleConf, defaultScaleOptions[axis], defaultScaleOptions[defaultId]]);
- });
- config.data.datasets.forEach(dataset => {
- const type = dataset.type || config.type;
- const indexAxis = dataset.indexAxis || getIndexAxis(type, options);
- const datasetDefaults = overrides[type] || {};
- const defaultScaleOptions = datasetDefaults.scales || {};
- Object.keys(defaultScaleOptions).forEach(defaultID => {
- const axis = getAxisFromDefaultScaleID(defaultID, indexAxis);
- const id = dataset[axis + 'AxisID'] || firstIDs[axis] || axis;
- scales[id] = scales[id] || Object.create(null);
- mergeIf(scales[id], [{axis}, configScales[id], defaultScaleOptions[defaultID]]);
- });
- });
- Object.keys(scales).forEach(key => {
- const scale = scales[key];
- mergeIf(scale, [defaults.scales[scale.type], defaults.scale]);
- });
- return scales;
-}
-function initOptions(config) {
- const options = config.options || (config.options = {});
- options.plugins = valueOrDefault(options.plugins, {});
- options.scales = mergeScaleConfig(config, options);
-}
-function initData(data) {
- data = data || {};
- data.datasets = data.datasets || [];
- data.labels = data.labels || [];
- return data;
-}
-function initConfig(config) {
- config = config || {};
- config.data = initData(config.data);
- initOptions(config);
- return config;
-}
-const keyCache = new Map();
-const keysCached = new Set();
-function cachedKeys(cacheKey, generate) {
- let keys = keyCache.get(cacheKey);
- if (!keys) {
- keys = generate();
- keyCache.set(cacheKey, keys);
- keysCached.add(keys);
- }
- return keys;
-}
-const addIfFound = (set, obj, key) => {
- const opts = resolveObjectKey(obj, key);
- if (opts !== undefined) {
- set.add(opts);
- }
-};
-class Config {
- constructor(config) {
- this._config = initConfig(config);
- this._scopeCache = new Map();
- this._resolverCache = new Map();
- }
- get platform() {
- return this._config.platform;
- }
- get type() {
- return this._config.type;
- }
- set type(type) {
- this._config.type = type;
- }
- get data() {
- return this._config.data;
- }
- set data(data) {
- this._config.data = initData(data);
- }
- get options() {
- return this._config.options;
- }
- set options(options) {
- this._config.options = options;
- }
- get plugins() {
- return this._config.plugins;
- }
- update() {
- const config = this._config;
- this.clearCache();
- initOptions(config);
- }
- clearCache() {
- this._scopeCache.clear();
- this._resolverCache.clear();
- }
- datasetScopeKeys(datasetType) {
- return cachedKeys(datasetType,
- () => [[
- `datasets.${datasetType}`,
- ''
- ]]);
- }
- datasetAnimationScopeKeys(datasetType, transition) {
- return cachedKeys(`${datasetType}.transition.${transition}`,
- () => [
- [
- `datasets.${datasetType}.transitions.${transition}`,
- `transitions.${transition}`,
- ],
- [
- `datasets.${datasetType}`,
- ''
- ]
- ]);
- }
- datasetElementScopeKeys(datasetType, elementType) {
- return cachedKeys(`${datasetType}-${elementType}`,
- () => [[
- `datasets.${datasetType}.elements.${elementType}`,
- `datasets.${datasetType}`,
- `elements.${elementType}`,
- ''
- ]]);
- }
- pluginScopeKeys(plugin) {
- const id = plugin.id;
- const type = this.type;
- return cachedKeys(`${type}-plugin-${id}`,
- () => [[
- `plugins.${id}`,
- ...plugin.additionalOptionScopes || [],
- ]]);
- }
- _cachedScopes(mainScope, resetCache) {
- const _scopeCache = this._scopeCache;
- let cache = _scopeCache.get(mainScope);
- if (!cache || resetCache) {
- cache = new Map();
- _scopeCache.set(mainScope, cache);
- }
- return cache;
- }
- getOptionScopes(mainScope, keyLists, resetCache) {
- const {options, type} = this;
- const cache = this._cachedScopes(mainScope, resetCache);
- const cached = cache.get(keyLists);
- if (cached) {
- return cached;
- }
- const scopes = new Set();
- keyLists.forEach(keys => {
- if (mainScope) {
- scopes.add(mainScope);
- keys.forEach(key => addIfFound(scopes, mainScope, key));
- }
- keys.forEach(key => addIfFound(scopes, options, key));
- keys.forEach(key => addIfFound(scopes, overrides[type] || {}, key));
- keys.forEach(key => addIfFound(scopes, defaults, key));
- keys.forEach(key => addIfFound(scopes, descriptors, key));
- });
- const array = Array.from(scopes);
- if (array.length === 0) {
- array.push(Object.create(null));
- }
- if (keysCached.has(keyLists)) {
- cache.set(keyLists, array);
- }
- return array;
- }
- chartOptionScopes() {
- const {options, type} = this;
- return [
- options,
- overrides[type] || {},
- defaults.datasets[type] || {},
- {type},
- defaults,
- descriptors
- ];
- }
- resolveNamedOptions(scopes, names, context, prefixes = ['']) {
- const result = {$shared: true};
- const {resolver, subPrefixes} = getResolver(this._resolverCache, scopes, prefixes);
- let options = resolver;
- if (needContext(resolver, names)) {
- result.$shared = false;
- context = isFunction(context) ? context() : context;
- const subResolver = this.createResolver(scopes, context, subPrefixes);
- options = _attachContext(resolver, context, subResolver);
- }
- for (const prop of names) {
- result[prop] = options[prop];
- }
- return result;
- }
- createResolver(scopes, context, prefixes = [''], descriptorDefaults) {
- const {resolver} = getResolver(this._resolverCache, scopes, prefixes);
- return isObject(context)
- ? _attachContext(resolver, context, undefined, descriptorDefaults)
- : resolver;
- }
-}
-function getResolver(resolverCache, scopes, prefixes) {
- let cache = resolverCache.get(scopes);
- if (!cache) {
- cache = new Map();
- resolverCache.set(scopes, cache);
- }
- const cacheKey = prefixes.join();
- let cached = cache.get(cacheKey);
- if (!cached) {
- const resolver = _createResolver(scopes, prefixes);
- cached = {
- resolver,
- subPrefixes: prefixes.filter(p => !p.toLowerCase().includes('hover'))
- };
- cache.set(cacheKey, cached);
- }
- return cached;
-}
-const hasFunction = value => isObject(value)
- && Object.getOwnPropertyNames(value).reduce((acc, key) => acc || isFunction(value[key]), false);
-function needContext(proxy, names) {
- const {isScriptable, isIndexable} = _descriptors(proxy);
- for (const prop of names) {
- const scriptable = isScriptable(prop);
- const indexable = isIndexable(prop);
- const value = (indexable || scriptable) && proxy[prop];
- if ((scriptable && (isFunction(value) || hasFunction(value)))
- || (indexable && isArray(value))) {
- return true;
- }
- }
- return false;
-}
-
-var version = "3.7.1";
-
-const KNOWN_POSITIONS = ['top', 'bottom', 'left', 'right', 'chartArea'];
-function positionIsHorizontal(position, axis) {
- return position === 'top' || position === 'bottom' || (KNOWN_POSITIONS.indexOf(position) === -1 && axis === 'x');
-}
-function compare2Level(l1, l2) {
- return function(a, b) {
- return a[l1] === b[l1]
- ? a[l2] - b[l2]
- : a[l1] - b[l1];
- };
-}
-function onAnimationsComplete(context) {
- const chart = context.chart;
- const animationOptions = chart.options.animation;
- chart.notifyPlugins('afterRender');
- callback(animationOptions && animationOptions.onComplete, [context], chart);
-}
-function onAnimationProgress(context) {
- const chart = context.chart;
- const animationOptions = chart.options.animation;
- callback(animationOptions && animationOptions.onProgress, [context], chart);
-}
-function getCanvas(item) {
- if (_isDomSupported() && typeof item === 'string') {
- item = document.getElementById(item);
- } else if (item && item.length) {
- item = item[0];
- }
- if (item && item.canvas) {
- item = item.canvas;
- }
- return item;
-}
-const instances = {};
-const getChart = (key) => {
- const canvas = getCanvas(key);
- return Object.values(instances).filter((c) => c.canvas === canvas).pop();
-};
-function moveNumericKeys(obj, start, move) {
- const keys = Object.keys(obj);
- for (const key of keys) {
- const intKey = +key;
- if (intKey >= start) {
- const value = obj[key];
- delete obj[key];
- if (move > 0 || intKey > start) {
- obj[intKey + move] = value;
- }
- }
- }
-}
-function determineLastEvent(e, lastEvent, inChartArea, isClick) {
- if (!inChartArea || e.type === 'mouseout') {
- return null;
- }
- if (isClick) {
- return lastEvent;
- }
- return e;
-}
-class Chart {
- constructor(item, userConfig) {
- const config = this.config = new Config(userConfig);
- const initialCanvas = getCanvas(item);
- const existingChart = getChart(initialCanvas);
- if (existingChart) {
- throw new Error(
- 'Canvas is already in use. Chart with ID \'' + existingChart.id + '\'' +
- ' must be destroyed before the canvas can be reused.'
- );
- }
- const options = config.createResolver(config.chartOptionScopes(), this.getContext());
- this.platform = new (config.platform || _detectPlatform(initialCanvas))();
- this.platform.updateConfig(config);
- const context = this.platform.acquireContext(initialCanvas, options.aspectRatio);
- const canvas = context && context.canvas;
- const height = canvas && canvas.height;
- const width = canvas && canvas.width;
- this.id = uid();
- this.ctx = context;
- this.canvas = canvas;
- this.width = width;
- this.height = height;
- this._options = options;
- this._aspectRatio = this.aspectRatio;
- this._layers = [];
- this._metasets = [];
- this._stacks = undefined;
- this.boxes = [];
- this.currentDevicePixelRatio = undefined;
- this.chartArea = undefined;
- this._active = [];
- this._lastEvent = undefined;
- this._listeners = {};
- this._responsiveListeners = undefined;
- this._sortedMetasets = [];
- this.scales = {};
- this._plugins = new PluginService();
- this.$proxies = {};
- this._hiddenIndices = {};
- this.attached = false;
- this._animationsDisabled = undefined;
- this.$context = undefined;
- this._doResize = debounce(mode => this.update(mode), options.resizeDelay || 0);
- this._dataChanges = [];
- instances[this.id] = this;
- if (!context || !canvas) {
- console.error("Failed to create chart: can't acquire context from the given item");
- return;
- }
- animator.listen(this, 'complete', onAnimationsComplete);
- animator.listen(this, 'progress', onAnimationProgress);
- this._initialize();
- if (this.attached) {
- this.update();
- }
- }
- get aspectRatio() {
- const {options: {aspectRatio, maintainAspectRatio}, width, height, _aspectRatio} = this;
- if (!isNullOrUndef(aspectRatio)) {
- return aspectRatio;
- }
- if (maintainAspectRatio && _aspectRatio) {
- return _aspectRatio;
- }
- return height ? width / height : null;
- }
- get data() {
- return this.config.data;
- }
- set data(data) {
- this.config.data = data;
- }
- get options() {
- return this._options;
- }
- set options(options) {
- this.config.options = options;
- }
- _initialize() {
- this.notifyPlugins('beforeInit');
- if (this.options.responsive) {
- this.resize();
- } else {
- retinaScale(this, this.options.devicePixelRatio);
- }
- this.bindEvents();
- this.notifyPlugins('afterInit');
- return this;
- }
- clear() {
- clearCanvas(this.canvas, this.ctx);
- return this;
- }
- stop() {
- animator.stop(this);
- return this;
- }
- resize(width, height) {
- if (!animator.running(this)) {
- this._resize(width, height);
- } else {
- this._resizeBeforeDraw = {width, height};
- }
- }
- _resize(width, height) {
- const options = this.options;
- const canvas = this.canvas;
- const aspectRatio = options.maintainAspectRatio && this.aspectRatio;
- const newSize = this.platform.getMaximumSize(canvas, width, height, aspectRatio);
- const newRatio = options.devicePixelRatio || this.platform.getDevicePixelRatio();
- const mode = this.width ? 'resize' : 'attach';
- this.width = newSize.width;
- this.height = newSize.height;
- this._aspectRatio = this.aspectRatio;
- if (!retinaScale(this, newRatio, true)) {
- return;
- }
- this.notifyPlugins('resize', {size: newSize});
- callback(options.onResize, [this, newSize], this);
- if (this.attached) {
- if (this._doResize(mode)) {
- this.render();
- }
- }
- }
- ensureScalesHaveIDs() {
- const options = this.options;
- const scalesOptions = options.scales || {};
- each(scalesOptions, (axisOptions, axisID) => {
- axisOptions.id = axisID;
- });
- }
- buildOrUpdateScales() {
- const options = this.options;
- const scaleOpts = options.scales;
- const scales = this.scales;
- const updated = Object.keys(scales).reduce((obj, id) => {
- obj[id] = false;
- return obj;
- }, {});
- let items = [];
- if (scaleOpts) {
- items = items.concat(
- Object.keys(scaleOpts).map((id) => {
- const scaleOptions = scaleOpts[id];
- const axis = determineAxis(id, scaleOptions);
- const isRadial = axis === 'r';
- const isHorizontal = axis === 'x';
- return {
- options: scaleOptions,
- dposition: isRadial ? 'chartArea' : isHorizontal ? 'bottom' : 'left',
- dtype: isRadial ? 'radialLinear' : isHorizontal ? 'category' : 'linear'
- };
- })
- );
- }
- each(items, (item) => {
- const scaleOptions = item.options;
- const id = scaleOptions.id;
- const axis = determineAxis(id, scaleOptions);
- const scaleType = valueOrDefault(scaleOptions.type, item.dtype);
- if (scaleOptions.position === undefined || positionIsHorizontal(scaleOptions.position, axis) !== positionIsHorizontal(item.dposition)) {
- scaleOptions.position = item.dposition;
- }
- updated[id] = true;
- let scale = null;
- if (id in scales && scales[id].type === scaleType) {
- scale = scales[id];
- } else {
- const scaleClass = registry.getScale(scaleType);
- scale = new scaleClass({
- id,
- type: scaleType,
- ctx: this.ctx,
- chart: this
- });
- scales[scale.id] = scale;
- }
- scale.init(scaleOptions, options);
- });
- each(updated, (hasUpdated, id) => {
- if (!hasUpdated) {
- delete scales[id];
- }
- });
- each(scales, (scale) => {
- layouts.configure(this, scale, scale.options);
- layouts.addBox(this, scale);
- });
- }
- _updateMetasets() {
- const metasets = this._metasets;
- const numData = this.data.datasets.length;
- const numMeta = metasets.length;
- metasets.sort((a, b) => a.index - b.index);
- if (numMeta > numData) {
- for (let i = numData; i < numMeta; ++i) {
- this._destroyDatasetMeta(i);
- }
- metasets.splice(numData, numMeta - numData);
- }
- this._sortedMetasets = metasets.slice(0).sort(compare2Level('order', 'index'));
- }
- _removeUnreferencedMetasets() {
- const {_metasets: metasets, data: {datasets}} = this;
- if (metasets.length > datasets.length) {
- delete this._stacks;
- }
- metasets.forEach((meta, index) => {
- if (datasets.filter(x => x === meta._dataset).length === 0) {
- this._destroyDatasetMeta(index);
- }
- });
- }
- buildOrUpdateControllers() {
- const newControllers = [];
- const datasets = this.data.datasets;
- let i, ilen;
- this._removeUnreferencedMetasets();
- for (i = 0, ilen = datasets.length; i < ilen; i++) {
- const dataset = datasets[i];
- let meta = this.getDatasetMeta(i);
- const type = dataset.type || this.config.type;
- if (meta.type && meta.type !== type) {
- this._destroyDatasetMeta(i);
- meta = this.getDatasetMeta(i);
- }
- meta.type = type;
- meta.indexAxis = dataset.indexAxis || getIndexAxis(type, this.options);
- meta.order = dataset.order || 0;
- meta.index = i;
- meta.label = '' + dataset.label;
- meta.visible = this.isDatasetVisible(i);
- if (meta.controller) {
- meta.controller.updateIndex(i);
- meta.controller.linkScales();
- } else {
- const ControllerClass = registry.getController(type);
- const {datasetElementType, dataElementType} = defaults.datasets[type];
- Object.assign(ControllerClass.prototype, {
- dataElementType: registry.getElement(dataElementType),
- datasetElementType: datasetElementType && registry.getElement(datasetElementType)
- });
- meta.controller = new ControllerClass(this, i);
- newControllers.push(meta.controller);
- }
- }
- this._updateMetasets();
- return newControllers;
- }
- _resetElements() {
- each(this.data.datasets, (dataset, datasetIndex) => {
- this.getDatasetMeta(datasetIndex).controller.reset();
- }, this);
- }
- reset() {
- this._resetElements();
- this.notifyPlugins('reset');
- }
- update(mode) {
- const config = this.config;
- config.update();
- const options = this._options = config.createResolver(config.chartOptionScopes(), this.getContext());
- const animsDisabled = this._animationsDisabled = !options.animation;
- this._updateScales();
- this._checkEventBindings();
- this._updateHiddenIndices();
- this._plugins.invalidate();
- if (this.notifyPlugins('beforeUpdate', {mode, cancelable: true}) === false) {
- return;
- }
- const newControllers = this.buildOrUpdateControllers();
- this.notifyPlugins('beforeElementsUpdate');
- let minPadding = 0;
- for (let i = 0, ilen = this.data.datasets.length; i < ilen; i++) {
- const {controller} = this.getDatasetMeta(i);
- const reset = !animsDisabled && newControllers.indexOf(controller) === -1;
- controller.buildOrUpdateElements(reset);
- minPadding = Math.max(+controller.getMaxOverflow(), minPadding);
- }
- minPadding = this._minPadding = options.layout.autoPadding ? minPadding : 0;
- this._updateLayout(minPadding);
- if (!animsDisabled) {
- each(newControllers, (controller) => {
- controller.reset();
- });
- }
- this._updateDatasets(mode);
- this.notifyPlugins('afterUpdate', {mode});
- this._layers.sort(compare2Level('z', '_idx'));
- const {_active, _lastEvent} = this;
- if (_lastEvent) {
- this._eventHandler(_lastEvent, true);
- } else if (_active.length) {
- this._updateHoverStyles(_active, _active, true);
- }
- this.render();
- }
- _updateScales() {
- each(this.scales, (scale) => {
- layouts.removeBox(this, scale);
- });
- this.ensureScalesHaveIDs();
- this.buildOrUpdateScales();
- }
- _checkEventBindings() {
- const options = this.options;
- const existingEvents = new Set(Object.keys(this._listeners));
- const newEvents = new Set(options.events);
- if (!setsEqual(existingEvents, newEvents) || !!this._responsiveListeners !== options.responsive) {
- this.unbindEvents();
- this.bindEvents();
- }
- }
- _updateHiddenIndices() {
- const {_hiddenIndices} = this;
- const changes = this._getUniformDataChanges() || [];
- for (const {method, start, count} of changes) {
- const move = method === '_removeElements' ? -count : count;
- moveNumericKeys(_hiddenIndices, start, move);
- }
- }
- _getUniformDataChanges() {
- const _dataChanges = this._dataChanges;
- if (!_dataChanges || !_dataChanges.length) {
- return;
- }
- this._dataChanges = [];
- const datasetCount = this.data.datasets.length;
- const makeSet = (idx) => new Set(
- _dataChanges
- .filter(c => c[0] === idx)
- .map((c, i) => i + ',' + c.splice(1).join(','))
- );
- const changeSet = makeSet(0);
- for (let i = 1; i < datasetCount; i++) {
- if (!setsEqual(changeSet, makeSet(i))) {
- return;
- }
- }
- return Array.from(changeSet)
- .map(c => c.split(','))
- .map(a => ({method: a[1], start: +a[2], count: +a[3]}));
- }
- _updateLayout(minPadding) {
- if (this.notifyPlugins('beforeLayout', {cancelable: true}) === false) {
- return;
- }
- layouts.update(this, this.width, this.height, minPadding);
- const area = this.chartArea;
- const noArea = area.width <= 0 || area.height <= 0;
- this._layers = [];
- each(this.boxes, (box) => {
- if (noArea && box.position === 'chartArea') {
- return;
- }
- if (box.configure) {
- box.configure();
- }
- this._layers.push(...box._layers());
- }, this);
- this._layers.forEach((item, index) => {
- item._idx = index;
- });
- this.notifyPlugins('afterLayout');
- }
- _updateDatasets(mode) {
- if (this.notifyPlugins('beforeDatasetsUpdate', {mode, cancelable: true}) === false) {
- return;
- }
- for (let i = 0, ilen = this.data.datasets.length; i < ilen; ++i) {
- this.getDatasetMeta(i).controller.configure();
- }
- for (let i = 0, ilen = this.data.datasets.length; i < ilen; ++i) {
- this._updateDataset(i, isFunction(mode) ? mode({datasetIndex: i}) : mode);
- }
- this.notifyPlugins('afterDatasetsUpdate', {mode});
- }
- _updateDataset(index, mode) {
- const meta = this.getDatasetMeta(index);
- const args = {meta, index, mode, cancelable: true};
- if (this.notifyPlugins('beforeDatasetUpdate', args) === false) {
- return;
- }
- meta.controller._update(mode);
- args.cancelable = false;
- this.notifyPlugins('afterDatasetUpdate', args);
- }
- render() {
- if (this.notifyPlugins('beforeRender', {cancelable: true}) === false) {
- return;
- }
- if (animator.has(this)) {
- if (this.attached && !animator.running(this)) {
- animator.start(this);
- }
- } else {
- this.draw();
- onAnimationsComplete({chart: this});
- }
- }
- draw() {
- let i;
- if (this._resizeBeforeDraw) {
- const {width, height} = this._resizeBeforeDraw;
- this._resize(width, height);
- this._resizeBeforeDraw = null;
- }
- this.clear();
- if (this.width <= 0 || this.height <= 0) {
- return;
- }
- if (this.notifyPlugins('beforeDraw', {cancelable: true}) === false) {
- return;
- }
- const layers = this._layers;
- for (i = 0; i < layers.length && layers[i].z <= 0; ++i) {
- layers[i].draw(this.chartArea);
- }
- this._drawDatasets();
- for (; i < layers.length; ++i) {
- layers[i].draw(this.chartArea);
- }
- this.notifyPlugins('afterDraw');
- }
- _getSortedDatasetMetas(filterVisible) {
- const metasets = this._sortedMetasets;
- const result = [];
- let i, ilen;
- for (i = 0, ilen = metasets.length; i < ilen; ++i) {
- const meta = metasets[i];
- if (!filterVisible || meta.visible) {
- result.push(meta);
- }
- }
- return result;
- }
- getSortedVisibleDatasetMetas() {
- return this._getSortedDatasetMetas(true);
- }
- _drawDatasets() {
- if (this.notifyPlugins('beforeDatasetsDraw', {cancelable: true}) === false) {
- return;
- }
- const metasets = this.getSortedVisibleDatasetMetas();
- for (let i = metasets.length - 1; i >= 0; --i) {
- this._drawDataset(metasets[i]);
- }
- this.notifyPlugins('afterDatasetsDraw');
- }
- _drawDataset(meta) {
- const ctx = this.ctx;
- const clip = meta._clip;
- const useClip = !clip.disabled;
- const area = this.chartArea;
- const args = {
- meta,
- index: meta.index,
- cancelable: true
- };
- if (this.notifyPlugins('beforeDatasetDraw', args) === false) {
- return;
- }
- if (useClip) {
- clipArea(ctx, {
- left: clip.left === false ? 0 : area.left - clip.left,
- right: clip.right === false ? this.width : area.right + clip.right,
- top: clip.top === false ? 0 : area.top - clip.top,
- bottom: clip.bottom === false ? this.height : area.bottom + clip.bottom
- });
- }
- meta.controller.draw();
- if (useClip) {
- unclipArea(ctx);
- }
- args.cancelable = false;
- this.notifyPlugins('afterDatasetDraw', args);
- }
- getElementsAtEventForMode(e, mode, options, useFinalPosition) {
- const method = Interaction.modes[mode];
- if (typeof method === 'function') {
- return method(this, e, options, useFinalPosition);
- }
- return [];
- }
- getDatasetMeta(datasetIndex) {
- const dataset = this.data.datasets[datasetIndex];
- const metasets = this._metasets;
- let meta = metasets.filter(x => x && x._dataset === dataset).pop();
- if (!meta) {
- meta = {
- type: null,
- data: [],
- dataset: null,
- controller: null,
- hidden: null,
- xAxisID: null,
- yAxisID: null,
- order: dataset && dataset.order || 0,
- index: datasetIndex,
- _dataset: dataset,
- _parsed: [],
- _sorted: false
- };
- metasets.push(meta);
- }
- return meta;
- }
- getContext() {
- return this.$context || (this.$context = createContext(null, {chart: this, type: 'chart'}));
- }
- getVisibleDatasetCount() {
- return this.getSortedVisibleDatasetMetas().length;
- }
- isDatasetVisible(datasetIndex) {
- const dataset = this.data.datasets[datasetIndex];
- if (!dataset) {
- return false;
- }
- const meta = this.getDatasetMeta(datasetIndex);
- return typeof meta.hidden === 'boolean' ? !meta.hidden : !dataset.hidden;
- }
- setDatasetVisibility(datasetIndex, visible) {
- const meta = this.getDatasetMeta(datasetIndex);
- meta.hidden = !visible;
- }
- toggleDataVisibility(index) {
- this._hiddenIndices[index] = !this._hiddenIndices[index];
- }
- getDataVisibility(index) {
- return !this._hiddenIndices[index];
- }
- _updateVisibility(datasetIndex, dataIndex, visible) {
- const mode = visible ? 'show' : 'hide';
- const meta = this.getDatasetMeta(datasetIndex);
- const anims = meta.controller._resolveAnimations(undefined, mode);
- if (defined(dataIndex)) {
- meta.data[dataIndex].hidden = !visible;
- this.update();
- } else {
- this.setDatasetVisibility(datasetIndex, visible);
- anims.update(meta, {visible});
- this.update((ctx) => ctx.datasetIndex === datasetIndex ? mode : undefined);
- }
- }
- hide(datasetIndex, dataIndex) {
- this._updateVisibility(datasetIndex, dataIndex, false);
- }
- show(datasetIndex, dataIndex) {
- this._updateVisibility(datasetIndex, dataIndex, true);
- }
- _destroyDatasetMeta(datasetIndex) {
- const meta = this._metasets[datasetIndex];
- if (meta && meta.controller) {
- meta.controller._destroy();
- }
- delete this._metasets[datasetIndex];
- }
- _stop() {
- let i, ilen;
- this.stop();
- animator.remove(this);
- for (i = 0, ilen = this.data.datasets.length; i < ilen; ++i) {
- this._destroyDatasetMeta(i);
- }
- }
- destroy() {
- this.notifyPlugins('beforeDestroy');
- const {canvas, ctx} = this;
- this._stop();
- this.config.clearCache();
- if (canvas) {
- this.unbindEvents();
- clearCanvas(canvas, ctx);
- this.platform.releaseContext(ctx);
- this.canvas = null;
- this.ctx = null;
- }
- this.notifyPlugins('destroy');
- delete instances[this.id];
- this.notifyPlugins('afterDestroy');
- }
- toBase64Image(...args) {
- return this.canvas.toDataURL(...args);
- }
- bindEvents() {
- this.bindUserEvents();
- if (this.options.responsive) {
- this.bindResponsiveEvents();
- } else {
- this.attached = true;
- }
- }
- bindUserEvents() {
- const listeners = this._listeners;
- const platform = this.platform;
- const _add = (type, listener) => {
- platform.addEventListener(this, type, listener);
- listeners[type] = listener;
- };
- const listener = (e, x, y) => {
- e.offsetX = x;
- e.offsetY = y;
- this._eventHandler(e);
- };
- each(this.options.events, (type) => _add(type, listener));
- }
- bindResponsiveEvents() {
- if (!this._responsiveListeners) {
- this._responsiveListeners = {};
- }
- const listeners = this._responsiveListeners;
- const platform = this.platform;
- const _add = (type, listener) => {
- platform.addEventListener(this, type, listener);
- listeners[type] = listener;
- };
- const _remove = (type, listener) => {
- if (listeners[type]) {
- platform.removeEventListener(this, type, listener);
- delete listeners[type];
- }
- };
- const listener = (width, height) => {
- if (this.canvas) {
- this.resize(width, height);
- }
- };
- let detached;
- const attached = () => {
- _remove('attach', attached);
- this.attached = true;
- this.resize();
- _add('resize', listener);
- _add('detach', detached);
- };
- detached = () => {
- this.attached = false;
- _remove('resize', listener);
- this._stop();
- this._resize(0, 0);
- _add('attach', attached);
- };
- if (platform.isAttached(this.canvas)) {
- attached();
- } else {
- detached();
- }
- }
- unbindEvents() {
- each(this._listeners, (listener, type) => {
- this.platform.removeEventListener(this, type, listener);
- });
- this._listeners = {};
- each(this._responsiveListeners, (listener, type) => {
- this.platform.removeEventListener(this, type, listener);
- });
- this._responsiveListeners = undefined;
- }
- updateHoverStyle(items, mode, enabled) {
- const prefix = enabled ? 'set' : 'remove';
- let meta, item, i, ilen;
- if (mode === 'dataset') {
- meta = this.getDatasetMeta(items[0].datasetIndex);
- meta.controller['_' + prefix + 'DatasetHoverStyle']();
- }
- for (i = 0, ilen = items.length; i < ilen; ++i) {
- item = items[i];
- const controller = item && this.getDatasetMeta(item.datasetIndex).controller;
- if (controller) {
- controller[prefix + 'HoverStyle'](item.element, item.datasetIndex, item.index);
- }
- }
- }
- getActiveElements() {
- return this._active || [];
- }
- setActiveElements(activeElements) {
- const lastActive = this._active || [];
- const active = activeElements.map(({datasetIndex, index}) => {
- const meta = this.getDatasetMeta(datasetIndex);
- if (!meta) {
- throw new Error('No dataset found at index ' + datasetIndex);
- }
- return {
- datasetIndex,
- element: meta.data[index],
- index,
- };
- });
- const changed = !_elementsEqual(active, lastActive);
- if (changed) {
- this._active = active;
- this._lastEvent = null;
- this._updateHoverStyles(active, lastActive);
- }
- }
- notifyPlugins(hook, args, filter) {
- return this._plugins.notify(this, hook, args, filter);
- }
- _updateHoverStyles(active, lastActive, replay) {
- const hoverOptions = this.options.hover;
- const diff = (a, b) => a.filter(x => !b.some(y => x.datasetIndex === y.datasetIndex && x.index === y.index));
- const deactivated = diff(lastActive, active);
- const activated = replay ? active : diff(active, lastActive);
- if (deactivated.length) {
- this.updateHoverStyle(deactivated, hoverOptions.mode, false);
- }
- if (activated.length && hoverOptions.mode) {
- this.updateHoverStyle(activated, hoverOptions.mode, true);
- }
- }
- _eventHandler(e, replay) {
- const args = {
- event: e,
- replay,
- cancelable: true,
- inChartArea: _isPointInArea(e, this.chartArea, this._minPadding)
- };
- const eventFilter = (plugin) => (plugin.options.events || this.options.events).includes(e.native.type);
- if (this.notifyPlugins('beforeEvent', args, eventFilter) === false) {
- return;
- }
- const changed = this._handleEvent(e, replay, args.inChartArea);
- args.cancelable = false;
- this.notifyPlugins('afterEvent', args, eventFilter);
- if (changed || args.changed) {
- this.render();
- }
- return this;
- }
- _handleEvent(e, replay, inChartArea) {
- const {_active: lastActive = [], options} = this;
- const useFinalPosition = replay;
- const active = this._getActiveElements(e, lastActive, inChartArea, useFinalPosition);
- const isClick = _isClickEvent(e);
- const lastEvent = determineLastEvent(e, this._lastEvent, inChartArea, isClick);
- if (inChartArea) {
- this._lastEvent = null;
- callback(options.onHover, [e, active, this], this);
- if (isClick) {
- callback(options.onClick, [e, active, this], this);
- }
- }
- const changed = !_elementsEqual(active, lastActive);
- if (changed || replay) {
- this._active = active;
- this._updateHoverStyles(active, lastActive, replay);
- }
- this._lastEvent = lastEvent;
- return changed;
- }
- _getActiveElements(e, lastActive, inChartArea, useFinalPosition) {
- if (e.type === 'mouseout') {
- return [];
- }
- if (!inChartArea) {
- return lastActive;
- }
- const hoverOptions = this.options.hover;
- return this.getElementsAtEventForMode(e, hoverOptions.mode, hoverOptions, useFinalPosition);
- }
-}
-const invalidatePlugins = () => each(Chart.instances, (chart) => chart._plugins.invalidate());
-const enumerable = true;
-Object.defineProperties(Chart, {
- defaults: {
- enumerable,
- value: defaults
- },
- instances: {
- enumerable,
- value: instances
- },
- overrides: {
- enumerable,
- value: overrides
- },
- registry: {
- enumerable,
- value: registry
- },
- version: {
- enumerable,
- value: version
- },
- getChart: {
- enumerable,
- value: getChart
- },
- register: {
- enumerable,
- value: (...items) => {
- registry.add(...items);
- invalidatePlugins();
- }
- },
- unregister: {
- enumerable,
- value: (...items) => {
- registry.remove(...items);
- invalidatePlugins();
- }
- }
-});
-
-function abstract() {
- throw new Error('This method is not implemented: Check that a complete date adapter is provided.');
-}
-class DateAdapter {
- constructor(options) {
- this.options = options || {};
- }
- formats() {
- return abstract();
- }
- parse(value, format) {
- return abstract();
- }
- format(timestamp, format) {
- return abstract();
- }
- add(timestamp, amount, unit) {
- return abstract();
- }
- diff(a, b, unit) {
- return abstract();
- }
- startOf(timestamp, unit, weekday) {
- return abstract();
- }
- endOf(timestamp, unit) {
- return abstract();
- }
-}
-DateAdapter.override = function(members) {
- Object.assign(DateAdapter.prototype, members);
-};
-var _adapters = {
- _date: DateAdapter
-};
-
-function getAllScaleValues(scale, type) {
- if (!scale._cache.$bar) {
- const visibleMetas = scale.getMatchingVisibleMetas(type);
- let values = [];
- for (let i = 0, ilen = visibleMetas.length; i < ilen; i++) {
- values = values.concat(visibleMetas[i].controller.getAllParsedValues(scale));
- }
- scale._cache.$bar = _arrayUnique(values.sort((a, b) => a - b));
- }
- return scale._cache.$bar;
-}
-function computeMinSampleSize(meta) {
- const scale = meta.iScale;
- const values = getAllScaleValues(scale, meta.type);
- let min = scale._length;
- let i, ilen, curr, prev;
- const updateMinAndPrev = () => {
- if (curr === 32767 || curr === -32768) {
- return;
- }
- if (defined(prev)) {
- min = Math.min(min, Math.abs(curr - prev) || min);
- }
- prev = curr;
- };
- for (i = 0, ilen = values.length; i < ilen; ++i) {
- curr = scale.getPixelForValue(values[i]);
- updateMinAndPrev();
- }
- prev = undefined;
- for (i = 0, ilen = scale.ticks.length; i < ilen; ++i) {
- curr = scale.getPixelForTick(i);
- updateMinAndPrev();
- }
- return min;
-}
-function computeFitCategoryTraits(index, ruler, options, stackCount) {
- const thickness = options.barThickness;
- let size, ratio;
- if (isNullOrUndef(thickness)) {
- size = ruler.min * options.categoryPercentage;
- ratio = options.barPercentage;
- } else {
- size = thickness * stackCount;
- ratio = 1;
- }
- return {
- chunk: size / stackCount,
- ratio,
- start: ruler.pixels[index] - (size / 2)
- };
-}
-function computeFlexCategoryTraits(index, ruler, options, stackCount) {
- const pixels = ruler.pixels;
- const curr = pixels[index];
- let prev = index > 0 ? pixels[index - 1] : null;
- let next = index < pixels.length - 1 ? pixels[index + 1] : null;
- const percent = options.categoryPercentage;
- if (prev === null) {
- prev = curr - (next === null ? ruler.end - ruler.start : next - curr);
- }
- if (next === null) {
- next = curr + curr - prev;
- }
- const start = curr - (curr - Math.min(prev, next)) / 2 * percent;
- const size = Math.abs(next - prev) / 2 * percent;
- return {
- chunk: size / stackCount,
- ratio: options.barPercentage,
- start
- };
-}
-function parseFloatBar(entry, item, vScale, i) {
- const startValue = vScale.parse(entry[0], i);
- const endValue = vScale.parse(entry[1], i);
- const min = Math.min(startValue, endValue);
- const max = Math.max(startValue, endValue);
- let barStart = min;
- let barEnd = max;
- if (Math.abs(min) > Math.abs(max)) {
- barStart = max;
- barEnd = min;
- }
- item[vScale.axis] = barEnd;
- item._custom = {
- barStart,
- barEnd,
- start: startValue,
- end: endValue,
- min,
- max
- };
-}
-function parseValue(entry, item, vScale, i) {
- if (isArray(entry)) {
- parseFloatBar(entry, item, vScale, i);
- } else {
- item[vScale.axis] = vScale.parse(entry, i);
- }
- return item;
-}
-function parseArrayOrPrimitive(meta, data, start, count) {
- const iScale = meta.iScale;
- const vScale = meta.vScale;
- const labels = iScale.getLabels();
- const singleScale = iScale === vScale;
- const parsed = [];
- let i, ilen, item, entry;
- for (i = start, ilen = start + count; i < ilen; ++i) {
- entry = data[i];
- item = {};
- item[iScale.axis] = singleScale || iScale.parse(labels[i], i);
- parsed.push(parseValue(entry, item, vScale, i));
- }
- return parsed;
-}
-function isFloatBar(custom) {
- return custom && custom.barStart !== undefined && custom.barEnd !== undefined;
-}
-function barSign(size, vScale, actualBase) {
- if (size !== 0) {
- return sign(size);
- }
- return (vScale.isHorizontal() ? 1 : -1) * (vScale.min >= actualBase ? 1 : -1);
-}
-function borderProps(properties) {
- let reverse, start, end, top, bottom;
- if (properties.horizontal) {
- reverse = properties.base > properties.x;
- start = 'left';
- end = 'right';
- } else {
- reverse = properties.base < properties.y;
- start = 'bottom';
- end = 'top';
- }
- if (reverse) {
- top = 'end';
- bottom = 'start';
- } else {
- top = 'start';
- bottom = 'end';
- }
- return {start, end, reverse, top, bottom};
-}
-function setBorderSkipped(properties, options, stack, index) {
- let edge = options.borderSkipped;
- const res = {};
- if (!edge) {
- properties.borderSkipped = res;
- return;
- }
- const {start, end, reverse, top, bottom} = borderProps(properties);
- if (edge === 'middle' && stack) {
- properties.enableBorderRadius = true;
- if ((stack._top || 0) === index) {
- edge = top;
- } else if ((stack._bottom || 0) === index) {
- edge = bottom;
- } else {
- res[parseEdge(bottom, start, end, reverse)] = true;
- edge = top;
- }
- }
- res[parseEdge(edge, start, end, reverse)] = true;
- properties.borderSkipped = res;
-}
-function parseEdge(edge, a, b, reverse) {
- if (reverse) {
- edge = swap(edge, a, b);
- edge = startEnd(edge, b, a);
- } else {
- edge = startEnd(edge, a, b);
- }
- return edge;
-}
-function swap(orig, v1, v2) {
- return orig === v1 ? v2 : orig === v2 ? v1 : orig;
-}
-function startEnd(v, start, end) {
- return v === 'start' ? start : v === 'end' ? end : v;
-}
-function setInflateAmount(properties, {inflateAmount}, ratio) {
- properties.inflateAmount = inflateAmount === 'auto'
- ? ratio === 1 ? 0.33 : 0
- : inflateAmount;
-}
-class BarController extends DatasetController {
- parsePrimitiveData(meta, data, start, count) {
- return parseArrayOrPrimitive(meta, data, start, count);
- }
- parseArrayData(meta, data, start, count) {
- return parseArrayOrPrimitive(meta, data, start, count);
- }
- parseObjectData(meta, data, start, count) {
- const {iScale, vScale} = meta;
- const {xAxisKey = 'x', yAxisKey = 'y'} = this._parsing;
- const iAxisKey = iScale.axis === 'x' ? xAxisKey : yAxisKey;
- const vAxisKey = vScale.axis === 'x' ? xAxisKey : yAxisKey;
- const parsed = [];
- let i, ilen, item, obj;
- for (i = start, ilen = start + count; i < ilen; ++i) {
- obj = data[i];
- item = {};
- item[iScale.axis] = iScale.parse(resolveObjectKey(obj, iAxisKey), i);
- parsed.push(parseValue(resolveObjectKey(obj, vAxisKey), item, vScale, i));
- }
- return parsed;
- }
- updateRangeFromParsed(range, scale, parsed, stack) {
- super.updateRangeFromParsed(range, scale, parsed, stack);
- const custom = parsed._custom;
- if (custom && scale === this._cachedMeta.vScale) {
- range.min = Math.min(range.min, custom.min);
- range.max = Math.max(range.max, custom.max);
- }
- }
- getMaxOverflow() {
- return 0;
- }
- getLabelAndValue(index) {
- const meta = this._cachedMeta;
- const {iScale, vScale} = meta;
- const parsed = this.getParsed(index);
- const custom = parsed._custom;
- const value = isFloatBar(custom)
- ? '[' + custom.start + ', ' + custom.end + ']'
- : '' + vScale.getLabelForValue(parsed[vScale.axis]);
- return {
- label: '' + iScale.getLabelForValue(parsed[iScale.axis]),
- value
- };
- }
- initialize() {
- this.enableOptionSharing = true;
- super.initialize();
- const meta = this._cachedMeta;
- meta.stack = this.getDataset().stack;
- }
- update(mode) {
- const meta = this._cachedMeta;
- this.updateElements(meta.data, 0, meta.data.length, mode);
- }
- updateElements(bars, start, count, mode) {
- const reset = mode === 'reset';
- const {index, _cachedMeta: {vScale}} = this;
- const base = vScale.getBasePixel();
- const horizontal = vScale.isHorizontal();
- const ruler = this._getRuler();
- const firstOpts = this.resolveDataElementOptions(start, mode);
- const sharedOptions = this.getSharedOptions(firstOpts);
- const includeOptions = this.includeOptions(mode, sharedOptions);
- this.updateSharedOptions(sharedOptions, mode, firstOpts);
- for (let i = start; i < start + count; i++) {
- const parsed = this.getParsed(i);
- const vpixels = reset || isNullOrUndef(parsed[vScale.axis]) ? {base, head: base} : this._calculateBarValuePixels(i);
- const ipixels = this._calculateBarIndexPixels(i, ruler);
- const stack = (parsed._stacks || {})[vScale.axis];
- const properties = {
- horizontal,
- base: vpixels.base,
- enableBorderRadius: !stack || isFloatBar(parsed._custom) || (index === stack._top || index === stack._bottom),
- x: horizontal ? vpixels.head : ipixels.center,
- y: horizontal ? ipixels.center : vpixels.head,
- height: horizontal ? ipixels.size : Math.abs(vpixels.size),
- width: horizontal ? Math.abs(vpixels.size) : ipixels.size
- };
- if (includeOptions) {
- properties.options = sharedOptions || this.resolveDataElementOptions(i, bars[i].active ? 'active' : mode);
- }
- const options = properties.options || bars[i].options;
- setBorderSkipped(properties, options, stack, index);
- setInflateAmount(properties, options, ruler.ratio);
- this.updateElement(bars[i], i, properties, mode);
- }
- }
- _getStacks(last, dataIndex) {
- const meta = this._cachedMeta;
- const iScale = meta.iScale;
- const metasets = iScale.getMatchingVisibleMetas(this._type);
- const stacked = iScale.options.stacked;
- const ilen = metasets.length;
- const stacks = [];
- let i, item;
- for (i = 0; i < ilen; ++i) {
- item = metasets[i];
- if (!item.controller.options.grouped) {
- continue;
- }
- if (typeof dataIndex !== 'undefined') {
- const val = item.controller.getParsed(dataIndex)[
- item.controller._cachedMeta.vScale.axis
- ];
- if (isNullOrUndef(val) || isNaN(val)) {
- continue;
- }
- }
- if (stacked === false || stacks.indexOf(item.stack) === -1 ||
- (stacked === undefined && item.stack === undefined)) {
- stacks.push(item.stack);
- }
- if (item.index === last) {
- break;
- }
- }
- if (!stacks.length) {
- stacks.push(undefined);
- }
- return stacks;
- }
- _getStackCount(index) {
- return this._getStacks(undefined, index).length;
- }
- _getStackIndex(datasetIndex, name, dataIndex) {
- const stacks = this._getStacks(datasetIndex, dataIndex);
- const index = (name !== undefined)
- ? stacks.indexOf(name)
- : -1;
- return (index === -1)
- ? stacks.length - 1
- : index;
- }
- _getRuler() {
- const opts = this.options;
- const meta = this._cachedMeta;
- const iScale = meta.iScale;
- const pixels = [];
- let i, ilen;
- for (i = 0, ilen = meta.data.length; i < ilen; ++i) {
- pixels.push(iScale.getPixelForValue(this.getParsed(i)[iScale.axis], i));
- }
- const barThickness = opts.barThickness;
- const min = barThickness || computeMinSampleSize(meta);
- return {
- min,
- pixels,
- start: iScale._startPixel,
- end: iScale._endPixel,
- stackCount: this._getStackCount(),
- scale: iScale,
- grouped: opts.grouped,
- ratio: barThickness ? 1 : opts.categoryPercentage * opts.barPercentage
- };
- }
- _calculateBarValuePixels(index) {
- const {_cachedMeta: {vScale, _stacked}, options: {base: baseValue, minBarLength}} = this;
- const actualBase = baseValue || 0;
- const parsed = this.getParsed(index);
- const custom = parsed._custom;
- const floating = isFloatBar(custom);
- let value = parsed[vScale.axis];
- let start = 0;
- let length = _stacked ? this.applyStack(vScale, parsed, _stacked) : value;
- let head, size;
- if (length !== value) {
- start = length - value;
- length = value;
- }
- if (floating) {
- value = custom.barStart;
- length = custom.barEnd - custom.barStart;
- if (value !== 0 && sign(value) !== sign(custom.barEnd)) {
- start = 0;
- }
- start += value;
- }
- const startValue = !isNullOrUndef(baseValue) && !floating ? baseValue : start;
- let base = vScale.getPixelForValue(startValue);
- if (this.chart.getDataVisibility(index)) {
- head = vScale.getPixelForValue(start + length);
- } else {
- head = base;
- }
- size = head - base;
- if (Math.abs(size) < minBarLength) {
- size = barSign(size, vScale, actualBase) * minBarLength;
- if (value === actualBase) {
- base -= size / 2;
- }
- head = base + size;
- }
- if (base === vScale.getPixelForValue(actualBase)) {
- const halfGrid = sign(size) * vScale.getLineWidthForValue(actualBase) / 2;
- base += halfGrid;
- size -= halfGrid;
- }
- return {
- size,
- base,
- head,
- center: head + size / 2
- };
- }
- _calculateBarIndexPixels(index, ruler) {
- const scale = ruler.scale;
- const options = this.options;
- const skipNull = options.skipNull;
- const maxBarThickness = valueOrDefault(options.maxBarThickness, Infinity);
- let center, size;
- if (ruler.grouped) {
- const stackCount = skipNull ? this._getStackCount(index) : ruler.stackCount;
- const range = options.barThickness === 'flex'
- ? computeFlexCategoryTraits(index, ruler, options, stackCount)
- : computeFitCategoryTraits(index, ruler, options, stackCount);
- const stackIndex = this._getStackIndex(this.index, this._cachedMeta.stack, skipNull ? index : undefined);
- center = range.start + (range.chunk * stackIndex) + (range.chunk / 2);
- size = Math.min(maxBarThickness, range.chunk * range.ratio);
- } else {
- center = scale.getPixelForValue(this.getParsed(index)[scale.axis], index);
- size = Math.min(maxBarThickness, ruler.min * ruler.ratio);
- }
- return {
- base: center - size / 2,
- head: center + size / 2,
- center,
- size
- };
- }
- draw() {
- const meta = this._cachedMeta;
- const vScale = meta.vScale;
- const rects = meta.data;
- const ilen = rects.length;
- let i = 0;
- for (; i < ilen; ++i) {
- if (this.getParsed(i)[vScale.axis] !== null) {
- rects[i].draw(this._ctx);
- }
- }
- }
-}
-BarController.id = 'bar';
-BarController.defaults = {
- datasetElementType: false,
- dataElementType: 'bar',
- categoryPercentage: 0.8,
- barPercentage: 0.9,
- grouped: true,
- animations: {
- numbers: {
- type: 'number',
- properties: ['x', 'y', 'base', 'width', 'height']
- }
- }
-};
-BarController.overrides = {
- scales: {
- _index_: {
- type: 'category',
- offset: true,
- grid: {
- offset: true
- }
- },
- _value_: {
- type: 'linear',
- beginAtZero: true,
- }
- }
-};
-
-class BubbleController extends DatasetController {
- initialize() {
- this.enableOptionSharing = true;
- super.initialize();
- }
- parsePrimitiveData(meta, data, start, count) {
- const parsed = super.parsePrimitiveData(meta, data, start, count);
- for (let i = 0; i < parsed.length; i++) {
- parsed[i]._custom = this.resolveDataElementOptions(i + start).radius;
- }
- return parsed;
- }
- parseArrayData(meta, data, start, count) {
- const parsed = super.parseArrayData(meta, data, start, count);
- for (let i = 0; i < parsed.length; i++) {
- const item = data[start + i];
- parsed[i]._custom = valueOrDefault(item[2], this.resolveDataElementOptions(i + start).radius);
- }
- return parsed;
- }
- parseObjectData(meta, data, start, count) {
- const parsed = super.parseObjectData(meta, data, start, count);
- for (let i = 0; i < parsed.length; i++) {
- const item = data[start + i];
- parsed[i]._custom = valueOrDefault(item && item.r && +item.r, this.resolveDataElementOptions(i + start).radius);
- }
- return parsed;
- }
- getMaxOverflow() {
- const data = this._cachedMeta.data;
- let max = 0;
- for (let i = data.length - 1; i >= 0; --i) {
- max = Math.max(max, data[i].size(this.resolveDataElementOptions(i)) / 2);
- }
- return max > 0 && max;
- }
- getLabelAndValue(index) {
- const meta = this._cachedMeta;
- const {xScale, yScale} = meta;
- const parsed = this.getParsed(index);
- const x = xScale.getLabelForValue(parsed.x);
- const y = yScale.getLabelForValue(parsed.y);
- const r = parsed._custom;
- return {
- label: meta.label,
- value: '(' + x + ', ' + y + (r ? ', ' + r : '') + ')'
- };
- }
- update(mode) {
- const points = this._cachedMeta.data;
- this.updateElements(points, 0, points.length, mode);
- }
- updateElements(points, start, count, mode) {
- const reset = mode === 'reset';
- const {iScale, vScale} = this._cachedMeta;
- const firstOpts = this.resolveDataElementOptions(start, mode);
- const sharedOptions = this.getSharedOptions(firstOpts);
- const includeOptions = this.includeOptions(mode, sharedOptions);
- const iAxis = iScale.axis;
- const vAxis = vScale.axis;
- for (let i = start; i < start + count; i++) {
- const point = points[i];
- const parsed = !reset && this.getParsed(i);
- const properties = {};
- const iPixel = properties[iAxis] = reset ? iScale.getPixelForDecimal(0.5) : iScale.getPixelForValue(parsed[iAxis]);
- const vPixel = properties[vAxis] = reset ? vScale.getBasePixel() : vScale.getPixelForValue(parsed[vAxis]);
- properties.skip = isNaN(iPixel) || isNaN(vPixel);
- if (includeOptions) {
- properties.options = this.resolveDataElementOptions(i, point.active ? 'active' : mode);
- if (reset) {
- properties.options.radius = 0;
- }
- }
- this.updateElement(point, i, properties, mode);
- }
- this.updateSharedOptions(sharedOptions, mode, firstOpts);
- }
- resolveDataElementOptions(index, mode) {
- const parsed = this.getParsed(index);
- let values = super.resolveDataElementOptions(index, mode);
- if (values.$shared) {
- values = Object.assign({}, values, {$shared: false});
- }
- const radius = values.radius;
- if (mode !== 'active') {
- values.radius = 0;
- }
- values.radius += valueOrDefault(parsed && parsed._custom, radius);
- return values;
- }
-}
-BubbleController.id = 'bubble';
-BubbleController.defaults = {
- datasetElementType: false,
- dataElementType: 'point',
- animations: {
- numbers: {
- type: 'number',
- properties: ['x', 'y', 'borderWidth', 'radius']
- }
- }
-};
-BubbleController.overrides = {
- scales: {
- x: {
- type: 'linear'
- },
- y: {
- type: 'linear'
- }
- },
- plugins: {
- tooltip: {
- callbacks: {
- title() {
- return '';
- }
- }
- }
- }
-};
-
-function getRatioAndOffset(rotation, circumference, cutout) {
- let ratioX = 1;
- let ratioY = 1;
- let offsetX = 0;
- let offsetY = 0;
- if (circumference < TAU) {
- const startAngle = rotation;
- const endAngle = startAngle + circumference;
- const startX = Math.cos(startAngle);
- const startY = Math.sin(startAngle);
- const endX = Math.cos(endAngle);
- const endY = Math.sin(endAngle);
- const calcMax = (angle, a, b) => _angleBetween(angle, startAngle, endAngle, true) ? 1 : Math.max(a, a * cutout, b, b * cutout);
- const calcMin = (angle, a, b) => _angleBetween(angle, startAngle, endAngle, true) ? -1 : Math.min(a, a * cutout, b, b * cutout);
- const maxX = calcMax(0, startX, endX);
- const maxY = calcMax(HALF_PI, startY, endY);
- const minX = calcMin(PI, startX, endX);
- const minY = calcMin(PI + HALF_PI, startY, endY);
- ratioX = (maxX - minX) / 2;
- ratioY = (maxY - minY) / 2;
- offsetX = -(maxX + minX) / 2;
- offsetY = -(maxY + minY) / 2;
- }
- return {ratioX, ratioY, offsetX, offsetY};
-}
-class DoughnutController extends DatasetController {
- constructor(chart, datasetIndex) {
- super(chart, datasetIndex);
- this.enableOptionSharing = true;
- this.innerRadius = undefined;
- this.outerRadius = undefined;
- this.offsetX = undefined;
- this.offsetY = undefined;
- }
- linkScales() {}
- parse(start, count) {
- const data = this.getDataset().data;
- const meta = this._cachedMeta;
- if (this._parsing === false) {
- meta._parsed = data;
- } else {
- let getter = (i) => +data[i];
- if (isObject(data[start])) {
- const {key = 'value'} = this._parsing;
- getter = (i) => +resolveObjectKey(data[i], key);
- }
- let i, ilen;
- for (i = start, ilen = start + count; i < ilen; ++i) {
- meta._parsed[i] = getter(i);
- }
- }
- }
- _getRotation() {
- return toRadians(this.options.rotation - 90);
- }
- _getCircumference() {
- return toRadians(this.options.circumference);
- }
- _getRotationExtents() {
- let min = TAU;
- let max = -TAU;
- for (let i = 0; i < this.chart.data.datasets.length; ++i) {
- if (this.chart.isDatasetVisible(i)) {
- const controller = this.chart.getDatasetMeta(i).controller;
- const rotation = controller._getRotation();
- const circumference = controller._getCircumference();
- min = Math.min(min, rotation);
- max = Math.max(max, rotation + circumference);
- }
- }
- return {
- rotation: min,
- circumference: max - min,
- };
- }
- update(mode) {
- const chart = this.chart;
- const {chartArea} = chart;
- const meta = this._cachedMeta;
- const arcs = meta.data;
- const spacing = this.getMaxBorderWidth() + this.getMaxOffset(arcs) + this.options.spacing;
- const maxSize = Math.max((Math.min(chartArea.width, chartArea.height) - spacing) / 2, 0);
- const cutout = Math.min(toPercentage(this.options.cutout, maxSize), 1);
- const chartWeight = this._getRingWeight(this.index);
- const {circumference, rotation} = this._getRotationExtents();
- const {ratioX, ratioY, offsetX, offsetY} = getRatioAndOffset(rotation, circumference, cutout);
- const maxWidth = (chartArea.width - spacing) / ratioX;
- const maxHeight = (chartArea.height - spacing) / ratioY;
- const maxRadius = Math.max(Math.min(maxWidth, maxHeight) / 2, 0);
- const outerRadius = toDimension(this.options.radius, maxRadius);
- const innerRadius = Math.max(outerRadius * cutout, 0);
- const radiusLength = (outerRadius - innerRadius) / this._getVisibleDatasetWeightTotal();
- this.offsetX = offsetX * outerRadius;
- this.offsetY = offsetY * outerRadius;
- meta.total = this.calculateTotal();
- this.outerRadius = outerRadius - radiusLength * this._getRingWeightOffset(this.index);
- this.innerRadius = Math.max(this.outerRadius - radiusLength * chartWeight, 0);
- this.updateElements(arcs, 0, arcs.length, mode);
- }
- _circumference(i, reset) {
- const opts = this.options;
- const meta = this._cachedMeta;
- const circumference = this._getCircumference();
- if ((reset && opts.animation.animateRotate) || !this.chart.getDataVisibility(i) || meta._parsed[i] === null || meta.data[i].hidden) {
- return 0;
- }
- return this.calculateCircumference(meta._parsed[i] * circumference / TAU);
- }
- updateElements(arcs, start, count, mode) {
- const reset = mode === 'reset';
- const chart = this.chart;
- const chartArea = chart.chartArea;
- const opts = chart.options;
- const animationOpts = opts.animation;
- const centerX = (chartArea.left + chartArea.right) / 2;
- const centerY = (chartArea.top + chartArea.bottom) / 2;
- const animateScale = reset && animationOpts.animateScale;
- const innerRadius = animateScale ? 0 : this.innerRadius;
- const outerRadius = animateScale ? 0 : this.outerRadius;
- const firstOpts = this.resolveDataElementOptions(start, mode);
- const sharedOptions = this.getSharedOptions(firstOpts);
- const includeOptions = this.includeOptions(mode, sharedOptions);
- let startAngle = this._getRotation();
- let i;
- for (i = 0; i < start; ++i) {
- startAngle += this._circumference(i, reset);
- }
- for (i = start; i < start + count; ++i) {
- const circumference = this._circumference(i, reset);
- const arc = arcs[i];
- const properties = {
- x: centerX + this.offsetX,
- y: centerY + this.offsetY,
- startAngle,
- endAngle: startAngle + circumference,
- circumference,
- outerRadius,
- innerRadius
- };
- if (includeOptions) {
- properties.options = sharedOptions || this.resolveDataElementOptions(i, arc.active ? 'active' : mode);
- }
- startAngle += circumference;
- this.updateElement(arc, i, properties, mode);
- }
- this.updateSharedOptions(sharedOptions, mode, firstOpts);
- }
- calculateTotal() {
- const meta = this._cachedMeta;
- const metaData = meta.data;
- let total = 0;
- let i;
- for (i = 0; i < metaData.length; i++) {
- const value = meta._parsed[i];
- if (value !== null && !isNaN(value) && this.chart.getDataVisibility(i) && !metaData[i].hidden) {
- total += Math.abs(value);
- }
- }
- return total;
- }
- calculateCircumference(value) {
- const total = this._cachedMeta.total;
- if (total > 0 && !isNaN(value)) {
- return TAU * (Math.abs(value) / total);
- }
- return 0;
- }
- getLabelAndValue(index) {
- const meta = this._cachedMeta;
- const chart = this.chart;
- const labels = chart.data.labels || [];
- const value = formatNumber(meta._parsed[index], chart.options.locale);
- return {
- label: labels[index] || '',
- value,
- };
- }
- getMaxBorderWidth(arcs) {
- let max = 0;
- const chart = this.chart;
- let i, ilen, meta, controller, options;
- if (!arcs) {
- for (i = 0, ilen = chart.data.datasets.length; i < ilen; ++i) {
- if (chart.isDatasetVisible(i)) {
- meta = chart.getDatasetMeta(i);
- arcs = meta.data;
- controller = meta.controller;
- break;
- }
- }
- }
- if (!arcs) {
- return 0;
- }
- for (i = 0, ilen = arcs.length; i < ilen; ++i) {
- options = controller.resolveDataElementOptions(i);
- if (options.borderAlign !== 'inner') {
- max = Math.max(max, options.borderWidth || 0, options.hoverBorderWidth || 0);
- }
- }
- return max;
- }
- getMaxOffset(arcs) {
- let max = 0;
- for (let i = 0, ilen = arcs.length; i < ilen; ++i) {
- const options = this.resolveDataElementOptions(i);
- max = Math.max(max, options.offset || 0, options.hoverOffset || 0);
- }
- return max;
- }
- _getRingWeightOffset(datasetIndex) {
- let ringWeightOffset = 0;
- for (let i = 0; i < datasetIndex; ++i) {
- if (this.chart.isDatasetVisible(i)) {
- ringWeightOffset += this._getRingWeight(i);
- }
- }
- return ringWeightOffset;
- }
- _getRingWeight(datasetIndex) {
- return Math.max(valueOrDefault(this.chart.data.datasets[datasetIndex].weight, 1), 0);
- }
- _getVisibleDatasetWeightTotal() {
- return this._getRingWeightOffset(this.chart.data.datasets.length) || 1;
- }
-}
-DoughnutController.id = 'doughnut';
-DoughnutController.defaults = {
- datasetElementType: false,
- dataElementType: 'arc',
- animation: {
- animateRotate: true,
- animateScale: false
- },
- animations: {
- numbers: {
- type: 'number',
- properties: ['circumference', 'endAngle', 'innerRadius', 'outerRadius', 'startAngle', 'x', 'y', 'offset', 'borderWidth', 'spacing']
- },
- },
- cutout: '50%',
- rotation: 0,
- circumference: 360,
- radius: '100%',
- spacing: 0,
- indexAxis: 'r',
-};
-DoughnutController.descriptors = {
- _scriptable: (name) => name !== 'spacing',
- _indexable: (name) => name !== 'spacing',
-};
-DoughnutController.overrides = {
- aspectRatio: 1,
- plugins: {
- legend: {
- labels: {
- generateLabels(chart) {
- const data = chart.data;
- if (data.labels.length && data.datasets.length) {
- const {labels: {pointStyle}} = chart.legend.options;
- return data.labels.map((label, i) => {
- const meta = chart.getDatasetMeta(0);
- const style = meta.controller.getStyle(i);
- return {
- text: label,
- fillStyle: style.backgroundColor,
- strokeStyle: style.borderColor,
- lineWidth: style.borderWidth,
- pointStyle: pointStyle,
- hidden: !chart.getDataVisibility(i),
- index: i
- };
- });
- }
- return [];
- }
- },
- onClick(e, legendItem, legend) {
- legend.chart.toggleDataVisibility(legendItem.index);
- legend.chart.update();
- }
- },
- tooltip: {
- callbacks: {
- title() {
- return '';
- },
- label(tooltipItem) {
- let dataLabel = tooltipItem.label;
- const value = ': ' + tooltipItem.formattedValue;
- if (isArray(dataLabel)) {
- dataLabel = dataLabel.slice();
- dataLabel[0] += value;
- } else {
- dataLabel += value;
- }
- return dataLabel;
- }
- }
- }
- }
-};
-
-class LineController extends DatasetController {
- initialize() {
- this.enableOptionSharing = true;
- super.initialize();
- }
- update(mode) {
- const meta = this._cachedMeta;
- const {dataset: line, data: points = [], _dataset} = meta;
- const animationsDisabled = this.chart._animationsDisabled;
- let {start, count} = getStartAndCountOfVisiblePoints(meta, points, animationsDisabled);
- this._drawStart = start;
- this._drawCount = count;
- if (scaleRangesChanged(meta)) {
- start = 0;
- count = points.length;
- }
- line._chart = this.chart;
- line._datasetIndex = this.index;
- line._decimated = !!_dataset._decimated;
- line.points = points;
- const options = this.resolveDatasetElementOptions(mode);
- if (!this.options.showLine) {
- options.borderWidth = 0;
- }
- options.segment = this.options.segment;
- this.updateElement(line, undefined, {
- animated: !animationsDisabled,
- options
- }, mode);
- this.updateElements(points, start, count, mode);
- }
- updateElements(points, start, count, mode) {
- const reset = mode === 'reset';
- const {iScale, vScale, _stacked, _dataset} = this._cachedMeta;
- const firstOpts = this.resolveDataElementOptions(start, mode);
- const sharedOptions = this.getSharedOptions(firstOpts);
- const includeOptions = this.includeOptions(mode, sharedOptions);
- const iAxis = iScale.axis;
- const vAxis = vScale.axis;
- const {spanGaps, segment} = this.options;
- const maxGapLength = isNumber(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
- const directUpdate = this.chart._animationsDisabled || reset || mode === 'none';
- let prevParsed = start > 0 && this.getParsed(start - 1);
- for (let i = start; i < start + count; ++i) {
- const point = points[i];
- const parsed = this.getParsed(i);
- const properties = directUpdate ? point : {};
- const nullData = isNullOrUndef(parsed[vAxis]);
- const iPixel = properties[iAxis] = iScale.getPixelForValue(parsed[iAxis], i);
- const vPixel = properties[vAxis] = reset || nullData ? vScale.getBasePixel() : vScale.getPixelForValue(_stacked ? this.applyStack(vScale, parsed, _stacked) : parsed[vAxis], i);
- properties.skip = isNaN(iPixel) || isNaN(vPixel) || nullData;
- properties.stop = i > 0 && (parsed[iAxis] - prevParsed[iAxis]) > maxGapLength;
- if (segment) {
- properties.parsed = parsed;
- properties.raw = _dataset.data[i];
- }
- if (includeOptions) {
- properties.options = sharedOptions || this.resolveDataElementOptions(i, point.active ? 'active' : mode);
- }
- if (!directUpdate) {
- this.updateElement(point, i, properties, mode);
- }
- prevParsed = parsed;
- }
- this.updateSharedOptions(sharedOptions, mode, firstOpts);
- }
- getMaxOverflow() {
- const meta = this._cachedMeta;
- const dataset = meta.dataset;
- const border = dataset.options && dataset.options.borderWidth || 0;
- const data = meta.data || [];
- if (!data.length) {
- return border;
- }
- const firstPoint = data[0].size(this.resolveDataElementOptions(0));
- const lastPoint = data[data.length - 1].size(this.resolveDataElementOptions(data.length - 1));
- return Math.max(border, firstPoint, lastPoint) / 2;
- }
- draw() {
- const meta = this._cachedMeta;
- meta.dataset.updateControlPoints(this.chart.chartArea, meta.iScale.axis);
- super.draw();
- }
-}
-LineController.id = 'line';
-LineController.defaults = {
- datasetElementType: 'line',
- dataElementType: 'point',
- showLine: true,
- spanGaps: false,
-};
-LineController.overrides = {
- scales: {
- _index_: {
- type: 'category',
- },
- _value_: {
- type: 'linear',
- },
- }
-};
-function getStartAndCountOfVisiblePoints(meta, points, animationsDisabled) {
- const pointCount = points.length;
- let start = 0;
- let count = pointCount;
- if (meta._sorted) {
- const {iScale, _parsed} = meta;
- const axis = iScale.axis;
- const {min, max, minDefined, maxDefined} = iScale.getUserBounds();
- if (minDefined) {
- start = _limitValue(Math.min(
- _lookupByKey(_parsed, iScale.axis, min).lo,
- animationsDisabled ? pointCount : _lookupByKey(points, axis, iScale.getPixelForValue(min)).lo),
- 0, pointCount - 1);
- }
- if (maxDefined) {
- count = _limitValue(Math.max(
- _lookupByKey(_parsed, iScale.axis, max).hi + 1,
- animationsDisabled ? 0 : _lookupByKey(points, axis, iScale.getPixelForValue(max)).hi + 1),
- start, pointCount) - start;
- } else {
- count = pointCount - start;
- }
- }
- return {start, count};
-}
-function scaleRangesChanged(meta) {
- const {xScale, yScale, _scaleRanges} = meta;
- const newRanges = {
- xmin: xScale.min,
- xmax: xScale.max,
- ymin: yScale.min,
- ymax: yScale.max
- };
- if (!_scaleRanges) {
- meta._scaleRanges = newRanges;
- return true;
- }
- const changed = _scaleRanges.xmin !== xScale.min
- || _scaleRanges.xmax !== xScale.max
- || _scaleRanges.ymin !== yScale.min
- || _scaleRanges.ymax !== yScale.max;
- Object.assign(_scaleRanges, newRanges);
- return changed;
-}
-
-class PolarAreaController extends DatasetController {
- constructor(chart, datasetIndex) {
- super(chart, datasetIndex);
- this.innerRadius = undefined;
- this.outerRadius = undefined;
- }
- getLabelAndValue(index) {
- const meta = this._cachedMeta;
- const chart = this.chart;
- const labels = chart.data.labels || [];
- const value = formatNumber(meta._parsed[index].r, chart.options.locale);
- return {
- label: labels[index] || '',
- value,
- };
- }
- update(mode) {
- const arcs = this._cachedMeta.data;
- this._updateRadius();
- this.updateElements(arcs, 0, arcs.length, mode);
- }
- _updateRadius() {
- const chart = this.chart;
- const chartArea = chart.chartArea;
- const opts = chart.options;
- const minSize = Math.min(chartArea.right - chartArea.left, chartArea.bottom - chartArea.top);
- const outerRadius = Math.max(minSize / 2, 0);
- const innerRadius = Math.max(opts.cutoutPercentage ? (outerRadius / 100) * (opts.cutoutPercentage) : 1, 0);
- const radiusLength = (outerRadius - innerRadius) / chart.getVisibleDatasetCount();
- this.outerRadius = outerRadius - (radiusLength * this.index);
- this.innerRadius = this.outerRadius - radiusLength;
- }
- updateElements(arcs, start, count, mode) {
- const reset = mode === 'reset';
- const chart = this.chart;
- const dataset = this.getDataset();
- const opts = chart.options;
- const animationOpts = opts.animation;
- const scale = this._cachedMeta.rScale;
- const centerX = scale.xCenter;
- const centerY = scale.yCenter;
- const datasetStartAngle = scale.getIndexAngle(0) - 0.5 * PI;
- let angle = datasetStartAngle;
- let i;
- const defaultAngle = 360 / this.countVisibleElements();
- for (i = 0; i < start; ++i) {
- angle += this._computeAngle(i, mode, defaultAngle);
- }
- for (i = start; i < start + count; i++) {
- const arc = arcs[i];
- let startAngle = angle;
- let endAngle = angle + this._computeAngle(i, mode, defaultAngle);
- let outerRadius = chart.getDataVisibility(i) ? scale.getDistanceFromCenterForValue(dataset.data[i]) : 0;
- angle = endAngle;
- if (reset) {
- if (animationOpts.animateScale) {
- outerRadius = 0;
- }
- if (animationOpts.animateRotate) {
- startAngle = endAngle = datasetStartAngle;
- }
- }
- const properties = {
- x: centerX,
- y: centerY,
- innerRadius: 0,
- outerRadius,
- startAngle,
- endAngle,
- options: this.resolveDataElementOptions(i, arc.active ? 'active' : mode)
- };
- this.updateElement(arc, i, properties, mode);
- }
- }
- countVisibleElements() {
- const dataset = this.getDataset();
- const meta = this._cachedMeta;
- let count = 0;
- meta.data.forEach((element, index) => {
- if (!isNaN(dataset.data[index]) && this.chart.getDataVisibility(index)) {
- count++;
- }
- });
- return count;
- }
- _computeAngle(index, mode, defaultAngle) {
- return this.chart.getDataVisibility(index)
- ? toRadians(this.resolveDataElementOptions(index, mode).angle || defaultAngle)
- : 0;
- }
-}
-PolarAreaController.id = 'polarArea';
-PolarAreaController.defaults = {
- dataElementType: 'arc',
- animation: {
- animateRotate: true,
- animateScale: true
- },
- animations: {
- numbers: {
- type: 'number',
- properties: ['x', 'y', 'startAngle', 'endAngle', 'innerRadius', 'outerRadius']
- },
- },
- indexAxis: 'r',
- startAngle: 0,
-};
-PolarAreaController.overrides = {
- aspectRatio: 1,
- plugins: {
- legend: {
- labels: {
- generateLabels(chart) {
- const data = chart.data;
- if (data.labels.length && data.datasets.length) {
- const {labels: {pointStyle}} = chart.legend.options;
- return data.labels.map((label, i) => {
- const meta = chart.getDatasetMeta(0);
- const style = meta.controller.getStyle(i);
- return {
- text: label,
- fillStyle: style.backgroundColor,
- strokeStyle: style.borderColor,
- lineWidth: style.borderWidth,
- pointStyle: pointStyle,
- hidden: !chart.getDataVisibility(i),
- index: i
- };
- });
- }
- return [];
- }
- },
- onClick(e, legendItem, legend) {
- legend.chart.toggleDataVisibility(legendItem.index);
- legend.chart.update();
- }
- },
- tooltip: {
- callbacks: {
- title() {
- return '';
- },
- label(context) {
- return context.chart.data.labels[context.dataIndex] + ': ' + context.formattedValue;
- }
- }
- }
- },
- scales: {
- r: {
- type: 'radialLinear',
- angleLines: {
- display: false
- },
- beginAtZero: true,
- grid: {
- circular: true
- },
- pointLabels: {
- display: false
- },
- startAngle: 0
- }
- }
-};
-
-class PieController extends DoughnutController {
-}
-PieController.id = 'pie';
-PieController.defaults = {
- cutout: 0,
- rotation: 0,
- circumference: 360,
- radius: '100%'
-};
-
-class RadarController extends DatasetController {
- getLabelAndValue(index) {
- const vScale = this._cachedMeta.vScale;
- const parsed = this.getParsed(index);
- return {
- label: vScale.getLabels()[index],
- value: '' + vScale.getLabelForValue(parsed[vScale.axis])
- };
- }
- update(mode) {
- const meta = this._cachedMeta;
- const line = meta.dataset;
- const points = meta.data || [];
- const labels = meta.iScale.getLabels();
- line.points = points;
- if (mode !== 'resize') {
- const options = this.resolveDatasetElementOptions(mode);
- if (!this.options.showLine) {
- options.borderWidth = 0;
- }
- const properties = {
- _loop: true,
- _fullLoop: labels.length === points.length,
- options
- };
- this.updateElement(line, undefined, properties, mode);
- }
- this.updateElements(points, 0, points.length, mode);
- }
- updateElements(points, start, count, mode) {
- const dataset = this.getDataset();
- const scale = this._cachedMeta.rScale;
- const reset = mode === 'reset';
- for (let i = start; i < start + count; i++) {
- const point = points[i];
- const options = this.resolveDataElementOptions(i, point.active ? 'active' : mode);
- const pointPosition = scale.getPointPositionForValue(i, dataset.data[i]);
- const x = reset ? scale.xCenter : pointPosition.x;
- const y = reset ? scale.yCenter : pointPosition.y;
- const properties = {
- x,
- y,
- angle: pointPosition.angle,
- skip: isNaN(x) || isNaN(y),
- options
- };
- this.updateElement(point, i, properties, mode);
- }
- }
-}
-RadarController.id = 'radar';
-RadarController.defaults = {
- datasetElementType: 'line',
- dataElementType: 'point',
- indexAxis: 'r',
- showLine: true,
- elements: {
- line: {
- fill: 'start'
- }
- },
-};
-RadarController.overrides = {
- aspectRatio: 1,
- scales: {
- r: {
- type: 'radialLinear',
- }
- }
-};
-
-class ScatterController extends LineController {
-}
-ScatterController.id = 'scatter';
-ScatterController.defaults = {
- showLine: false,
- fill: false
-};
-ScatterController.overrides = {
- interaction: {
- mode: 'point'
- },
- plugins: {
- tooltip: {
- callbacks: {
- title() {
- return '';
- },
- label(item) {
- return '(' + item.label + ', ' + item.formattedValue + ')';
- }
- }
- }
- },
- scales: {
- x: {
- type: 'linear'
- },
- y: {
- type: 'linear'
- }
- }
-};
-
-var controllers = /*#__PURE__*/Object.freeze({
-__proto__: null,
-BarController: BarController,
-BubbleController: BubbleController,
-DoughnutController: DoughnutController,
-LineController: LineController,
-PolarAreaController: PolarAreaController,
-PieController: PieController,
-RadarController: RadarController,
-ScatterController: ScatterController
-});
-
-function clipArc(ctx, element, endAngle) {
- const {startAngle, pixelMargin, x, y, outerRadius, innerRadius} = element;
- let angleMargin = pixelMargin / outerRadius;
- ctx.beginPath();
- ctx.arc(x, y, outerRadius, startAngle - angleMargin, endAngle + angleMargin);
- if (innerRadius > pixelMargin) {
- angleMargin = pixelMargin / innerRadius;
- ctx.arc(x, y, innerRadius, endAngle + angleMargin, startAngle - angleMargin, true);
- } else {
- ctx.arc(x, y, pixelMargin, endAngle + HALF_PI, startAngle - HALF_PI);
- }
- ctx.closePath();
- ctx.clip();
-}
-function toRadiusCorners(value) {
- return _readValueToProps(value, ['outerStart', 'outerEnd', 'innerStart', 'innerEnd']);
-}
-function parseBorderRadius$1(arc, innerRadius, outerRadius, angleDelta) {
- const o = toRadiusCorners(arc.options.borderRadius);
- const halfThickness = (outerRadius - innerRadius) / 2;
- const innerLimit = Math.min(halfThickness, angleDelta * innerRadius / 2);
- const computeOuterLimit = (val) => {
- const outerArcLimit = (outerRadius - Math.min(halfThickness, val)) * angleDelta / 2;
- return _limitValue(val, 0, Math.min(halfThickness, outerArcLimit));
- };
- return {
- outerStart: computeOuterLimit(o.outerStart),
- outerEnd: computeOuterLimit(o.outerEnd),
- innerStart: _limitValue(o.innerStart, 0, innerLimit),
- innerEnd: _limitValue(o.innerEnd, 0, innerLimit),
- };
-}
-function rThetaToXY(r, theta, x, y) {
- return {
- x: x + r * Math.cos(theta),
- y: y + r * Math.sin(theta),
- };
-}
-function pathArc(ctx, element, offset, spacing, end) {
- const {x, y, startAngle: start, pixelMargin, innerRadius: innerR} = element;
- const outerRadius = Math.max(element.outerRadius + spacing + offset - pixelMargin, 0);
- const innerRadius = innerR > 0 ? innerR + spacing + offset + pixelMargin : 0;
- let spacingOffset = 0;
- const alpha = end - start;
- if (spacing) {
- const noSpacingInnerRadius = innerR > 0 ? innerR - spacing : 0;
- const noSpacingOuterRadius = outerRadius > 0 ? outerRadius - spacing : 0;
- const avNogSpacingRadius = (noSpacingInnerRadius + noSpacingOuterRadius) / 2;
- const adjustedAngle = avNogSpacingRadius !== 0 ? (alpha * avNogSpacingRadius) / (avNogSpacingRadius + spacing) : alpha;
- spacingOffset = (alpha - adjustedAngle) / 2;
- }
- const beta = Math.max(0.001, alpha * outerRadius - offset / PI) / outerRadius;
- const angleOffset = (alpha - beta) / 2;
- const startAngle = start + angleOffset + spacingOffset;
- const endAngle = end - angleOffset - spacingOffset;
- const {outerStart, outerEnd, innerStart, innerEnd} = parseBorderRadius$1(element, innerRadius, outerRadius, endAngle - startAngle);
- const outerStartAdjustedRadius = outerRadius - outerStart;
- const outerEndAdjustedRadius = outerRadius - outerEnd;
- const outerStartAdjustedAngle = startAngle + outerStart / outerStartAdjustedRadius;
- const outerEndAdjustedAngle = endAngle - outerEnd / outerEndAdjustedRadius;
- const innerStartAdjustedRadius = innerRadius + innerStart;
- const innerEndAdjustedRadius = innerRadius + innerEnd;
- const innerStartAdjustedAngle = startAngle + innerStart / innerStartAdjustedRadius;
- const innerEndAdjustedAngle = endAngle - innerEnd / innerEndAdjustedRadius;
- ctx.beginPath();
- ctx.arc(x, y, outerRadius, outerStartAdjustedAngle, outerEndAdjustedAngle);
- if (outerEnd > 0) {
- const pCenter = rThetaToXY(outerEndAdjustedRadius, outerEndAdjustedAngle, x, y);
- ctx.arc(pCenter.x, pCenter.y, outerEnd, outerEndAdjustedAngle, endAngle + HALF_PI);
- }
- const p4 = rThetaToXY(innerEndAdjustedRadius, endAngle, x, y);
- ctx.lineTo(p4.x, p4.y);
- if (innerEnd > 0) {
- const pCenter = rThetaToXY(innerEndAdjustedRadius, innerEndAdjustedAngle, x, y);
- ctx.arc(pCenter.x, pCenter.y, innerEnd, endAngle + HALF_PI, innerEndAdjustedAngle + Math.PI);
- }
- ctx.arc(x, y, innerRadius, endAngle - (innerEnd / innerRadius), startAngle + (innerStart / innerRadius), true);
- if (innerStart > 0) {
- const pCenter = rThetaToXY(innerStartAdjustedRadius, innerStartAdjustedAngle, x, y);
- ctx.arc(pCenter.x, pCenter.y, innerStart, innerStartAdjustedAngle + Math.PI, startAngle - HALF_PI);
- }
- const p8 = rThetaToXY(outerStartAdjustedRadius, startAngle, x, y);
- ctx.lineTo(p8.x, p8.y);
- if (outerStart > 0) {
- const pCenter = rThetaToXY(outerStartAdjustedRadius, outerStartAdjustedAngle, x, y);
- ctx.arc(pCenter.x, pCenter.y, outerStart, startAngle - HALF_PI, outerStartAdjustedAngle);
- }
- ctx.closePath();
-}
-function drawArc(ctx, element, offset, spacing) {
- const {fullCircles, startAngle, circumference} = element;
- let endAngle = element.endAngle;
- if (fullCircles) {
- pathArc(ctx, element, offset, spacing, startAngle + TAU);
- for (let i = 0; i < fullCircles; ++i) {
- ctx.fill();
- }
- if (!isNaN(circumference)) {
- endAngle = startAngle + circumference % TAU;
- if (circumference % TAU === 0) {
- endAngle += TAU;
- }
- }
- }
- pathArc(ctx, element, offset, spacing, endAngle);
- ctx.fill();
- return endAngle;
-}
-function drawFullCircleBorders(ctx, element, inner) {
- const {x, y, startAngle, pixelMargin, fullCircles} = element;
- const outerRadius = Math.max(element.outerRadius - pixelMargin, 0);
- const innerRadius = element.innerRadius + pixelMargin;
- let i;
- if (inner) {
- clipArc(ctx, element, startAngle + TAU);
- }
- ctx.beginPath();
- ctx.arc(x, y, innerRadius, startAngle + TAU, startAngle, true);
- for (i = 0; i < fullCircles; ++i) {
- ctx.stroke();
- }
- ctx.beginPath();
- ctx.arc(x, y, outerRadius, startAngle, startAngle + TAU);
- for (i = 0; i < fullCircles; ++i) {
- ctx.stroke();
- }
-}
-function drawBorder(ctx, element, offset, spacing, endAngle) {
- const {options} = element;
- const {borderWidth, borderJoinStyle} = options;
- const inner = options.borderAlign === 'inner';
- if (!borderWidth) {
- return;
- }
- if (inner) {
- ctx.lineWidth = borderWidth * 2;
- ctx.lineJoin = borderJoinStyle || 'round';
- } else {
- ctx.lineWidth = borderWidth;
- ctx.lineJoin = borderJoinStyle || 'bevel';
- }
- if (element.fullCircles) {
- drawFullCircleBorders(ctx, element, inner);
- }
- if (inner) {
- clipArc(ctx, element, endAngle);
- }
- pathArc(ctx, element, offset, spacing, endAngle);
- ctx.stroke();
-}
-class ArcElement extends Element {
- constructor(cfg) {
- super();
- this.options = undefined;
- this.circumference = undefined;
- this.startAngle = undefined;
- this.endAngle = undefined;
- this.innerRadius = undefined;
- this.outerRadius = undefined;
- this.pixelMargin = 0;
- this.fullCircles = 0;
- if (cfg) {
- Object.assign(this, cfg);
- }
- }
- inRange(chartX, chartY, useFinalPosition) {
- const point = this.getProps(['x', 'y'], useFinalPosition);
- const {angle, distance} = getAngleFromPoint(point, {x: chartX, y: chartY});
- const {startAngle, endAngle, innerRadius, outerRadius, circumference} = this.getProps([
- 'startAngle',
- 'endAngle',
- 'innerRadius',
- 'outerRadius',
- 'circumference'
- ], useFinalPosition);
- const rAdjust = this.options.spacing / 2;
- const _circumference = valueOrDefault(circumference, endAngle - startAngle);
- const betweenAngles = _circumference >= TAU || _angleBetween(angle, startAngle, endAngle);
- const withinRadius = _isBetween(distance, innerRadius + rAdjust, outerRadius + rAdjust);
- return (betweenAngles && withinRadius);
- }
- getCenterPoint(useFinalPosition) {
- const {x, y, startAngle, endAngle, innerRadius, outerRadius} = this.getProps([
- 'x',
- 'y',
- 'startAngle',
- 'endAngle',
- 'innerRadius',
- 'outerRadius',
- 'circumference',
- ], useFinalPosition);
- const {offset, spacing} = this.options;
- const halfAngle = (startAngle + endAngle) / 2;
- const halfRadius = (innerRadius + outerRadius + spacing + offset) / 2;
- return {
- x: x + Math.cos(halfAngle) * halfRadius,
- y: y + Math.sin(halfAngle) * halfRadius
- };
- }
- tooltipPosition(useFinalPosition) {
- return this.getCenterPoint(useFinalPosition);
- }
- draw(ctx) {
- const {options, circumference} = this;
- const offset = (options.offset || 0) / 2;
- const spacing = (options.spacing || 0) / 2;
- this.pixelMargin = (options.borderAlign === 'inner') ? 0.33 : 0;
- this.fullCircles = circumference > TAU ? Math.floor(circumference / TAU) : 0;
- if (circumference === 0 || this.innerRadius < 0 || this.outerRadius < 0) {
- return;
- }
- ctx.save();
- let radiusOffset = 0;
- if (offset) {
- radiusOffset = offset / 2;
- const halfAngle = (this.startAngle + this.endAngle) / 2;
- ctx.translate(Math.cos(halfAngle) * radiusOffset, Math.sin(halfAngle) * radiusOffset);
- if (this.circumference >= PI) {
- radiusOffset = offset;
- }
- }
- ctx.fillStyle = options.backgroundColor;
- ctx.strokeStyle = options.borderColor;
- const endAngle = drawArc(ctx, this, radiusOffset, spacing);
- drawBorder(ctx, this, radiusOffset, spacing, endAngle);
- ctx.restore();
- }
-}
-ArcElement.id = 'arc';
-ArcElement.defaults = {
- borderAlign: 'center',
- borderColor: '#fff',
- borderJoinStyle: undefined,
- borderRadius: 0,
- borderWidth: 2,
- offset: 0,
- spacing: 0,
- angle: undefined,
-};
-ArcElement.defaultRoutes = {
- backgroundColor: 'backgroundColor'
-};
-
-function setStyle(ctx, options, style = options) {
- ctx.lineCap = valueOrDefault(style.borderCapStyle, options.borderCapStyle);
- ctx.setLineDash(valueOrDefault(style.borderDash, options.borderDash));
- ctx.lineDashOffset = valueOrDefault(style.borderDashOffset, options.borderDashOffset);
- ctx.lineJoin = valueOrDefault(style.borderJoinStyle, options.borderJoinStyle);
- ctx.lineWidth = valueOrDefault(style.borderWidth, options.borderWidth);
- ctx.strokeStyle = valueOrDefault(style.borderColor, options.borderColor);
-}
-function lineTo(ctx, previous, target) {
- ctx.lineTo(target.x, target.y);
-}
-function getLineMethod(options) {
- if (options.stepped) {
- return _steppedLineTo;
- }
- if (options.tension || options.cubicInterpolationMode === 'monotone') {
- return _bezierCurveTo;
- }
- return lineTo;
-}
-function pathVars(points, segment, params = {}) {
- const count = points.length;
- const {start: paramsStart = 0, end: paramsEnd = count - 1} = params;
- const {start: segmentStart, end: segmentEnd} = segment;
- const start = Math.max(paramsStart, segmentStart);
- const end = Math.min(paramsEnd, segmentEnd);
- const outside = paramsStart < segmentStart && paramsEnd < segmentStart || paramsStart > segmentEnd && paramsEnd > segmentEnd;
- return {
- count,
- start,
- loop: segment.loop,
- ilen: end < start && !outside ? count + end - start : end - start
- };
-}
-function pathSegment(ctx, line, segment, params) {
- const {points, options} = line;
- const {count, start, loop, ilen} = pathVars(points, segment, params);
- const lineMethod = getLineMethod(options);
- let {move = true, reverse} = params || {};
- let i, point, prev;
- for (i = 0; i <= ilen; ++i) {
- point = points[(start + (reverse ? ilen - i : i)) % count];
- if (point.skip) {
- continue;
- } else if (move) {
- ctx.moveTo(point.x, point.y);
- move = false;
- } else {
- lineMethod(ctx, prev, point, reverse, options.stepped);
- }
- prev = point;
- }
- if (loop) {
- point = points[(start + (reverse ? ilen : 0)) % count];
- lineMethod(ctx, prev, point, reverse, options.stepped);
- }
- return !!loop;
-}
-function fastPathSegment(ctx, line, segment, params) {
- const points = line.points;
- const {count, start, ilen} = pathVars(points, segment, params);
- const {move = true, reverse} = params || {};
- let avgX = 0;
- let countX = 0;
- let i, point, prevX, minY, maxY, lastY;
- const pointIndex = (index) => (start + (reverse ? ilen - index : index)) % count;
- const drawX = () => {
- if (minY !== maxY) {
- ctx.lineTo(avgX, maxY);
- ctx.lineTo(avgX, minY);
- ctx.lineTo(avgX, lastY);
- }
- };
- if (move) {
- point = points[pointIndex(0)];
- ctx.moveTo(point.x, point.y);
- }
- for (i = 0; i <= ilen; ++i) {
- point = points[pointIndex(i)];
- if (point.skip) {
- continue;
- }
- const x = point.x;
- const y = point.y;
- const truncX = x | 0;
- if (truncX === prevX) {
- if (y < minY) {
- minY = y;
- } else if (y > maxY) {
- maxY = y;
- }
- avgX = (countX * avgX + x) / ++countX;
- } else {
- drawX();
- ctx.lineTo(x, y);
- prevX = truncX;
- countX = 0;
- minY = maxY = y;
- }
- lastY = y;
- }
- drawX();
-}
-function _getSegmentMethod(line) {
- const opts = line.options;
- const borderDash = opts.borderDash && opts.borderDash.length;
- const useFastPath = !line._decimated && !line._loop && !opts.tension && opts.cubicInterpolationMode !== 'monotone' && !opts.stepped && !borderDash;
- return useFastPath ? fastPathSegment : pathSegment;
-}
-function _getInterpolationMethod(options) {
- if (options.stepped) {
- return _steppedInterpolation;
- }
- if (options.tension || options.cubicInterpolationMode === 'monotone') {
- return _bezierInterpolation;
- }
- return _pointInLine;
-}
-function strokePathWithCache(ctx, line, start, count) {
- let path = line._path;
- if (!path) {
- path = line._path = new Path2D();
- if (line.path(path, start, count)) {
- path.closePath();
- }
- }
- setStyle(ctx, line.options);
- ctx.stroke(path);
-}
-function strokePathDirect(ctx, line, start, count) {
- const {segments, options} = line;
- const segmentMethod = _getSegmentMethod(line);
- for (const segment of segments) {
- setStyle(ctx, options, segment.style);
- ctx.beginPath();
- if (segmentMethod(ctx, line, segment, {start, end: start + count - 1})) {
- ctx.closePath();
- }
- ctx.stroke();
- }
-}
-const usePath2D = typeof Path2D === 'function';
-function draw(ctx, line, start, count) {
- if (usePath2D && !line.options.segment) {
- strokePathWithCache(ctx, line, start, count);
- } else {
- strokePathDirect(ctx, line, start, count);
- }
-}
-class LineElement extends Element {
- constructor(cfg) {
- super();
- this.animated = true;
- this.options = undefined;
- this._chart = undefined;
- this._loop = undefined;
- this._fullLoop = undefined;
- this._path = undefined;
- this._points = undefined;
- this._segments = undefined;
- this._decimated = false;
- this._pointsUpdated = false;
- this._datasetIndex = undefined;
- if (cfg) {
- Object.assign(this, cfg);
- }
- }
- updateControlPoints(chartArea, indexAxis) {
- const options = this.options;
- if ((options.tension || options.cubicInterpolationMode === 'monotone') && !options.stepped && !this._pointsUpdated) {
- const loop = options.spanGaps ? this._loop : this._fullLoop;
- _updateBezierControlPoints(this._points, options, chartArea, loop, indexAxis);
- this._pointsUpdated = true;
- }
- }
- set points(points) {
- this._points = points;
- delete this._segments;
- delete this._path;
- this._pointsUpdated = false;
- }
- get points() {
- return this._points;
- }
- get segments() {
- return this._segments || (this._segments = _computeSegments(this, this.options.segment));
- }
- first() {
- const segments = this.segments;
- const points = this.points;
- return segments.length && points[segments[0].start];
- }
- last() {
- const segments = this.segments;
- const points = this.points;
- const count = segments.length;
- return count && points[segments[count - 1].end];
- }
- interpolate(point, property) {
- const options = this.options;
- const value = point[property];
- const points = this.points;
- const segments = _boundSegments(this, {property, start: value, end: value});
- if (!segments.length) {
- return;
- }
- const result = [];
- const _interpolate = _getInterpolationMethod(options);
- let i, ilen;
- for (i = 0, ilen = segments.length; i < ilen; ++i) {
- const {start, end} = segments[i];
- const p1 = points[start];
- const p2 = points[end];
- if (p1 === p2) {
- result.push(p1);
- continue;
- }
- const t = Math.abs((value - p1[property]) / (p2[property] - p1[property]));
- const interpolated = _interpolate(p1, p2, t, options.stepped);
- interpolated[property] = point[property];
- result.push(interpolated);
- }
- return result.length === 1 ? result[0] : result;
- }
- pathSegment(ctx, segment, params) {
- const segmentMethod = _getSegmentMethod(this);
- return segmentMethod(ctx, this, segment, params);
- }
- path(ctx, start, count) {
- const segments = this.segments;
- const segmentMethod = _getSegmentMethod(this);
- let loop = this._loop;
- start = start || 0;
- count = count || (this.points.length - start);
- for (const segment of segments) {
- loop &= segmentMethod(ctx, this, segment, {start, end: start + count - 1});
- }
- return !!loop;
- }
- draw(ctx, chartArea, start, count) {
- const options = this.options || {};
- const points = this.points || [];
- if (points.length && options.borderWidth) {
- ctx.save();
- draw(ctx, this, start, count);
- ctx.restore();
- }
- if (this.animated) {
- this._pointsUpdated = false;
- this._path = undefined;
- }
- }
-}
-LineElement.id = 'line';
-LineElement.defaults = {
- borderCapStyle: 'butt',
- borderDash: [],
- borderDashOffset: 0,
- borderJoinStyle: 'miter',
- borderWidth: 3,
- capBezierPoints: true,
- cubicInterpolationMode: 'default',
- fill: false,
- spanGaps: false,
- stepped: false,
- tension: 0,
-};
-LineElement.defaultRoutes = {
- backgroundColor: 'backgroundColor',
- borderColor: 'borderColor'
-};
-LineElement.descriptors = {
- _scriptable: true,
- _indexable: (name) => name !== 'borderDash' && name !== 'fill',
-};
-
-function inRange$1(el, pos, axis, useFinalPosition) {
- const options = el.options;
- const {[axis]: value} = el.getProps([axis], useFinalPosition);
- return (Math.abs(pos - value) < options.radius + options.hitRadius);
-}
-class PointElement extends Element {
- constructor(cfg) {
- super();
- this.options = undefined;
- this.parsed = undefined;
- this.skip = undefined;
- this.stop = undefined;
- if (cfg) {
- Object.assign(this, cfg);
- }
- }
- inRange(mouseX, mouseY, useFinalPosition) {
- const options = this.options;
- const {x, y} = this.getProps(['x', 'y'], useFinalPosition);
- return ((Math.pow(mouseX - x, 2) + Math.pow(mouseY - y, 2)) < Math.pow(options.hitRadius + options.radius, 2));
- }
- inXRange(mouseX, useFinalPosition) {
- return inRange$1(this, mouseX, 'x', useFinalPosition);
- }
- inYRange(mouseY, useFinalPosition) {
- return inRange$1(this, mouseY, 'y', useFinalPosition);
- }
- getCenterPoint(useFinalPosition) {
- const {x, y} = this.getProps(['x', 'y'], useFinalPosition);
- return {x, y};
- }
- size(options) {
- options = options || this.options || {};
- let radius = options.radius || 0;
- radius = Math.max(radius, radius && options.hoverRadius || 0);
- const borderWidth = radius && options.borderWidth || 0;
- return (radius + borderWidth) * 2;
- }
- draw(ctx, area) {
- const options = this.options;
- if (this.skip || options.radius < 0.1 || !_isPointInArea(this, area, this.size(options) / 2)) {
- return;
- }
- ctx.strokeStyle = options.borderColor;
- ctx.lineWidth = options.borderWidth;
- ctx.fillStyle = options.backgroundColor;
- drawPoint(ctx, options, this.x, this.y);
- }
- getRange() {
- const options = this.options || {};
- return options.radius + options.hitRadius;
- }
-}
-PointElement.id = 'point';
-PointElement.defaults = {
- borderWidth: 1,
- hitRadius: 1,
- hoverBorderWidth: 1,
- hoverRadius: 4,
- pointStyle: 'circle',
- radius: 3,
- rotation: 0
-};
-PointElement.defaultRoutes = {
- backgroundColor: 'backgroundColor',
- borderColor: 'borderColor'
-};
-
-function getBarBounds(bar, useFinalPosition) {
- const {x, y, base, width, height} = bar.getProps(['x', 'y', 'base', 'width', 'height'], useFinalPosition);
- let left, right, top, bottom, half;
- if (bar.horizontal) {
- half = height / 2;
- left = Math.min(x, base);
- right = Math.max(x, base);
- top = y - half;
- bottom = y + half;
- } else {
- half = width / 2;
- left = x - half;
- right = x + half;
- top = Math.min(y, base);
- bottom = Math.max(y, base);
- }
- return {left, top, right, bottom};
-}
-function skipOrLimit(skip, value, min, max) {
- return skip ? 0 : _limitValue(value, min, max);
-}
-function parseBorderWidth(bar, maxW, maxH) {
- const value = bar.options.borderWidth;
- const skip = bar.borderSkipped;
- const o = toTRBL(value);
- return {
- t: skipOrLimit(skip.top, o.top, 0, maxH),
- r: skipOrLimit(skip.right, o.right, 0, maxW),
- b: skipOrLimit(skip.bottom, o.bottom, 0, maxH),
- l: skipOrLimit(skip.left, o.left, 0, maxW)
- };
-}
-function parseBorderRadius(bar, maxW, maxH) {
- const {enableBorderRadius} = bar.getProps(['enableBorderRadius']);
- const value = bar.options.borderRadius;
- const o = toTRBLCorners(value);
- const maxR = Math.min(maxW, maxH);
- const skip = bar.borderSkipped;
- const enableBorder = enableBorderRadius || isObject(value);
- return {
- topLeft: skipOrLimit(!enableBorder || skip.top || skip.left, o.topLeft, 0, maxR),
- topRight: skipOrLimit(!enableBorder || skip.top || skip.right, o.topRight, 0, maxR),
- bottomLeft: skipOrLimit(!enableBorder || skip.bottom || skip.left, o.bottomLeft, 0, maxR),
- bottomRight: skipOrLimit(!enableBorder || skip.bottom || skip.right, o.bottomRight, 0, maxR)
- };
-}
-function boundingRects(bar) {
- const bounds = getBarBounds(bar);
- const width = bounds.right - bounds.left;
- const height = bounds.bottom - bounds.top;
- const border = parseBorderWidth(bar, width / 2, height / 2);
- const radius = parseBorderRadius(bar, width / 2, height / 2);
- return {
- outer: {
- x: bounds.left,
- y: bounds.top,
- w: width,
- h: height,
- radius
- },
- inner: {
- x: bounds.left + border.l,
- y: bounds.top + border.t,
- w: width - border.l - border.r,
- h: height - border.t - border.b,
- radius: {
- topLeft: Math.max(0, radius.topLeft - Math.max(border.t, border.l)),
- topRight: Math.max(0, radius.topRight - Math.max(border.t, border.r)),
- bottomLeft: Math.max(0, radius.bottomLeft - Math.max(border.b, border.l)),
- bottomRight: Math.max(0, radius.bottomRight - Math.max(border.b, border.r)),
- }
- }
- };
-}
-function inRange(bar, x, y, useFinalPosition) {
- const skipX = x === null;
- const skipY = y === null;
- const skipBoth = skipX && skipY;
- const bounds = bar && !skipBoth && getBarBounds(bar, useFinalPosition);
- return bounds
- && (skipX || _isBetween(x, bounds.left, bounds.right))
- && (skipY || _isBetween(y, bounds.top, bounds.bottom));
-}
-function hasRadius(radius) {
- return radius.topLeft || radius.topRight || radius.bottomLeft || radius.bottomRight;
-}
-function addNormalRectPath(ctx, rect) {
- ctx.rect(rect.x, rect.y, rect.w, rect.h);
-}
-function inflateRect(rect, amount, refRect = {}) {
- const x = rect.x !== refRect.x ? -amount : 0;
- const y = rect.y !== refRect.y ? -amount : 0;
- const w = (rect.x + rect.w !== refRect.x + refRect.w ? amount : 0) - x;
- const h = (rect.y + rect.h !== refRect.y + refRect.h ? amount : 0) - y;
- return {
- x: rect.x + x,
- y: rect.y + y,
- w: rect.w + w,
- h: rect.h + h,
- radius: rect.radius
- };
-}
-class BarElement extends Element {
- constructor(cfg) {
- super();
- this.options = undefined;
- this.horizontal = undefined;
- this.base = undefined;
- this.width = undefined;
- this.height = undefined;
- this.inflateAmount = undefined;
- if (cfg) {
- Object.assign(this, cfg);
- }
- }
- draw(ctx) {
- const {inflateAmount, options: {borderColor, backgroundColor}} = this;
- const {inner, outer} = boundingRects(this);
- const addRectPath = hasRadius(outer.radius) ? addRoundedRectPath : addNormalRectPath;
- ctx.save();
- if (outer.w !== inner.w || outer.h !== inner.h) {
- ctx.beginPath();
- addRectPath(ctx, inflateRect(outer, inflateAmount, inner));
- ctx.clip();
- addRectPath(ctx, inflateRect(inner, -inflateAmount, outer));
- ctx.fillStyle = borderColor;
- ctx.fill('evenodd');
- }
- ctx.beginPath();
- addRectPath(ctx, inflateRect(inner, inflateAmount));
- ctx.fillStyle = backgroundColor;
- ctx.fill();
- ctx.restore();
- }
- inRange(mouseX, mouseY, useFinalPosition) {
- return inRange(this, mouseX, mouseY, useFinalPosition);
- }
- inXRange(mouseX, useFinalPosition) {
- return inRange(this, mouseX, null, useFinalPosition);
- }
- inYRange(mouseY, useFinalPosition) {
- return inRange(this, null, mouseY, useFinalPosition);
- }
- getCenterPoint(useFinalPosition) {
- const {x, y, base, horizontal} = this.getProps(['x', 'y', 'base', 'horizontal'], useFinalPosition);
- return {
- x: horizontal ? (x + base) / 2 : x,
- y: horizontal ? y : (y + base) / 2
- };
- }
- getRange(axis) {
- return axis === 'x' ? this.width / 2 : this.height / 2;
- }
-}
-BarElement.id = 'bar';
-BarElement.defaults = {
- borderSkipped: 'start',
- borderWidth: 0,
- borderRadius: 0,
- inflateAmount: 'auto',
- pointStyle: undefined
-};
-BarElement.defaultRoutes = {
- backgroundColor: 'backgroundColor',
- borderColor: 'borderColor'
-};
-
-var elements = /*#__PURE__*/Object.freeze({
-__proto__: null,
-ArcElement: ArcElement,
-LineElement: LineElement,
-PointElement: PointElement,
-BarElement: BarElement
-});
-
-function lttbDecimation(data, start, count, availableWidth, options) {
- const samples = options.samples || availableWidth;
- if (samples >= count) {
- return data.slice(start, start + count);
- }
- const decimated = [];
- const bucketWidth = (count - 2) / (samples - 2);
- let sampledIndex = 0;
- const endIndex = start + count - 1;
- let a = start;
- let i, maxAreaPoint, maxArea, area, nextA;
- decimated[sampledIndex++] = data[a];
- for (i = 0; i < samples - 2; i++) {
- let avgX = 0;
- let avgY = 0;
- let j;
- const avgRangeStart = Math.floor((i + 1) * bucketWidth) + 1 + start;
- const avgRangeEnd = Math.min(Math.floor((i + 2) * bucketWidth) + 1, count) + start;
- const avgRangeLength = avgRangeEnd - avgRangeStart;
- for (j = avgRangeStart; j < avgRangeEnd; j++) {
- avgX += data[j].x;
- avgY += data[j].y;
- }
- avgX /= avgRangeLength;
- avgY /= avgRangeLength;
- const rangeOffs = Math.floor(i * bucketWidth) + 1 + start;
- const rangeTo = Math.min(Math.floor((i + 1) * bucketWidth) + 1, count) + start;
- const {x: pointAx, y: pointAy} = data[a];
- maxArea = area = -1;
- for (j = rangeOffs; j < rangeTo; j++) {
- area = 0.5 * Math.abs(
- (pointAx - avgX) * (data[j].y - pointAy) -
- (pointAx - data[j].x) * (avgY - pointAy)
- );
- if (area > maxArea) {
- maxArea = area;
- maxAreaPoint = data[j];
- nextA = j;
- }
- }
- decimated[sampledIndex++] = maxAreaPoint;
- a = nextA;
- }
- decimated[sampledIndex++] = data[endIndex];
- return decimated;
-}
-function minMaxDecimation(data, start, count, availableWidth) {
- let avgX = 0;
- let countX = 0;
- let i, point, x, y, prevX, minIndex, maxIndex, startIndex, minY, maxY;
- const decimated = [];
- const endIndex = start + count - 1;
- const xMin = data[start].x;
- const xMax = data[endIndex].x;
- const dx = xMax - xMin;
- for (i = start; i < start + count; ++i) {
- point = data[i];
- x = (point.x - xMin) / dx * availableWidth;
- y = point.y;
- const truncX = x | 0;
- if (truncX === prevX) {
- if (y < minY) {
- minY = y;
- minIndex = i;
- } else if (y > maxY) {
- maxY = y;
- maxIndex = i;
- }
- avgX = (countX * avgX + point.x) / ++countX;
- } else {
- const lastIndex = i - 1;
- if (!isNullOrUndef(minIndex) && !isNullOrUndef(maxIndex)) {
- const intermediateIndex1 = Math.min(minIndex, maxIndex);
- const intermediateIndex2 = Math.max(minIndex, maxIndex);
- if (intermediateIndex1 !== startIndex && intermediateIndex1 !== lastIndex) {
- decimated.push({
- ...data[intermediateIndex1],
- x: avgX,
- });
- }
- if (intermediateIndex2 !== startIndex && intermediateIndex2 !== lastIndex) {
- decimated.push({
- ...data[intermediateIndex2],
- x: avgX
- });
- }
- }
- if (i > 0 && lastIndex !== startIndex) {
- decimated.push(data[lastIndex]);
- }
- decimated.push(point);
- prevX = truncX;
- countX = 0;
- minY = maxY = y;
- minIndex = maxIndex = startIndex = i;
- }
- }
- return decimated;
-}
-function cleanDecimatedDataset(dataset) {
- if (dataset._decimated) {
- const data = dataset._data;
- delete dataset._decimated;
- delete dataset._data;
- Object.defineProperty(dataset, 'data', {value: data});
- }
-}
-function cleanDecimatedData(chart) {
- chart.data.datasets.forEach((dataset) => {
- cleanDecimatedDataset(dataset);
- });
-}
-function getStartAndCountOfVisiblePointsSimplified(meta, points) {
- const pointCount = points.length;
- let start = 0;
- let count;
- const {iScale} = meta;
- const {min, max, minDefined, maxDefined} = iScale.getUserBounds();
- if (minDefined) {
- start = _limitValue(_lookupByKey(points, iScale.axis, min).lo, 0, pointCount - 1);
- }
- if (maxDefined) {
- count = _limitValue(_lookupByKey(points, iScale.axis, max).hi + 1, start, pointCount) - start;
- } else {
- count = pointCount - start;
- }
- return {start, count};
-}
-var plugin_decimation = {
- id: 'decimation',
- defaults: {
- algorithm: 'min-max',
- enabled: false,
- },
- beforeElementsUpdate: (chart, args, options) => {
- if (!options.enabled) {
- cleanDecimatedData(chart);
- return;
- }
- const availableWidth = chart.width;
- chart.data.datasets.forEach((dataset, datasetIndex) => {
- const {_data, indexAxis} = dataset;
- const meta = chart.getDatasetMeta(datasetIndex);
- const data = _data || dataset.data;
- if (resolve([indexAxis, chart.options.indexAxis]) === 'y') {
- return;
- }
- if (meta.type !== 'line') {
- return;
- }
- const xAxis = chart.scales[meta.xAxisID];
- if (xAxis.type !== 'linear' && xAxis.type !== 'time') {
- return;
- }
- if (chart.options.parsing) {
- return;
- }
- let {start, count} = getStartAndCountOfVisiblePointsSimplified(meta, data);
- const threshold = options.threshold || 4 * availableWidth;
- if (count <= threshold) {
- cleanDecimatedDataset(dataset);
- return;
- }
- if (isNullOrUndef(_data)) {
- dataset._data = data;
- delete dataset.data;
- Object.defineProperty(dataset, 'data', {
- configurable: true,
- enumerable: true,
- get: function() {
- return this._decimated;
- },
- set: function(d) {
- this._data = d;
- }
- });
- }
- let decimated;
- switch (options.algorithm) {
- case 'lttb':
- decimated = lttbDecimation(data, start, count, availableWidth, options);
- break;
- case 'min-max':
- decimated = minMaxDecimation(data, start, count, availableWidth);
- break;
- default:
- throw new Error(`Unsupported decimation algorithm '${options.algorithm}'`);
- }
- dataset._decimated = decimated;
- });
- },
- destroy(chart) {
- cleanDecimatedData(chart);
- }
-};
-
-function getLineByIndex(chart, index) {
- const meta = chart.getDatasetMeta(index);
- const visible = meta && chart.isDatasetVisible(index);
- return visible ? meta.dataset : null;
-}
-function parseFillOption(line) {
- const options = line.options;
- const fillOption = options.fill;
- let fill = valueOrDefault(fillOption && fillOption.target, fillOption);
- if (fill === undefined) {
- fill = !!options.backgroundColor;
- }
- if (fill === false || fill === null) {
- return false;
- }
- if (fill === true) {
- return 'origin';
- }
- return fill;
-}
-function decodeFill(line, index, count) {
- const fill = parseFillOption(line);
- if (isObject(fill)) {
- return isNaN(fill.value) ? false : fill;
- }
- let target = parseFloat(fill);
- if (isNumberFinite(target) && Math.floor(target) === target) {
- if (fill[0] === '-' || fill[0] === '+') {
- target = index + target;
- }
- if (target === index || target < 0 || target >= count) {
- return false;
- }
- return target;
- }
- return ['origin', 'start', 'end', 'stack', 'shape'].indexOf(fill) >= 0 && fill;
-}
-function computeLinearBoundary(source) {
- const {scale = {}, fill} = source;
- let target = null;
- let horizontal;
- if (fill === 'start') {
- target = scale.bottom;
- } else if (fill === 'end') {
- target = scale.top;
- } else if (isObject(fill)) {
- target = scale.getPixelForValue(fill.value);
- } else if (scale.getBasePixel) {
- target = scale.getBasePixel();
- }
- if (isNumberFinite(target)) {
- horizontal = scale.isHorizontal();
- return {
- x: horizontal ? target : null,
- y: horizontal ? null : target
- };
- }
- return null;
-}
-class simpleArc {
- constructor(opts) {
- this.x = opts.x;
- this.y = opts.y;
- this.radius = opts.radius;
- }
- pathSegment(ctx, bounds, opts) {
- const {x, y, radius} = this;
- bounds = bounds || {start: 0, end: TAU};
- ctx.arc(x, y, radius, bounds.end, bounds.start, true);
- return !opts.bounds;
- }
- interpolate(point) {
- const {x, y, radius} = this;
- const angle = point.angle;
- return {
- x: x + Math.cos(angle) * radius,
- y: y + Math.sin(angle) * radius,
- angle
- };
- }
-}
-function computeCircularBoundary(source) {
- const {scale, fill} = source;
- const options = scale.options;
- const length = scale.getLabels().length;
- const target = [];
- const start = options.reverse ? scale.max : scale.min;
- const end = options.reverse ? scale.min : scale.max;
- let i, center, value;
- if (fill === 'start') {
- value = start;
- } else if (fill === 'end') {
- value = end;
- } else if (isObject(fill)) {
- value = fill.value;
- } else {
- value = scale.getBaseValue();
- }
- if (options.grid.circular) {
- center = scale.getPointPositionForValue(0, start);
- return new simpleArc({
- x: center.x,
- y: center.y,
- radius: scale.getDistanceFromCenterForValue(value)
- });
- }
- for (i = 0; i < length; ++i) {
- target.push(scale.getPointPositionForValue(i, value));
- }
- return target;
-}
-function computeBoundary(source) {
- const scale = source.scale || {};
- if (scale.getPointPositionForValue) {
- return computeCircularBoundary(source);
- }
- return computeLinearBoundary(source);
-}
-function findSegmentEnd(start, end, points) {
- for (;end > start; end--) {
- const point = points[end];
- if (!isNaN(point.x) && !isNaN(point.y)) {
- break;
- }
- }
- return end;
-}
-function pointsFromSegments(boundary, line) {
- const {x = null, y = null} = boundary || {};
- const linePoints = line.points;
- const points = [];
- line.segments.forEach(({start, end}) => {
- end = findSegmentEnd(start, end, linePoints);
- const first = linePoints[start];
- const last = linePoints[end];
- if (y !== null) {
- points.push({x: first.x, y});
- points.push({x: last.x, y});
- } else if (x !== null) {
- points.push({x, y: first.y});
- points.push({x, y: last.y});
- }
- });
- return points;
-}
-function buildStackLine(source) {
- const {scale, index, line} = source;
- const points = [];
- const segments = line.segments;
- const sourcePoints = line.points;
- const linesBelow = getLinesBelow(scale, index);
- linesBelow.push(createBoundaryLine({x: null, y: scale.bottom}, line));
- for (let i = 0; i < segments.length; i++) {
- const segment = segments[i];
- for (let j = segment.start; j <= segment.end; j++) {
- addPointsBelow(points, sourcePoints[j], linesBelow);
- }
- }
- return new LineElement({points, options: {}});
-}
-function getLinesBelow(scale, index) {
- const below = [];
- const metas = scale.getMatchingVisibleMetas('line');
- for (let i = 0; i < metas.length; i++) {
- const meta = metas[i];
- if (meta.index === index) {
- break;
- }
- if (!meta.hidden) {
- below.unshift(meta.dataset);
- }
- }
- return below;
-}
-function addPointsBelow(points, sourcePoint, linesBelow) {
- const postponed = [];
- for (let j = 0; j < linesBelow.length; j++) {
- const line = linesBelow[j];
- const {first, last, point} = findPoint(line, sourcePoint, 'x');
- if (!point || (first && last)) {
- continue;
- }
- if (first) {
- postponed.unshift(point);
- } else {
- points.push(point);
- if (!last) {
- break;
- }
- }
- }
- points.push(...postponed);
-}
-function findPoint(line, sourcePoint, property) {
- const point = line.interpolate(sourcePoint, property);
- if (!point) {
- return {};
- }
- const pointValue = point[property];
- const segments = line.segments;
- const linePoints = line.points;
- let first = false;
- let last = false;
- for (let i = 0; i < segments.length; i++) {
- const segment = segments[i];
- const firstValue = linePoints[segment.start][property];
- const lastValue = linePoints[segment.end][property];
- if (_isBetween(pointValue, firstValue, lastValue)) {
- first = pointValue === firstValue;
- last = pointValue === lastValue;
- break;
- }
- }
- return {first, last, point};
-}
-function getTarget(source) {
- const {chart, fill, line} = source;
- if (isNumberFinite(fill)) {
- return getLineByIndex(chart, fill);
- }
- if (fill === 'stack') {
- return buildStackLine(source);
- }
- if (fill === 'shape') {
- return true;
- }
- const boundary = computeBoundary(source);
- if (boundary instanceof simpleArc) {
- return boundary;
- }
- return createBoundaryLine(boundary, line);
-}
-function createBoundaryLine(boundary, line) {
- let points = [];
- let _loop = false;
- if (isArray(boundary)) {
- _loop = true;
- points = boundary;
- } else {
- points = pointsFromSegments(boundary, line);
- }
- return points.length ? new LineElement({
- points,
- options: {tension: 0},
- _loop,
- _fullLoop: _loop
- }) : null;
-}
-function resolveTarget(sources, index, propagate) {
- const source = sources[index];
- let fill = source.fill;
- const visited = [index];
- let target;
- if (!propagate) {
- return fill;
- }
- while (fill !== false && visited.indexOf(fill) === -1) {
- if (!isNumberFinite(fill)) {
- return fill;
- }
- target = sources[fill];
- if (!target) {
- return false;
- }
- if (target.visible) {
- return fill;
- }
- visited.push(fill);
- fill = target.fill;
- }
- return false;
-}
-function _clip(ctx, target, clipY) {
- const {segments, points} = target;
- let first = true;
- let lineLoop = false;
- ctx.beginPath();
- for (const segment of segments) {
- const {start, end} = segment;
- const firstPoint = points[start];
- const lastPoint = points[findSegmentEnd(start, end, points)];
- if (first) {
- ctx.moveTo(firstPoint.x, firstPoint.y);
- first = false;
- } else {
- ctx.lineTo(firstPoint.x, clipY);
- ctx.lineTo(firstPoint.x, firstPoint.y);
- }
- lineLoop = !!target.pathSegment(ctx, segment, {move: lineLoop});
- if (lineLoop) {
- ctx.closePath();
- } else {
- ctx.lineTo(lastPoint.x, clipY);
- }
- }
- ctx.lineTo(target.first().x, clipY);
- ctx.closePath();
- ctx.clip();
-}
-function getBounds(property, first, last, loop) {
- if (loop) {
- return;
- }
- let start = first[property];
- let end = last[property];
- if (property === 'angle') {
- start = _normalizeAngle(start);
- end = _normalizeAngle(end);
- }
- return {property, start, end};
-}
-function _getEdge(a, b, prop, fn) {
- if (a && b) {
- return fn(a[prop], b[prop]);
- }
- return a ? a[prop] : b ? b[prop] : 0;
-}
-function _segments(line, target, property) {
- const segments = line.segments;
- const points = line.points;
- const tpoints = target.points;
- const parts = [];
- for (const segment of segments) {
- let {start, end} = segment;
- end = findSegmentEnd(start, end, points);
- const bounds = getBounds(property, points[start], points[end], segment.loop);
- if (!target.segments) {
- parts.push({
- source: segment,
- target: bounds,
- start: points[start],
- end: points[end]
- });
- continue;
- }
- const targetSegments = _boundSegments(target, bounds);
- for (const tgt of targetSegments) {
- const subBounds = getBounds(property, tpoints[tgt.start], tpoints[tgt.end], tgt.loop);
- const fillSources = _boundSegment(segment, points, subBounds);
- for (const fillSource of fillSources) {
- parts.push({
- source: fillSource,
- target: tgt,
- start: {
- [property]: _getEdge(bounds, subBounds, 'start', Math.max)
- },
- end: {
- [property]: _getEdge(bounds, subBounds, 'end', Math.min)
- }
- });
- }
- }
- }
- return parts;
-}
-function clipBounds(ctx, scale, bounds) {
- const {top, bottom} = scale.chart.chartArea;
- const {property, start, end} = bounds || {};
- if (property === 'x') {
- ctx.beginPath();
- ctx.rect(start, top, end - start, bottom - top);
- ctx.clip();
- }
-}
-function interpolatedLineTo(ctx, target, point, property) {
- const interpolatedPoint = target.interpolate(point, property);
- if (interpolatedPoint) {
- ctx.lineTo(interpolatedPoint.x, interpolatedPoint.y);
- }
-}
-function _fill(ctx, cfg) {
- const {line, target, property, color, scale} = cfg;
- const segments = _segments(line, target, property);
- for (const {source: src, target: tgt, start, end} of segments) {
- const {style: {backgroundColor = color} = {}} = src;
- const notShape = target !== true;
- ctx.save();
- ctx.fillStyle = backgroundColor;
- clipBounds(ctx, scale, notShape && getBounds(property, start, end));
- ctx.beginPath();
- const lineLoop = !!line.pathSegment(ctx, src);
- let loop;
- if (notShape) {
- if (lineLoop) {
- ctx.closePath();
- } else {
- interpolatedLineTo(ctx, target, end, property);
- }
- const targetLoop = !!target.pathSegment(ctx, tgt, {move: lineLoop, reverse: true});
- loop = lineLoop && targetLoop;
- if (!loop) {
- interpolatedLineTo(ctx, target, start, property);
- }
- }
- ctx.closePath();
- ctx.fill(loop ? 'evenodd' : 'nonzero');
- ctx.restore();
- }
-}
-function doFill(ctx, cfg) {
- const {line, target, above, below, area, scale} = cfg;
- const property = line._loop ? 'angle' : cfg.axis;
- ctx.save();
- if (property === 'x' && below !== above) {
- _clip(ctx, target, area.top);
- _fill(ctx, {line, target, color: above, scale, property});
- ctx.restore();
- ctx.save();
- _clip(ctx, target, area.bottom);
- }
- _fill(ctx, {line, target, color: below, scale, property});
- ctx.restore();
-}
-function drawfill(ctx, source, area) {
- const target = getTarget(source);
- const {line, scale, axis} = source;
- const lineOpts = line.options;
- const fillOption = lineOpts.fill;
- const color = lineOpts.backgroundColor;
- const {above = color, below = color} = fillOption || {};
- if (target && line.points.length) {
- clipArea(ctx, area);
- doFill(ctx, {line, target, above, below, area, scale, axis});
- unclipArea(ctx);
- }
-}
-var plugin_filler = {
- id: 'filler',
- afterDatasetsUpdate(chart, _args, options) {
- const count = (chart.data.datasets || []).length;
- const sources = [];
- let meta, i, line, source;
- for (i = 0; i < count; ++i) {
- meta = chart.getDatasetMeta(i);
- line = meta.dataset;
- source = null;
- if (line && line.options && line instanceof LineElement) {
- source = {
- visible: chart.isDatasetVisible(i),
- index: i,
- fill: decodeFill(line, i, count),
- chart,
- axis: meta.controller.options.indexAxis,
- scale: meta.vScale,
- line,
- };
- }
- meta.$filler = source;
- sources.push(source);
- }
- for (i = 0; i < count; ++i) {
- source = sources[i];
- if (!source || source.fill === false) {
- continue;
- }
- source.fill = resolveTarget(sources, i, options.propagate);
- }
- },
- beforeDraw(chart, _args, options) {
- const draw = options.drawTime === 'beforeDraw';
- const metasets = chart.getSortedVisibleDatasetMetas();
- const area = chart.chartArea;
- for (let i = metasets.length - 1; i >= 0; --i) {
- const source = metasets[i].$filler;
- if (!source) {
- continue;
- }
- source.line.updateControlPoints(area, source.axis);
- if (draw) {
- drawfill(chart.ctx, source, area);
- }
- }
- },
- beforeDatasetsDraw(chart, _args, options) {
- if (options.drawTime !== 'beforeDatasetsDraw') {
- return;
- }
- const metasets = chart.getSortedVisibleDatasetMetas();
- for (let i = metasets.length - 1; i >= 0; --i) {
- const source = metasets[i].$filler;
- if (source) {
- drawfill(chart.ctx, source, chart.chartArea);
- }
- }
- },
- beforeDatasetDraw(chart, args, options) {
- const source = args.meta.$filler;
- if (!source || source.fill === false || options.drawTime !== 'beforeDatasetDraw') {
- return;
- }
- drawfill(chart.ctx, source, chart.chartArea);
- },
- defaults: {
- propagate: true,
- drawTime: 'beforeDatasetDraw'
- }
-};
-
-const getBoxSize = (labelOpts, fontSize) => {
- let {boxHeight = fontSize, boxWidth = fontSize} = labelOpts;
- if (labelOpts.usePointStyle) {
- boxHeight = Math.min(boxHeight, fontSize);
- boxWidth = Math.min(boxWidth, fontSize);
- }
- return {
- boxWidth,
- boxHeight,
- itemHeight: Math.max(fontSize, boxHeight)
- };
-};
-const itemsEqual = (a, b) => a !== null && b !== null && a.datasetIndex === b.datasetIndex && a.index === b.index;
-class Legend extends Element {
- constructor(config) {
- super();
- this._added = false;
- this.legendHitBoxes = [];
- this._hoveredItem = null;
- this.doughnutMode = false;
- this.chart = config.chart;
- this.options = config.options;
- this.ctx = config.ctx;
- this.legendItems = undefined;
- this.columnSizes = undefined;
- this.lineWidths = undefined;
- this.maxHeight = undefined;
- this.maxWidth = undefined;
- this.top = undefined;
- this.bottom = undefined;
- this.left = undefined;
- this.right = undefined;
- this.height = undefined;
- this.width = undefined;
- this._margins = undefined;
- this.position = undefined;
- this.weight = undefined;
- this.fullSize = undefined;
- }
- update(maxWidth, maxHeight, margins) {
- this.maxWidth = maxWidth;
- this.maxHeight = maxHeight;
- this._margins = margins;
- this.setDimensions();
- this.buildLabels();
- this.fit();
- }
- setDimensions() {
- if (this.isHorizontal()) {
- this.width = this.maxWidth;
- this.left = this._margins.left;
- this.right = this.width;
- } else {
- this.height = this.maxHeight;
- this.top = this._margins.top;
- this.bottom = this.height;
- }
- }
- buildLabels() {
- const labelOpts = this.options.labels || {};
- let legendItems = callback(labelOpts.generateLabels, [this.chart], this) || [];
- if (labelOpts.filter) {
- legendItems = legendItems.filter((item) => labelOpts.filter(item, this.chart.data));
- }
- if (labelOpts.sort) {
- legendItems = legendItems.sort((a, b) => labelOpts.sort(a, b, this.chart.data));
- }
- if (this.options.reverse) {
- legendItems.reverse();
- }
- this.legendItems = legendItems;
- }
- fit() {
- const {options, ctx} = this;
- if (!options.display) {
- this.width = this.height = 0;
- return;
- }
- const labelOpts = options.labels;
- const labelFont = toFont(labelOpts.font);
- const fontSize = labelFont.size;
- const titleHeight = this._computeTitleHeight();
- const {boxWidth, itemHeight} = getBoxSize(labelOpts, fontSize);
- let width, height;
- ctx.font = labelFont.string;
- if (this.isHorizontal()) {
- width = this.maxWidth;
- height = this._fitRows(titleHeight, fontSize, boxWidth, itemHeight) + 10;
- } else {
- height = this.maxHeight;
- width = this._fitCols(titleHeight, fontSize, boxWidth, itemHeight) + 10;
- }
- this.width = Math.min(width, options.maxWidth || this.maxWidth);
- this.height = Math.min(height, options.maxHeight || this.maxHeight);
- }
- _fitRows(titleHeight, fontSize, boxWidth, itemHeight) {
- const {ctx, maxWidth, options: {labels: {padding}}} = this;
- const hitboxes = this.legendHitBoxes = [];
- const lineWidths = this.lineWidths = [0];
- const lineHeight = itemHeight + padding;
- let totalHeight = titleHeight;
- ctx.textAlign = 'left';
- ctx.textBaseline = 'middle';
- let row = -1;
- let top = -lineHeight;
- this.legendItems.forEach((legendItem, i) => {
- const itemWidth = boxWidth + (fontSize / 2) + ctx.measureText(legendItem.text).width;
- if (i === 0 || lineWidths[lineWidths.length - 1] + itemWidth + 2 * padding > maxWidth) {
- totalHeight += lineHeight;
- lineWidths[lineWidths.length - (i > 0 ? 0 : 1)] = 0;
- top += lineHeight;
- row++;
- }
- hitboxes[i] = {left: 0, top, row, width: itemWidth, height: itemHeight};
- lineWidths[lineWidths.length - 1] += itemWidth + padding;
- });
- return totalHeight;
- }
- _fitCols(titleHeight, fontSize, boxWidth, itemHeight) {
- const {ctx, maxHeight, options: {labels: {padding}}} = this;
- const hitboxes = this.legendHitBoxes = [];
- const columnSizes = this.columnSizes = [];
- const heightLimit = maxHeight - titleHeight;
- let totalWidth = padding;
- let currentColWidth = 0;
- let currentColHeight = 0;
- let left = 0;
- let col = 0;
- this.legendItems.forEach((legendItem, i) => {
- const itemWidth = boxWidth + (fontSize / 2) + ctx.measureText(legendItem.text).width;
- if (i > 0 && currentColHeight + itemHeight + 2 * padding > heightLimit) {
- totalWidth += currentColWidth + padding;
- columnSizes.push({width: currentColWidth, height: currentColHeight});
- left += currentColWidth + padding;
- col++;
- currentColWidth = currentColHeight = 0;
- }
- hitboxes[i] = {left, top: currentColHeight, col, width: itemWidth, height: itemHeight};
- currentColWidth = Math.max(currentColWidth, itemWidth);
- currentColHeight += itemHeight + padding;
- });
- totalWidth += currentColWidth;
- columnSizes.push({width: currentColWidth, height: currentColHeight});
- return totalWidth;
- }
- adjustHitBoxes() {
- if (!this.options.display) {
- return;
- }
- const titleHeight = this._computeTitleHeight();
- const {legendHitBoxes: hitboxes, options: {align, labels: {padding}, rtl}} = this;
- const rtlHelper = getRtlAdapter(rtl, this.left, this.width);
- if (this.isHorizontal()) {
- let row = 0;
- let left = _alignStartEnd(align, this.left + padding, this.right - this.lineWidths[row]);
- for (const hitbox of hitboxes) {
- if (row !== hitbox.row) {
- row = hitbox.row;
- left = _alignStartEnd(align, this.left + padding, this.right - this.lineWidths[row]);
- }
- hitbox.top += this.top + titleHeight + padding;
- hitbox.left = rtlHelper.leftForLtr(rtlHelper.x(left), hitbox.width);
- left += hitbox.width + padding;
- }
- } else {
- let col = 0;
- let top = _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - this.columnSizes[col].height);
- for (const hitbox of hitboxes) {
- if (hitbox.col !== col) {
- col = hitbox.col;
- top = _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - this.columnSizes[col].height);
- }
- hitbox.top = top;
- hitbox.left += this.left + padding;
- hitbox.left = rtlHelper.leftForLtr(rtlHelper.x(hitbox.left), hitbox.width);
- top += hitbox.height + padding;
- }
- }
- }
- isHorizontal() {
- return this.options.position === 'top' || this.options.position === 'bottom';
- }
- draw() {
- if (this.options.display) {
- const ctx = this.ctx;
- clipArea(ctx, this);
- this._draw();
- unclipArea(ctx);
- }
- }
- _draw() {
- const {options: opts, columnSizes, lineWidths, ctx} = this;
- const {align, labels: labelOpts} = opts;
- const defaultColor = defaults.color;
- const rtlHelper = getRtlAdapter(opts.rtl, this.left, this.width);
- const labelFont = toFont(labelOpts.font);
- const {color: fontColor, padding} = labelOpts;
- const fontSize = labelFont.size;
- const halfFontSize = fontSize / 2;
- let cursor;
- this.drawTitle();
- ctx.textAlign = rtlHelper.textAlign('left');
- ctx.textBaseline = 'middle';
- ctx.lineWidth = 0.5;
- ctx.font = labelFont.string;
- const {boxWidth, boxHeight, itemHeight} = getBoxSize(labelOpts, fontSize);
- const drawLegendBox = function(x, y, legendItem) {
- if (isNaN(boxWidth) || boxWidth <= 0 || isNaN(boxHeight) || boxHeight < 0) {
- return;
- }
- ctx.save();
- const lineWidth = valueOrDefault(legendItem.lineWidth, 1);
- ctx.fillStyle = valueOrDefault(legendItem.fillStyle, defaultColor);
- ctx.lineCap = valueOrDefault(legendItem.lineCap, 'butt');
- ctx.lineDashOffset = valueOrDefault(legendItem.lineDashOffset, 0);
- ctx.lineJoin = valueOrDefault(legendItem.lineJoin, 'miter');
- ctx.lineWidth = lineWidth;
- ctx.strokeStyle = valueOrDefault(legendItem.strokeStyle, defaultColor);
- ctx.setLineDash(valueOrDefault(legendItem.lineDash, []));
- if (labelOpts.usePointStyle) {
- const drawOptions = {
- radius: boxWidth * Math.SQRT2 / 2,
- pointStyle: legendItem.pointStyle,
- rotation: legendItem.rotation,
- borderWidth: lineWidth
- };
- const centerX = rtlHelper.xPlus(x, boxWidth / 2);
- const centerY = y + halfFontSize;
- drawPoint(ctx, drawOptions, centerX, centerY);
- } else {
- const yBoxTop = y + Math.max((fontSize - boxHeight) / 2, 0);
- const xBoxLeft = rtlHelper.leftForLtr(x, boxWidth);
- const borderRadius = toTRBLCorners(legendItem.borderRadius);
- ctx.beginPath();
- if (Object.values(borderRadius).some(v => v !== 0)) {
- addRoundedRectPath(ctx, {
- x: xBoxLeft,
- y: yBoxTop,
- w: boxWidth,
- h: boxHeight,
- radius: borderRadius,
- });
- } else {
- ctx.rect(xBoxLeft, yBoxTop, boxWidth, boxHeight);
- }
- ctx.fill();
- if (lineWidth !== 0) {
- ctx.stroke();
- }
- }
- ctx.restore();
- };
- const fillText = function(x, y, legendItem) {
- renderText(ctx, legendItem.text, x, y + (itemHeight / 2), labelFont, {
- strikethrough: legendItem.hidden,
- textAlign: rtlHelper.textAlign(legendItem.textAlign)
- });
- };
- const isHorizontal = this.isHorizontal();
- const titleHeight = this._computeTitleHeight();
- if (isHorizontal) {
- cursor = {
- x: _alignStartEnd(align, this.left + padding, this.right - lineWidths[0]),
- y: this.top + padding + titleHeight,
- line: 0
- };
- } else {
- cursor = {
- x: this.left + padding,
- y: _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - columnSizes[0].height),
- line: 0
- };
- }
- overrideTextDirection(this.ctx, opts.textDirection);
- const lineHeight = itemHeight + padding;
- this.legendItems.forEach((legendItem, i) => {
- ctx.strokeStyle = legendItem.fontColor || fontColor;
- ctx.fillStyle = legendItem.fontColor || fontColor;
- const textWidth = ctx.measureText(legendItem.text).width;
- const textAlign = rtlHelper.textAlign(legendItem.textAlign || (legendItem.textAlign = labelOpts.textAlign));
- const width = boxWidth + halfFontSize + textWidth;
- let x = cursor.x;
- let y = cursor.y;
- rtlHelper.setWidth(this.width);
- if (isHorizontal) {
- if (i > 0 && x + width + padding > this.right) {
- y = cursor.y += lineHeight;
- cursor.line++;
- x = cursor.x = _alignStartEnd(align, this.left + padding, this.right - lineWidths[cursor.line]);
- }
- } else if (i > 0 && y + lineHeight > this.bottom) {
- x = cursor.x = x + columnSizes[cursor.line].width + padding;
- cursor.line++;
- y = cursor.y = _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - columnSizes[cursor.line].height);
- }
- const realX = rtlHelper.x(x);
- drawLegendBox(realX, y, legendItem);
- x = _textX(textAlign, x + boxWidth + halfFontSize, isHorizontal ? x + width : this.right, opts.rtl);
- fillText(rtlHelper.x(x), y, legendItem);
- if (isHorizontal) {
- cursor.x += width + padding;
- } else {
- cursor.y += lineHeight;
- }
- });
- restoreTextDirection(this.ctx, opts.textDirection);
- }
- drawTitle() {
- const opts = this.options;
- const titleOpts = opts.title;
- const titleFont = toFont(titleOpts.font);
- const titlePadding = toPadding(titleOpts.padding);
- if (!titleOpts.display) {
- return;
- }
- const rtlHelper = getRtlAdapter(opts.rtl, this.left, this.width);
- const ctx = this.ctx;
- const position = titleOpts.position;
- const halfFontSize = titleFont.size / 2;
- const topPaddingPlusHalfFontSize = titlePadding.top + halfFontSize;
- let y;
- let left = this.left;
- let maxWidth = this.width;
- if (this.isHorizontal()) {
- maxWidth = Math.max(...this.lineWidths);
- y = this.top + topPaddingPlusHalfFontSize;
- left = _alignStartEnd(opts.align, left, this.right - maxWidth);
- } else {
- const maxHeight = this.columnSizes.reduce((acc, size) => Math.max(acc, size.height), 0);
- y = topPaddingPlusHalfFontSize + _alignStartEnd(opts.align, this.top, this.bottom - maxHeight - opts.labels.padding - this._computeTitleHeight());
- }
- const x = _alignStartEnd(position, left, left + maxWidth);
- ctx.textAlign = rtlHelper.textAlign(_toLeftRightCenter(position));
- ctx.textBaseline = 'middle';
- ctx.strokeStyle = titleOpts.color;
- ctx.fillStyle = titleOpts.color;
- ctx.font = titleFont.string;
- renderText(ctx, titleOpts.text, x, y, titleFont);
- }
- _computeTitleHeight() {
- const titleOpts = this.options.title;
- const titleFont = toFont(titleOpts.font);
- const titlePadding = toPadding(titleOpts.padding);
- return titleOpts.display ? titleFont.lineHeight + titlePadding.height : 0;
- }
- _getLegendItemAt(x, y) {
- let i, hitBox, lh;
- if (_isBetween(x, this.left, this.right)
- && _isBetween(y, this.top, this.bottom)) {
- lh = this.legendHitBoxes;
- for (i = 0; i < lh.length; ++i) {
- hitBox = lh[i];
- if (_isBetween(x, hitBox.left, hitBox.left + hitBox.width)
- && _isBetween(y, hitBox.top, hitBox.top + hitBox.height)) {
- return this.legendItems[i];
- }
- }
- }
- return null;
- }
- handleEvent(e) {
- const opts = this.options;
- if (!isListened(e.type, opts)) {
- return;
- }
- const hoveredItem = this._getLegendItemAt(e.x, e.y);
- if (e.type === 'mousemove') {
- const previous = this._hoveredItem;
- const sameItem = itemsEqual(previous, hoveredItem);
- if (previous && !sameItem) {
- callback(opts.onLeave, [e, previous, this], this);
- }
- this._hoveredItem = hoveredItem;
- if (hoveredItem && !sameItem) {
- callback(opts.onHover, [e, hoveredItem, this], this);
- }
- } else if (hoveredItem) {
- callback(opts.onClick, [e, hoveredItem, this], this);
- }
- }
-}
-function isListened(type, opts) {
- if (type === 'mousemove' && (opts.onHover || opts.onLeave)) {
- return true;
- }
- if (opts.onClick && (type === 'click' || type === 'mouseup')) {
- return true;
- }
- return false;
-}
-var plugin_legend = {
- id: 'legend',
- _element: Legend,
- start(chart, _args, options) {
- const legend = chart.legend = new Legend({ctx: chart.ctx, options, chart});
- layouts.configure(chart, legend, options);
- layouts.addBox(chart, legend);
- },
- stop(chart) {
- layouts.removeBox(chart, chart.legend);
- delete chart.legend;
- },
- beforeUpdate(chart, _args, options) {
- const legend = chart.legend;
- layouts.configure(chart, legend, options);
- legend.options = options;
- },
- afterUpdate(chart) {
- const legend = chart.legend;
- legend.buildLabels();
- legend.adjustHitBoxes();
- },
- afterEvent(chart, args) {
- if (!args.replay) {
- chart.legend.handleEvent(args.event);
- }
- },
- defaults: {
- display: true,
- position: 'top',
- align: 'center',
- fullSize: true,
- reverse: false,
- weight: 1000,
- onClick(e, legendItem, legend) {
- const index = legendItem.datasetIndex;
- const ci = legend.chart;
- if (ci.isDatasetVisible(index)) {
- ci.hide(index);
- legendItem.hidden = true;
- } else {
- ci.show(index);
- legendItem.hidden = false;
- }
- },
- onHover: null,
- onLeave: null,
- labels: {
- color: (ctx) => ctx.chart.options.color,
- boxWidth: 40,
- padding: 10,
- generateLabels(chart) {
- const datasets = chart.data.datasets;
- const {labels: {usePointStyle, pointStyle, textAlign, color}} = chart.legend.options;
- return chart._getSortedDatasetMetas().map((meta) => {
- const style = meta.controller.getStyle(usePointStyle ? 0 : undefined);
- const borderWidth = toPadding(style.borderWidth);
- return {
- text: datasets[meta.index].label,
- fillStyle: style.backgroundColor,
- fontColor: color,
- hidden: !meta.visible,
- lineCap: style.borderCapStyle,
- lineDash: style.borderDash,
- lineDashOffset: style.borderDashOffset,
- lineJoin: style.borderJoinStyle,
- lineWidth: (borderWidth.width + borderWidth.height) / 4,
- strokeStyle: style.borderColor,
- pointStyle: pointStyle || style.pointStyle,
- rotation: style.rotation,
- textAlign: textAlign || style.textAlign,
- borderRadius: 0,
- datasetIndex: meta.index
- };
- }, this);
- }
- },
- title: {
- color: (ctx) => ctx.chart.options.color,
- display: false,
- position: 'center',
- text: '',
- }
- },
- descriptors: {
- _scriptable: (name) => !name.startsWith('on'),
- labels: {
- _scriptable: (name) => !['generateLabels', 'filter', 'sort'].includes(name),
- }
- },
-};
-
-class Title extends Element {
- constructor(config) {
- super();
- this.chart = config.chart;
- this.options = config.options;
- this.ctx = config.ctx;
- this._padding = undefined;
- this.top = undefined;
- this.bottom = undefined;
- this.left = undefined;
- this.right = undefined;
- this.width = undefined;
- this.height = undefined;
- this.position = undefined;
- this.weight = undefined;
- this.fullSize = undefined;
- }
- update(maxWidth, maxHeight) {
- const opts = this.options;
- this.left = 0;
- this.top = 0;
- if (!opts.display) {
- this.width = this.height = this.right = this.bottom = 0;
- return;
- }
- this.width = this.right = maxWidth;
- this.height = this.bottom = maxHeight;
- const lineCount = isArray(opts.text) ? opts.text.length : 1;
- this._padding = toPadding(opts.padding);
- const textSize = lineCount * toFont(opts.font).lineHeight + this._padding.height;
- if (this.isHorizontal()) {
- this.height = textSize;
- } else {
- this.width = textSize;
- }
- }
- isHorizontal() {
- const pos = this.options.position;
- return pos === 'top' || pos === 'bottom';
- }
- _drawArgs(offset) {
- const {top, left, bottom, right, options} = this;
- const align = options.align;
- let rotation = 0;
- let maxWidth, titleX, titleY;
- if (this.isHorizontal()) {
- titleX = _alignStartEnd(align, left, right);
- titleY = top + offset;
- maxWidth = right - left;
- } else {
- if (options.position === 'left') {
- titleX = left + offset;
- titleY = _alignStartEnd(align, bottom, top);
- rotation = PI * -0.5;
- } else {
- titleX = right - offset;
- titleY = _alignStartEnd(align, top, bottom);
- rotation = PI * 0.5;
- }
- maxWidth = bottom - top;
- }
- return {titleX, titleY, maxWidth, rotation};
- }
- draw() {
- const ctx = this.ctx;
- const opts = this.options;
- if (!opts.display) {
- return;
- }
- const fontOpts = toFont(opts.font);
- const lineHeight = fontOpts.lineHeight;
- const offset = lineHeight / 2 + this._padding.top;
- const {titleX, titleY, maxWidth, rotation} = this._drawArgs(offset);
- renderText(ctx, opts.text, 0, 0, fontOpts, {
- color: opts.color,
- maxWidth,
- rotation,
- textAlign: _toLeftRightCenter(opts.align),
- textBaseline: 'middle',
- translation: [titleX, titleY],
- });
- }
-}
-function createTitle(chart, titleOpts) {
- const title = new Title({
- ctx: chart.ctx,
- options: titleOpts,
- chart
- });
- layouts.configure(chart, title, titleOpts);
- layouts.addBox(chart, title);
- chart.titleBlock = title;
-}
-var plugin_title = {
- id: 'title',
- _element: Title,
- start(chart, _args, options) {
- createTitle(chart, options);
- },
- stop(chart) {
- const titleBlock = chart.titleBlock;
- layouts.removeBox(chart, titleBlock);
- delete chart.titleBlock;
- },
- beforeUpdate(chart, _args, options) {
- const title = chart.titleBlock;
- layouts.configure(chart, title, options);
- title.options = options;
- },
- defaults: {
- align: 'center',
- display: false,
- font: {
- weight: 'bold',
- },
- fullSize: true,
- padding: 10,
- position: 'top',
- text: '',
- weight: 2000
- },
- defaultRoutes: {
- color: 'color'
- },
- descriptors: {
- _scriptable: true,
- _indexable: false,
- },
-};
-
-const map = new WeakMap();
-var plugin_subtitle = {
- id: 'subtitle',
- start(chart, _args, options) {
- const title = new Title({
- ctx: chart.ctx,
- options,
- chart
- });
- layouts.configure(chart, title, options);
- layouts.addBox(chart, title);
- map.set(chart, title);
- },
- stop(chart) {
- layouts.removeBox(chart, map.get(chart));
- map.delete(chart);
- },
- beforeUpdate(chart, _args, options) {
- const title = map.get(chart);
- layouts.configure(chart, title, options);
- title.options = options;
- },
- defaults: {
- align: 'center',
- display: false,
- font: {
- weight: 'normal',
- },
- fullSize: true,
- padding: 0,
- position: 'top',
- text: '',
- weight: 1500
- },
- defaultRoutes: {
- color: 'color'
- },
- descriptors: {
- _scriptable: true,
- _indexable: false,
- },
-};
-
-const positioners = {
- average(items) {
- if (!items.length) {
- return false;
- }
- let i, len;
- let x = 0;
- let y = 0;
- let count = 0;
- for (i = 0, len = items.length; i < len; ++i) {
- const el = items[i].element;
- if (el && el.hasValue()) {
- const pos = el.tooltipPosition();
- x += pos.x;
- y += pos.y;
- ++count;
- }
- }
- return {
- x: x / count,
- y: y / count
- };
- },
- nearest(items, eventPosition) {
- if (!items.length) {
- return false;
- }
- let x = eventPosition.x;
- let y = eventPosition.y;
- let minDistance = Number.POSITIVE_INFINITY;
- let i, len, nearestElement;
- for (i = 0, len = items.length; i < len; ++i) {
- const el = items[i].element;
- if (el && el.hasValue()) {
- const center = el.getCenterPoint();
- const d = distanceBetweenPoints(eventPosition, center);
- if (d < minDistance) {
- minDistance = d;
- nearestElement = el;
- }
- }
- }
- if (nearestElement) {
- const tp = nearestElement.tooltipPosition();
- x = tp.x;
- y = tp.y;
- }
- return {
- x,
- y
- };
- }
-};
-function pushOrConcat(base, toPush) {
- if (toPush) {
- if (isArray(toPush)) {
- Array.prototype.push.apply(base, toPush);
- } else {
- base.push(toPush);
- }
- }
- return base;
-}
-function splitNewlines(str) {
- if ((typeof str === 'string' || str instanceof String) && str.indexOf('\n') > -1) {
- return str.split('\n');
- }
- return str;
-}
-function createTooltipItem(chart, item) {
- const {element, datasetIndex, index} = item;
- const controller = chart.getDatasetMeta(datasetIndex).controller;
- const {label, value} = controller.getLabelAndValue(index);
- return {
- chart,
- label,
- parsed: controller.getParsed(index),
- raw: chart.data.datasets[datasetIndex].data[index],
- formattedValue: value,
- dataset: controller.getDataset(),
- dataIndex: index,
- datasetIndex,
- element
- };
-}
-function getTooltipSize(tooltip, options) {
- const ctx = tooltip.chart.ctx;
- const {body, footer, title} = tooltip;
- const {boxWidth, boxHeight} = options;
- const bodyFont = toFont(options.bodyFont);
- const titleFont = toFont(options.titleFont);
- const footerFont = toFont(options.footerFont);
- const titleLineCount = title.length;
- const footerLineCount = footer.length;
- const bodyLineItemCount = body.length;
- const padding = toPadding(options.padding);
- let height = padding.height;
- let width = 0;
- let combinedBodyLength = body.reduce((count, bodyItem) => count + bodyItem.before.length + bodyItem.lines.length + bodyItem.after.length, 0);
- combinedBodyLength += tooltip.beforeBody.length + tooltip.afterBody.length;
- if (titleLineCount) {
- height += titleLineCount * titleFont.lineHeight
- + (titleLineCount - 1) * options.titleSpacing
- + options.titleMarginBottom;
- }
- if (combinedBodyLength) {
- const bodyLineHeight = options.displayColors ? Math.max(boxHeight, bodyFont.lineHeight) : bodyFont.lineHeight;
- height += bodyLineItemCount * bodyLineHeight
- + (combinedBodyLength - bodyLineItemCount) * bodyFont.lineHeight
- + (combinedBodyLength - 1) * options.bodySpacing;
- }
- if (footerLineCount) {
- height += options.footerMarginTop
- + footerLineCount * footerFont.lineHeight
- + (footerLineCount - 1) * options.footerSpacing;
- }
- let widthPadding = 0;
- const maxLineWidth = function(line) {
- width = Math.max(width, ctx.measureText(line).width + widthPadding);
- };
- ctx.save();
- ctx.font = titleFont.string;
- each(tooltip.title, maxLineWidth);
- ctx.font = bodyFont.string;
- each(tooltip.beforeBody.concat(tooltip.afterBody), maxLineWidth);
- widthPadding = options.displayColors ? (boxWidth + 2 + options.boxPadding) : 0;
- each(body, (bodyItem) => {
- each(bodyItem.before, maxLineWidth);
- each(bodyItem.lines, maxLineWidth);
- each(bodyItem.after, maxLineWidth);
- });
- widthPadding = 0;
- ctx.font = footerFont.string;
- each(tooltip.footer, maxLineWidth);
- ctx.restore();
- width += padding.width;
- return {width, height};
-}
-function determineYAlign(chart, size) {
- const {y, height} = size;
- if (y < height / 2) {
- return 'top';
- } else if (y > (chart.height - height / 2)) {
- return 'bottom';
- }
- return 'center';
-}
-function doesNotFitWithAlign(xAlign, chart, options, size) {
- const {x, width} = size;
- const caret = options.caretSize + options.caretPadding;
- if (xAlign === 'left' && x + width + caret > chart.width) {
- return true;
- }
- if (xAlign === 'right' && x - width - caret < 0) {
- return true;
- }
-}
-function determineXAlign(chart, options, size, yAlign) {
- const {x, width} = size;
- const {width: chartWidth, chartArea: {left, right}} = chart;
- let xAlign = 'center';
- if (yAlign === 'center') {
- xAlign = x <= (left + right) / 2 ? 'left' : 'right';
- } else if (x <= width / 2) {
- xAlign = 'left';
- } else if (x >= chartWidth - width / 2) {
- xAlign = 'right';
- }
- if (doesNotFitWithAlign(xAlign, chart, options, size)) {
- xAlign = 'center';
- }
- return xAlign;
-}
-function determineAlignment(chart, options, size) {
- const yAlign = size.yAlign || options.yAlign || determineYAlign(chart, size);
- return {
- xAlign: size.xAlign || options.xAlign || determineXAlign(chart, options, size, yAlign),
- yAlign
- };
-}
-function alignX(size, xAlign) {
- let {x, width} = size;
- if (xAlign === 'right') {
- x -= width;
- } else if (xAlign === 'center') {
- x -= (width / 2);
- }
- return x;
-}
-function alignY(size, yAlign, paddingAndSize) {
- let {y, height} = size;
- if (yAlign === 'top') {
- y += paddingAndSize;
- } else if (yAlign === 'bottom') {
- y -= height + paddingAndSize;
- } else {
- y -= (height / 2);
- }
- return y;
-}
-function getBackgroundPoint(options, size, alignment, chart) {
- const {caretSize, caretPadding, cornerRadius} = options;
- const {xAlign, yAlign} = alignment;
- const paddingAndSize = caretSize + caretPadding;
- const {topLeft, topRight, bottomLeft, bottomRight} = toTRBLCorners(cornerRadius);
- let x = alignX(size, xAlign);
- const y = alignY(size, yAlign, paddingAndSize);
- if (yAlign === 'center') {
- if (xAlign === 'left') {
- x += paddingAndSize;
- } else if (xAlign === 'right') {
- x -= paddingAndSize;
- }
- } else if (xAlign === 'left') {
- x -= Math.max(topLeft, bottomLeft) + caretSize;
- } else if (xAlign === 'right') {
- x += Math.max(topRight, bottomRight) + caretSize;
- }
- return {
- x: _limitValue(x, 0, chart.width - size.width),
- y: _limitValue(y, 0, chart.height - size.height)
- };
-}
-function getAlignedX(tooltip, align, options) {
- const padding = toPadding(options.padding);
- return align === 'center'
- ? tooltip.x + tooltip.width / 2
- : align === 'right'
- ? tooltip.x + tooltip.width - padding.right
- : tooltip.x + padding.left;
-}
-function getBeforeAfterBodyLines(callback) {
- return pushOrConcat([], splitNewlines(callback));
-}
-function createTooltipContext(parent, tooltip, tooltipItems) {
- return createContext(parent, {
- tooltip,
- tooltipItems,
- type: 'tooltip'
- });
-}
-function overrideCallbacks(callbacks, context) {
- const override = context && context.dataset && context.dataset.tooltip && context.dataset.tooltip.callbacks;
- return override ? callbacks.override(override) : callbacks;
-}
-class Tooltip extends Element {
- constructor(config) {
- super();
- this.opacity = 0;
- this._active = [];
- this._eventPosition = undefined;
- this._size = undefined;
- this._cachedAnimations = undefined;
- this._tooltipItems = [];
- this.$animations = undefined;
- this.$context = undefined;
- this.chart = config.chart || config._chart;
- this._chart = this.chart;
- this.options = config.options;
- this.dataPoints = undefined;
- this.title = undefined;
- this.beforeBody = undefined;
- this.body = undefined;
- this.afterBody = undefined;
- this.footer = undefined;
- this.xAlign = undefined;
- this.yAlign = undefined;
- this.x = undefined;
- this.y = undefined;
- this.height = undefined;
- this.width = undefined;
- this.caretX = undefined;
- this.caretY = undefined;
- this.labelColors = undefined;
- this.labelPointStyles = undefined;
- this.labelTextColors = undefined;
- }
- initialize(options) {
- this.options = options;
- this._cachedAnimations = undefined;
- this.$context = undefined;
- }
- _resolveAnimations() {
- const cached = this._cachedAnimations;
- if (cached) {
- return cached;
- }
- const chart = this.chart;
- const options = this.options.setContext(this.getContext());
- const opts = options.enabled && chart.options.animation && options.animations;
- const animations = new Animations(this.chart, opts);
- if (opts._cacheable) {
- this._cachedAnimations = Object.freeze(animations);
- }
- return animations;
- }
- getContext() {
- return this.$context ||
- (this.$context = createTooltipContext(this.chart.getContext(), this, this._tooltipItems));
- }
- getTitle(context, options) {
- const {callbacks} = options;
- const beforeTitle = callbacks.beforeTitle.apply(this, [context]);
- const title = callbacks.title.apply(this, [context]);
- const afterTitle = callbacks.afterTitle.apply(this, [context]);
- let lines = [];
- lines = pushOrConcat(lines, splitNewlines(beforeTitle));
- lines = pushOrConcat(lines, splitNewlines(title));
- lines = pushOrConcat(lines, splitNewlines(afterTitle));
- return lines;
- }
- getBeforeBody(tooltipItems, options) {
- return getBeforeAfterBodyLines(options.callbacks.beforeBody.apply(this, [tooltipItems]));
- }
- getBody(tooltipItems, options) {
- const {callbacks} = options;
- const bodyItems = [];
- each(tooltipItems, (context) => {
- const bodyItem = {
- before: [],
- lines: [],
- after: []
- };
- const scoped = overrideCallbacks(callbacks, context);
- pushOrConcat(bodyItem.before, splitNewlines(scoped.beforeLabel.call(this, context)));
- pushOrConcat(bodyItem.lines, scoped.label.call(this, context));
- pushOrConcat(bodyItem.after, splitNewlines(scoped.afterLabel.call(this, context)));
- bodyItems.push(bodyItem);
- });
- return bodyItems;
- }
- getAfterBody(tooltipItems, options) {
- return getBeforeAfterBodyLines(options.callbacks.afterBody.apply(this, [tooltipItems]));
- }
- getFooter(tooltipItems, options) {
- const {callbacks} = options;
- const beforeFooter = callbacks.beforeFooter.apply(this, [tooltipItems]);
- const footer = callbacks.footer.apply(this, [tooltipItems]);
- const afterFooter = callbacks.afterFooter.apply(this, [tooltipItems]);
- let lines = [];
- lines = pushOrConcat(lines, splitNewlines(beforeFooter));
- lines = pushOrConcat(lines, splitNewlines(footer));
- lines = pushOrConcat(lines, splitNewlines(afterFooter));
- return lines;
- }
- _createItems(options) {
- const active = this._active;
- const data = this.chart.data;
- const labelColors = [];
- const labelPointStyles = [];
- const labelTextColors = [];
- let tooltipItems = [];
- let i, len;
- for (i = 0, len = active.length; i < len; ++i) {
- tooltipItems.push(createTooltipItem(this.chart, active[i]));
- }
- if (options.filter) {
- tooltipItems = tooltipItems.filter((element, index, array) => options.filter(element, index, array, data));
- }
- if (options.itemSort) {
- tooltipItems = tooltipItems.sort((a, b) => options.itemSort(a, b, data));
- }
- each(tooltipItems, (context) => {
- const scoped = overrideCallbacks(options.callbacks, context);
- labelColors.push(scoped.labelColor.call(this, context));
- labelPointStyles.push(scoped.labelPointStyle.call(this, context));
- labelTextColors.push(scoped.labelTextColor.call(this, context));
- });
- this.labelColors = labelColors;
- this.labelPointStyles = labelPointStyles;
- this.labelTextColors = labelTextColors;
- this.dataPoints = tooltipItems;
- return tooltipItems;
- }
- update(changed, replay) {
- const options = this.options.setContext(this.getContext());
- const active = this._active;
- let properties;
- let tooltipItems = [];
- if (!active.length) {
- if (this.opacity !== 0) {
- properties = {
- opacity: 0
- };
- }
- } else {
- const position = positioners[options.position].call(this, active, this._eventPosition);
- tooltipItems = this._createItems(options);
- this.title = this.getTitle(tooltipItems, options);
- this.beforeBody = this.getBeforeBody(tooltipItems, options);
- this.body = this.getBody(tooltipItems, options);
- this.afterBody = this.getAfterBody(tooltipItems, options);
- this.footer = this.getFooter(tooltipItems, options);
- const size = this._size = getTooltipSize(this, options);
- const positionAndSize = Object.assign({}, position, size);
- const alignment = determineAlignment(this.chart, options, positionAndSize);
- const backgroundPoint = getBackgroundPoint(options, positionAndSize, alignment, this.chart);
- this.xAlign = alignment.xAlign;
- this.yAlign = alignment.yAlign;
- properties = {
- opacity: 1,
- x: backgroundPoint.x,
- y: backgroundPoint.y,
- width: size.width,
- height: size.height,
- caretX: position.x,
- caretY: position.y
- };
- }
- this._tooltipItems = tooltipItems;
- this.$context = undefined;
- if (properties) {
- this._resolveAnimations().update(this, properties);
- }
- if (changed && options.external) {
- options.external.call(this, {chart: this.chart, tooltip: this, replay});
- }
- }
- drawCaret(tooltipPoint, ctx, size, options) {
- const caretPosition = this.getCaretPosition(tooltipPoint, size, options);
- ctx.lineTo(caretPosition.x1, caretPosition.y1);
- ctx.lineTo(caretPosition.x2, caretPosition.y2);
- ctx.lineTo(caretPosition.x3, caretPosition.y3);
- }
- getCaretPosition(tooltipPoint, size, options) {
- const {xAlign, yAlign} = this;
- const {caretSize, cornerRadius} = options;
- const {topLeft, topRight, bottomLeft, bottomRight} = toTRBLCorners(cornerRadius);
- const {x: ptX, y: ptY} = tooltipPoint;
- const {width, height} = size;
- let x1, x2, x3, y1, y2, y3;
- if (yAlign === 'center') {
- y2 = ptY + (height / 2);
- if (xAlign === 'left') {
- x1 = ptX;
- x2 = x1 - caretSize;
- y1 = y2 + caretSize;
- y3 = y2 - caretSize;
- } else {
- x1 = ptX + width;
- x2 = x1 + caretSize;
- y1 = y2 - caretSize;
- y3 = y2 + caretSize;
- }
- x3 = x1;
- } else {
- if (xAlign === 'left') {
- x2 = ptX + Math.max(topLeft, bottomLeft) + (caretSize);
- } else if (xAlign === 'right') {
- x2 = ptX + width - Math.max(topRight, bottomRight) - caretSize;
- } else {
- x2 = this.caretX;
- }
- if (yAlign === 'top') {
- y1 = ptY;
- y2 = y1 - caretSize;
- x1 = x2 - caretSize;
- x3 = x2 + caretSize;
- } else {
- y1 = ptY + height;
- y2 = y1 + caretSize;
- x1 = x2 + caretSize;
- x3 = x2 - caretSize;
- }
- y3 = y1;
- }
- return {x1, x2, x3, y1, y2, y3};
- }
- drawTitle(pt, ctx, options) {
- const title = this.title;
- const length = title.length;
- let titleFont, titleSpacing, i;
- if (length) {
- const rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);
- pt.x = getAlignedX(this, options.titleAlign, options);
- ctx.textAlign = rtlHelper.textAlign(options.titleAlign);
- ctx.textBaseline = 'middle';
- titleFont = toFont(options.titleFont);
- titleSpacing = options.titleSpacing;
- ctx.fillStyle = options.titleColor;
- ctx.font = titleFont.string;
- for (i = 0; i < length; ++i) {
- ctx.fillText(title[i], rtlHelper.x(pt.x), pt.y + titleFont.lineHeight / 2);
- pt.y += titleFont.lineHeight + titleSpacing;
- if (i + 1 === length) {
- pt.y += options.titleMarginBottom - titleSpacing;
- }
- }
- }
- }
- _drawColorBox(ctx, pt, i, rtlHelper, options) {
- const labelColors = this.labelColors[i];
- const labelPointStyle = this.labelPointStyles[i];
- const {boxHeight, boxWidth, boxPadding} = options;
- const bodyFont = toFont(options.bodyFont);
- const colorX = getAlignedX(this, 'left', options);
- const rtlColorX = rtlHelper.x(colorX);
- const yOffSet = boxHeight < bodyFont.lineHeight ? (bodyFont.lineHeight - boxHeight) / 2 : 0;
- const colorY = pt.y + yOffSet;
- if (options.usePointStyle) {
- const drawOptions = {
- radius: Math.min(boxWidth, boxHeight) / 2,
- pointStyle: labelPointStyle.pointStyle,
- rotation: labelPointStyle.rotation,
- borderWidth: 1
- };
- const centerX = rtlHelper.leftForLtr(rtlColorX, boxWidth) + boxWidth / 2;
- const centerY = colorY + boxHeight / 2;
- ctx.strokeStyle = options.multiKeyBackground;
- ctx.fillStyle = options.multiKeyBackground;
- drawPoint(ctx, drawOptions, centerX, centerY);
- ctx.strokeStyle = labelColors.borderColor;
- ctx.fillStyle = labelColors.backgroundColor;
- drawPoint(ctx, drawOptions, centerX, centerY);
- } else {
- ctx.lineWidth = labelColors.borderWidth || 1;
- ctx.strokeStyle = labelColors.borderColor;
- ctx.setLineDash(labelColors.borderDash || []);
- ctx.lineDashOffset = labelColors.borderDashOffset || 0;
- const outerX = rtlHelper.leftForLtr(rtlColorX, boxWidth - boxPadding);
- const innerX = rtlHelper.leftForLtr(rtlHelper.xPlus(rtlColorX, 1), boxWidth - boxPadding - 2);
- const borderRadius = toTRBLCorners(labelColors.borderRadius);
- if (Object.values(borderRadius).some(v => v !== 0)) {
- ctx.beginPath();
- ctx.fillStyle = options.multiKeyBackground;
- addRoundedRectPath(ctx, {
- x: outerX,
- y: colorY,
- w: boxWidth,
- h: boxHeight,
- radius: borderRadius,
- });
- ctx.fill();
- ctx.stroke();
- ctx.fillStyle = labelColors.backgroundColor;
- ctx.beginPath();
- addRoundedRectPath(ctx, {
- x: innerX,
- y: colorY + 1,
- w: boxWidth - 2,
- h: boxHeight - 2,
- radius: borderRadius,
- });
- ctx.fill();
- } else {
- ctx.fillStyle = options.multiKeyBackground;
- ctx.fillRect(outerX, colorY, boxWidth, boxHeight);
- ctx.strokeRect(outerX, colorY, boxWidth, boxHeight);
- ctx.fillStyle = labelColors.backgroundColor;
- ctx.fillRect(innerX, colorY + 1, boxWidth - 2, boxHeight - 2);
- }
- }
- ctx.fillStyle = this.labelTextColors[i];
- }
- drawBody(pt, ctx, options) {
- const {body} = this;
- const {bodySpacing, bodyAlign, displayColors, boxHeight, boxWidth, boxPadding} = options;
- const bodyFont = toFont(options.bodyFont);
- let bodyLineHeight = bodyFont.lineHeight;
- let xLinePadding = 0;
- const rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);
- const fillLineOfText = function(line) {
- ctx.fillText(line, rtlHelper.x(pt.x + xLinePadding), pt.y + bodyLineHeight / 2);
- pt.y += bodyLineHeight + bodySpacing;
- };
- const bodyAlignForCalculation = rtlHelper.textAlign(bodyAlign);
- let bodyItem, textColor, lines, i, j, ilen, jlen;
- ctx.textAlign = bodyAlign;
- ctx.textBaseline = 'middle';
- ctx.font = bodyFont.string;
- pt.x = getAlignedX(this, bodyAlignForCalculation, options);
- ctx.fillStyle = options.bodyColor;
- each(this.beforeBody, fillLineOfText);
- xLinePadding = displayColors && bodyAlignForCalculation !== 'right'
- ? bodyAlign === 'center' ? (boxWidth / 2 + boxPadding) : (boxWidth + 2 + boxPadding)
- : 0;
- for (i = 0, ilen = body.length; i < ilen; ++i) {
- bodyItem = body[i];
- textColor = this.labelTextColors[i];
- ctx.fillStyle = textColor;
- each(bodyItem.before, fillLineOfText);
- lines = bodyItem.lines;
- if (displayColors && lines.length) {
- this._drawColorBox(ctx, pt, i, rtlHelper, options);
- bodyLineHeight = Math.max(bodyFont.lineHeight, boxHeight);
- }
- for (j = 0, jlen = lines.length; j < jlen; ++j) {
- fillLineOfText(lines[j]);
- bodyLineHeight = bodyFont.lineHeight;
- }
- each(bodyItem.after, fillLineOfText);
- }
- xLinePadding = 0;
- bodyLineHeight = bodyFont.lineHeight;
- each(this.afterBody, fillLineOfText);
- pt.y -= bodySpacing;
- }
- drawFooter(pt, ctx, options) {
- const footer = this.footer;
- const length = footer.length;
- let footerFont, i;
- if (length) {
- const rtlHelper = getRtlAdapter(options.rtl, this.x, this.width);
- pt.x = getAlignedX(this, options.footerAlign, options);
- pt.y += options.footerMarginTop;
- ctx.textAlign = rtlHelper.textAlign(options.footerAlign);
- ctx.textBaseline = 'middle';
- footerFont = toFont(options.footerFont);
- ctx.fillStyle = options.footerColor;
- ctx.font = footerFont.string;
- for (i = 0; i < length; ++i) {
- ctx.fillText(footer[i], rtlHelper.x(pt.x), pt.y + footerFont.lineHeight / 2);
- pt.y += footerFont.lineHeight + options.footerSpacing;
- }
- }
- }
- drawBackground(pt, ctx, tooltipSize, options) {
- const {xAlign, yAlign} = this;
- const {x, y} = pt;
- const {width, height} = tooltipSize;
- const {topLeft, topRight, bottomLeft, bottomRight} = toTRBLCorners(options.cornerRadius);
- ctx.fillStyle = options.backgroundColor;
- ctx.strokeStyle = options.borderColor;
- ctx.lineWidth = options.borderWidth;
- ctx.beginPath();
- ctx.moveTo(x + topLeft, y);
- if (yAlign === 'top') {
- this.drawCaret(pt, ctx, tooltipSize, options);
- }
- ctx.lineTo(x + width - topRight, y);
- ctx.quadraticCurveTo(x + width, y, x + width, y + topRight);
- if (yAlign === 'center' && xAlign === 'right') {
- this.drawCaret(pt, ctx, tooltipSize, options);
- }
- ctx.lineTo(x + width, y + height - bottomRight);
- ctx.quadraticCurveTo(x + width, y + height, x + width - bottomRight, y + height);
- if (yAlign === 'bottom') {
- this.drawCaret(pt, ctx, tooltipSize, options);
- }
- ctx.lineTo(x + bottomLeft, y + height);
- ctx.quadraticCurveTo(x, y + height, x, y + height - bottomLeft);
- if (yAlign === 'center' && xAlign === 'left') {
- this.drawCaret(pt, ctx, tooltipSize, options);
- }
- ctx.lineTo(x, y + topLeft);
- ctx.quadraticCurveTo(x, y, x + topLeft, y);
- ctx.closePath();
- ctx.fill();
- if (options.borderWidth > 0) {
- ctx.stroke();
- }
- }
- _updateAnimationTarget(options) {
- const chart = this.chart;
- const anims = this.$animations;
- const animX = anims && anims.x;
- const animY = anims && anims.y;
- if (animX || animY) {
- const position = positioners[options.position].call(this, this._active, this._eventPosition);
- if (!position) {
- return;
- }
- const size = this._size = getTooltipSize(this, options);
- const positionAndSize = Object.assign({}, position, this._size);
- const alignment = determineAlignment(chart, options, positionAndSize);
- const point = getBackgroundPoint(options, positionAndSize, alignment, chart);
- if (animX._to !== point.x || animY._to !== point.y) {
- this.xAlign = alignment.xAlign;
- this.yAlign = alignment.yAlign;
- this.width = size.width;
- this.height = size.height;
- this.caretX = position.x;
- this.caretY = position.y;
- this._resolveAnimations().update(this, point);
- }
- }
- }
- draw(ctx) {
- const options = this.options.setContext(this.getContext());
- let opacity = this.opacity;
- if (!opacity) {
- return;
- }
- this._updateAnimationTarget(options);
- const tooltipSize = {
- width: this.width,
- height: this.height
- };
- const pt = {
- x: this.x,
- y: this.y
- };
- opacity = Math.abs(opacity) < 1e-3 ? 0 : opacity;
- const padding = toPadding(options.padding);
- const hasTooltipContent = this.title.length || this.beforeBody.length || this.body.length || this.afterBody.length || this.footer.length;
- if (options.enabled && hasTooltipContent) {
- ctx.save();
- ctx.globalAlpha = opacity;
- this.drawBackground(pt, ctx, tooltipSize, options);
- overrideTextDirection(ctx, options.textDirection);
- pt.y += padding.top;
- this.drawTitle(pt, ctx, options);
- this.drawBody(pt, ctx, options);
- this.drawFooter(pt, ctx, options);
- restoreTextDirection(ctx, options.textDirection);
- ctx.restore();
- }
- }
- getActiveElements() {
- return this._active || [];
- }
- setActiveElements(activeElements, eventPosition) {
- const lastActive = this._active;
- const active = activeElements.map(({datasetIndex, index}) => {
- const meta = this.chart.getDatasetMeta(datasetIndex);
- if (!meta) {
- throw new Error('Cannot find a dataset at index ' + datasetIndex);
- }
- return {
- datasetIndex,
- element: meta.data[index],
- index,
- };
- });
- const changed = !_elementsEqual(lastActive, active);
- const positionChanged = this._positionChanged(active, eventPosition);
- if (changed || positionChanged) {
- this._active = active;
- this._eventPosition = eventPosition;
- this._ignoreReplayEvents = true;
- this.update(true);
- }
- }
- handleEvent(e, replay, inChartArea = true) {
- if (replay && this._ignoreReplayEvents) {
- return false;
- }
- this._ignoreReplayEvents = false;
- const options = this.options;
- const lastActive = this._active || [];
- const active = this._getActiveElements(e, lastActive, replay, inChartArea);
- const positionChanged = this._positionChanged(active, e);
- const changed = replay || !_elementsEqual(active, lastActive) || positionChanged;
- if (changed) {
- this._active = active;
- if (options.enabled || options.external) {
- this._eventPosition = {
- x: e.x,
- y: e.y
- };
- this.update(true, replay);
- }
- }
- return changed;
- }
- _getActiveElements(e, lastActive, replay, inChartArea) {
- const options = this.options;
- if (e.type === 'mouseout') {
- return [];
- }
- if (!inChartArea) {
- return lastActive;
- }
- const active = this.chart.getElementsAtEventForMode(e, options.mode, options, replay);
- if (options.reverse) {
- active.reverse();
- }
- return active;
- }
- _positionChanged(active, e) {
- const {caretX, caretY, options} = this;
- const position = positioners[options.position].call(this, active, e);
- return position !== false && (caretX !== position.x || caretY !== position.y);
- }
-}
-Tooltip.positioners = positioners;
-var plugin_tooltip = {
- id: 'tooltip',
- _element: Tooltip,
- positioners,
- afterInit(chart, _args, options) {
- if (options) {
- chart.tooltip = new Tooltip({chart, options});
- }
- },
- beforeUpdate(chart, _args, options) {
- if (chart.tooltip) {
- chart.tooltip.initialize(options);
- }
- },
- reset(chart, _args, options) {
- if (chart.tooltip) {
- chart.tooltip.initialize(options);
- }
- },
- afterDraw(chart) {
- const tooltip = chart.tooltip;
- const args = {
- tooltip
- };
- if (chart.notifyPlugins('beforeTooltipDraw', args) === false) {
- return;
- }
- if (tooltip) {
- tooltip.draw(chart.ctx);
- }
- chart.notifyPlugins('afterTooltipDraw', args);
- },
- afterEvent(chart, args) {
- if (chart.tooltip) {
- const useFinalPosition = args.replay;
- if (chart.tooltip.handleEvent(args.event, useFinalPosition, args.inChartArea)) {
- args.changed = true;
- }
- }
- },
- defaults: {
- enabled: true,
- external: null,
- position: 'average',
- backgroundColor: 'rgba(0,0,0,0.8)',
- titleColor: '#fff',
- titleFont: {
- weight: 'bold',
- },
- titleSpacing: 2,
- titleMarginBottom: 6,
- titleAlign: 'left',
- bodyColor: '#fff',
- bodySpacing: 2,
- bodyFont: {
- },
- bodyAlign: 'left',
- footerColor: '#fff',
- footerSpacing: 2,
- footerMarginTop: 6,
- footerFont: {
- weight: 'bold',
- },
- footerAlign: 'left',
- padding: 6,
- caretPadding: 2,
- caretSize: 5,
- cornerRadius: 6,
- boxHeight: (ctx, opts) => opts.bodyFont.size,
- boxWidth: (ctx, opts) => opts.bodyFont.size,
- multiKeyBackground: '#fff',
- displayColors: true,
- boxPadding: 0,
- borderColor: 'rgba(0,0,0,0)',
- borderWidth: 0,
- animation: {
- duration: 400,
- easing: 'easeOutQuart',
- },
- animations: {
- numbers: {
- type: 'number',
- properties: ['x', 'y', 'width', 'height', 'caretX', 'caretY'],
- },
- opacity: {
- easing: 'linear',
- duration: 200
- }
- },
- callbacks: {
- beforeTitle: noop,
- title(tooltipItems) {
- if (tooltipItems.length > 0) {
- const item = tooltipItems[0];
- const labels = item.chart.data.labels;
- const labelCount = labels ? labels.length : 0;
- if (this && this.options && this.options.mode === 'dataset') {
- return item.dataset.label || '';
- } else if (item.label) {
- return item.label;
- } else if (labelCount > 0 && item.dataIndex < labelCount) {
- return labels[item.dataIndex];
- }
- }
- return '';
- },
- afterTitle: noop,
- beforeBody: noop,
- beforeLabel: noop,
- label(tooltipItem) {
- if (this && this.options && this.options.mode === 'dataset') {
- return tooltipItem.label + ': ' + tooltipItem.formattedValue || tooltipItem.formattedValue;
- }
- let label = tooltipItem.dataset.label || '';
- if (label) {
- label += ': ';
- }
- const value = tooltipItem.formattedValue;
- if (!isNullOrUndef(value)) {
- label += value;
- }
- return label;
- },
- labelColor(tooltipItem) {
- const meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);
- const options = meta.controller.getStyle(tooltipItem.dataIndex);
- return {
- borderColor: options.borderColor,
- backgroundColor: options.backgroundColor,
- borderWidth: options.borderWidth,
- borderDash: options.borderDash,
- borderDashOffset: options.borderDashOffset,
- borderRadius: 0,
- };
- },
- labelTextColor() {
- return this.options.bodyColor;
- },
- labelPointStyle(tooltipItem) {
- const meta = tooltipItem.chart.getDatasetMeta(tooltipItem.datasetIndex);
- const options = meta.controller.getStyle(tooltipItem.dataIndex);
- return {
- pointStyle: options.pointStyle,
- rotation: options.rotation,
- };
- },
- afterLabel: noop,
- afterBody: noop,
- beforeFooter: noop,
- footer: noop,
- afterFooter: noop
- }
- },
- defaultRoutes: {
- bodyFont: 'font',
- footerFont: 'font',
- titleFont: 'font'
- },
- descriptors: {
- _scriptable: (name) => name !== 'filter' && name !== 'itemSort' && name !== 'external',
- _indexable: false,
- callbacks: {
- _scriptable: false,
- _indexable: false,
- },
- animation: {
- _fallback: false
- },
- animations: {
- _fallback: 'animation'
- }
- },
- additionalOptionScopes: ['interaction']
-};
-
-var plugins = /*#__PURE__*/Object.freeze({
-__proto__: null,
-Decimation: plugin_decimation,
-Filler: plugin_filler,
-Legend: plugin_legend,
-SubTitle: plugin_subtitle,
-Title: plugin_title,
-Tooltip: plugin_tooltip
-});
-
-const addIfString = (labels, raw, index, addedLabels) => {
- if (typeof raw === 'string') {
- index = labels.push(raw) - 1;
- addedLabels.unshift({index, label: raw});
- } else if (isNaN(raw)) {
- index = null;
- }
- return index;
-};
-function findOrAddLabel(labels, raw, index, addedLabels) {
- const first = labels.indexOf(raw);
- if (first === -1) {
- return addIfString(labels, raw, index, addedLabels);
- }
- const last = labels.lastIndexOf(raw);
- return first !== last ? index : first;
-}
-const validIndex = (index, max) => index === null ? null : _limitValue(Math.round(index), 0, max);
-class CategoryScale extends Scale {
- constructor(cfg) {
- super(cfg);
- this._startValue = undefined;
- this._valueRange = 0;
- this._addedLabels = [];
- }
- init(scaleOptions) {
- const added = this._addedLabels;
- if (added.length) {
- const labels = this.getLabels();
- for (const {index, label} of added) {
- if (labels[index] === label) {
- labels.splice(index, 1);
- }
- }
- this._addedLabels = [];
- }
- super.init(scaleOptions);
- }
- parse(raw, index) {
- if (isNullOrUndef(raw)) {
- return null;
- }
- const labels = this.getLabels();
- index = isFinite(index) && labels[index] === raw ? index
- : findOrAddLabel(labels, raw, valueOrDefault(index, raw), this._addedLabels);
- return validIndex(index, labels.length - 1);
- }
- determineDataLimits() {
- const {minDefined, maxDefined} = this.getUserBounds();
- let {min, max} = this.getMinMax(true);
- if (this.options.bounds === 'ticks') {
- if (!minDefined) {
- min = 0;
- }
- if (!maxDefined) {
- max = this.getLabels().length - 1;
- }
- }
- this.min = min;
- this.max = max;
- }
- buildTicks() {
- const min = this.min;
- const max = this.max;
- const offset = this.options.offset;
- const ticks = [];
- let labels = this.getLabels();
- labels = (min === 0 && max === labels.length - 1) ? labels : labels.slice(min, max + 1);
- this._valueRange = Math.max(labels.length - (offset ? 0 : 1), 1);
- this._startValue = this.min - (offset ? 0.5 : 0);
- for (let value = min; value <= max; value++) {
- ticks.push({value});
- }
- return ticks;
- }
- getLabelForValue(value) {
- const labels = this.getLabels();
- if (value >= 0 && value < labels.length) {
- return labels[value];
- }
- return value;
- }
- configure() {
- super.configure();
- if (!this.isHorizontal()) {
- this._reversePixels = !this._reversePixels;
- }
- }
- getPixelForValue(value) {
- if (typeof value !== 'number') {
- value = this.parse(value);
- }
- return value === null ? NaN : this.getPixelForDecimal((value - this._startValue) / this._valueRange);
- }
- getPixelForTick(index) {
- const ticks = this.ticks;
- if (index < 0 || index > ticks.length - 1) {
- return null;
- }
- return this.getPixelForValue(ticks[index].value);
- }
- getValueForPixel(pixel) {
- return Math.round(this._startValue + this.getDecimalForPixel(pixel) * this._valueRange);
- }
- getBasePixel() {
- return this.bottom;
- }
-}
-CategoryScale.id = 'category';
-CategoryScale.defaults = {
- ticks: {
- callback: CategoryScale.prototype.getLabelForValue
- }
-};
-
-function generateTicks$1(generationOptions, dataRange) {
- const ticks = [];
- const MIN_SPACING = 1e-14;
- const {bounds, step, min, max, precision, count, maxTicks, maxDigits, includeBounds} = generationOptions;
- const unit = step || 1;
- const maxSpaces = maxTicks - 1;
- const {min: rmin, max: rmax} = dataRange;
- const minDefined = !isNullOrUndef(min);
- const maxDefined = !isNullOrUndef(max);
- const countDefined = !isNullOrUndef(count);
- const minSpacing = (rmax - rmin) / (maxDigits + 1);
- let spacing = niceNum((rmax - rmin) / maxSpaces / unit) * unit;
- let factor, niceMin, niceMax, numSpaces;
- if (spacing < MIN_SPACING && !minDefined && !maxDefined) {
- return [{value: rmin}, {value: rmax}];
- }
- numSpaces = Math.ceil(rmax / spacing) - Math.floor(rmin / spacing);
- if (numSpaces > maxSpaces) {
- spacing = niceNum(numSpaces * spacing / maxSpaces / unit) * unit;
- }
- if (!isNullOrUndef(precision)) {
- factor = Math.pow(10, precision);
- spacing = Math.ceil(spacing * factor) / factor;
- }
- if (bounds === 'ticks') {
- niceMin = Math.floor(rmin / spacing) * spacing;
- niceMax = Math.ceil(rmax / spacing) * spacing;
- } else {
- niceMin = rmin;
- niceMax = rmax;
- }
- if (minDefined && maxDefined && step && almostWhole((max - min) / step, spacing / 1000)) {
- numSpaces = Math.round(Math.min((max - min) / spacing, maxTicks));
- spacing = (max - min) / numSpaces;
- niceMin = min;
- niceMax = max;
- } else if (countDefined) {
- niceMin = minDefined ? min : niceMin;
- niceMax = maxDefined ? max : niceMax;
- numSpaces = count - 1;
- spacing = (niceMax - niceMin) / numSpaces;
- } else {
- numSpaces = (niceMax - niceMin) / spacing;
- if (almostEquals(numSpaces, Math.round(numSpaces), spacing / 1000)) {
- numSpaces = Math.round(numSpaces);
- } else {
- numSpaces = Math.ceil(numSpaces);
- }
- }
- const decimalPlaces = Math.max(
- _decimalPlaces(spacing),
- _decimalPlaces(niceMin)
- );
- factor = Math.pow(10, isNullOrUndef(precision) ? decimalPlaces : precision);
- niceMin = Math.round(niceMin * factor) / factor;
- niceMax = Math.round(niceMax * factor) / factor;
- let j = 0;
- if (minDefined) {
- if (includeBounds && niceMin !== min) {
- ticks.push({value: min});
- if (niceMin < min) {
- j++;
- }
- if (almostEquals(Math.round((niceMin + j * spacing) * factor) / factor, min, relativeLabelSize(min, minSpacing, generationOptions))) {
- j++;
- }
- } else if (niceMin < min) {
- j++;
- }
- }
- for (; j < numSpaces; ++j) {
- ticks.push({value: Math.round((niceMin + j * spacing) * factor) / factor});
- }
- if (maxDefined && includeBounds && niceMax !== max) {
- if (ticks.length && almostEquals(ticks[ticks.length - 1].value, max, relativeLabelSize(max, minSpacing, generationOptions))) {
- ticks[ticks.length - 1].value = max;
- } else {
- ticks.push({value: max});
- }
- } else if (!maxDefined || niceMax === max) {
- ticks.push({value: niceMax});
- }
- return ticks;
-}
-function relativeLabelSize(value, minSpacing, {horizontal, minRotation}) {
- const rad = toRadians(minRotation);
- const ratio = (horizontal ? Math.sin(rad) : Math.cos(rad)) || 0.001;
- const length = 0.75 * minSpacing * ('' + value).length;
- return Math.min(minSpacing / ratio, length);
-}
-class LinearScaleBase extends Scale {
- constructor(cfg) {
- super(cfg);
- this.start = undefined;
- this.end = undefined;
- this._startValue = undefined;
- this._endValue = undefined;
- this._valueRange = 0;
- }
- parse(raw, index) {
- if (isNullOrUndef(raw)) {
- return null;
- }
- if ((typeof raw === 'number' || raw instanceof Number) && !isFinite(+raw)) {
- return null;
- }
- return +raw;
- }
- handleTickRangeOptions() {
- const {beginAtZero} = this.options;
- const {minDefined, maxDefined} = this.getUserBounds();
- let {min, max} = this;
- const setMin = v => (min = minDefined ? min : v);
- const setMax = v => (max = maxDefined ? max : v);
- if (beginAtZero) {
- const minSign = sign(min);
- const maxSign = sign(max);
- if (minSign < 0 && maxSign < 0) {
- setMax(0);
- } else if (minSign > 0 && maxSign > 0) {
- setMin(0);
- }
- }
- if (min === max) {
- let offset = 1;
- if (max >= Number.MAX_SAFE_INTEGER || min <= Number.MIN_SAFE_INTEGER) {
- offset = Math.abs(max * 0.05);
- }
- setMax(max + offset);
- if (!beginAtZero) {
- setMin(min - offset);
- }
- }
- this.min = min;
- this.max = max;
- }
- getTickLimit() {
- const tickOpts = this.options.ticks;
- let {maxTicksLimit, stepSize} = tickOpts;
- let maxTicks;
- if (stepSize) {
- maxTicks = Math.ceil(this.max / stepSize) - Math.floor(this.min / stepSize) + 1;
- if (maxTicks > 1000) {
- console.warn(`scales.${this.id}.ticks.stepSize: ${stepSize} would result generating up to ${maxTicks} ticks. Limiting to 1000.`);
- maxTicks = 1000;
- }
- } else {
- maxTicks = this.computeTickLimit();
- maxTicksLimit = maxTicksLimit || 11;
- }
- if (maxTicksLimit) {
- maxTicks = Math.min(maxTicksLimit, maxTicks);
- }
- return maxTicks;
- }
- computeTickLimit() {
- return Number.POSITIVE_INFINITY;
- }
- buildTicks() {
- const opts = this.options;
- const tickOpts = opts.ticks;
- let maxTicks = this.getTickLimit();
- maxTicks = Math.max(2, maxTicks);
- const numericGeneratorOptions = {
- maxTicks,
- bounds: opts.bounds,
- min: opts.min,
- max: opts.max,
- precision: tickOpts.precision,
- step: tickOpts.stepSize,
- count: tickOpts.count,
- maxDigits: this._maxDigits(),
- horizontal: this.isHorizontal(),
- minRotation: tickOpts.minRotation || 0,
- includeBounds: tickOpts.includeBounds !== false
- };
- const dataRange = this._range || this;
- const ticks = generateTicks$1(numericGeneratorOptions, dataRange);
- if (opts.bounds === 'ticks') {
- _setMinAndMaxByKey(ticks, this, 'value');
- }
- if (opts.reverse) {
- ticks.reverse();
- this.start = this.max;
- this.end = this.min;
- } else {
- this.start = this.min;
- this.end = this.max;
- }
- return ticks;
- }
- configure() {
- const ticks = this.ticks;
- let start = this.min;
- let end = this.max;
- super.configure();
- if (this.options.offset && ticks.length) {
- const offset = (end - start) / Math.max(ticks.length - 1, 1) / 2;
- start -= offset;
- end += offset;
- }
- this._startValue = start;
- this._endValue = end;
- this._valueRange = end - start;
- }
- getLabelForValue(value) {
- return formatNumber(value, this.chart.options.locale, this.options.ticks.format);
- }
-}
-
-class LinearScale extends LinearScaleBase {
- determineDataLimits() {
- const {min, max} = this.getMinMax(true);
- this.min = isNumberFinite(min) ? min : 0;
- this.max = isNumberFinite(max) ? max : 1;
- this.handleTickRangeOptions();
- }
- computeTickLimit() {
- const horizontal = this.isHorizontal();
- const length = horizontal ? this.width : this.height;
- const minRotation = toRadians(this.options.ticks.minRotation);
- const ratio = (horizontal ? Math.sin(minRotation) : Math.cos(minRotation)) || 0.001;
- const tickFont = this._resolveTickFontOptions(0);
- return Math.ceil(length / Math.min(40, tickFont.lineHeight / ratio));
- }
- getPixelForValue(value) {
- return value === null ? NaN : this.getPixelForDecimal((value - this._startValue) / this._valueRange);
- }
- getValueForPixel(pixel) {
- return this._startValue + this.getDecimalForPixel(pixel) * this._valueRange;
- }
-}
-LinearScale.id = 'linear';
-LinearScale.defaults = {
- ticks: {
- callback: Ticks.formatters.numeric
- }
-};
-
-function isMajor(tickVal) {
- const remain = tickVal / (Math.pow(10, Math.floor(log10(tickVal))));
- return remain === 1;
-}
-function generateTicks(generationOptions, dataRange) {
- const endExp = Math.floor(log10(dataRange.max));
- const endSignificand = Math.ceil(dataRange.max / Math.pow(10, endExp));
- const ticks = [];
- let tickVal = finiteOrDefault(generationOptions.min, Math.pow(10, Math.floor(log10(dataRange.min))));
- let exp = Math.floor(log10(tickVal));
- let significand = Math.floor(tickVal / Math.pow(10, exp));
- let precision = exp < 0 ? Math.pow(10, Math.abs(exp)) : 1;
- do {
- ticks.push({value: tickVal, major: isMajor(tickVal)});
- ++significand;
- if (significand === 10) {
- significand = 1;
- ++exp;
- precision = exp >= 0 ? 1 : precision;
- }
- tickVal = Math.round(significand * Math.pow(10, exp) * precision) / precision;
- } while (exp < endExp || (exp === endExp && significand < endSignificand));
- const lastTick = finiteOrDefault(generationOptions.max, tickVal);
- ticks.push({value: lastTick, major: isMajor(tickVal)});
- return ticks;
-}
-class LogarithmicScale extends Scale {
- constructor(cfg) {
- super(cfg);
- this.start = undefined;
- this.end = undefined;
- this._startValue = undefined;
- this._valueRange = 0;
- }
- parse(raw, index) {
- const value = LinearScaleBase.prototype.parse.apply(this, [raw, index]);
- if (value === 0) {
- this._zero = true;
- return undefined;
- }
- return isNumberFinite(value) && value > 0 ? value : null;
- }
- determineDataLimits() {
- const {min, max} = this.getMinMax(true);
- this.min = isNumberFinite(min) ? Math.max(0, min) : null;
- this.max = isNumberFinite(max) ? Math.max(0, max) : null;
- if (this.options.beginAtZero) {
- this._zero = true;
- }
- this.handleTickRangeOptions();
- }
- handleTickRangeOptions() {
- const {minDefined, maxDefined} = this.getUserBounds();
- let min = this.min;
- let max = this.max;
- const setMin = v => (min = minDefined ? min : v);
- const setMax = v => (max = maxDefined ? max : v);
- const exp = (v, m) => Math.pow(10, Math.floor(log10(v)) + m);
- if (min === max) {
- if (min <= 0) {
- setMin(1);
- setMax(10);
- } else {
- setMin(exp(min, -1));
- setMax(exp(max, +1));
- }
- }
- if (min <= 0) {
- setMin(exp(max, -1));
- }
- if (max <= 0) {
- setMax(exp(min, +1));
- }
- if (this._zero && this.min !== this._suggestedMin && min === exp(this.min, 0)) {
- setMin(exp(min, -1));
- }
- this.min = min;
- this.max = max;
- }
- buildTicks() {
- const opts = this.options;
- const generationOptions = {
- min: this._userMin,
- max: this._userMax
- };
- const ticks = generateTicks(generationOptions, this);
- if (opts.bounds === 'ticks') {
- _setMinAndMaxByKey(ticks, this, 'value');
- }
- if (opts.reverse) {
- ticks.reverse();
- this.start = this.max;
- this.end = this.min;
- } else {
- this.start = this.min;
- this.end = this.max;
- }
- return ticks;
- }
- getLabelForValue(value) {
- return value === undefined
- ? '0'
- : formatNumber(value, this.chart.options.locale, this.options.ticks.format);
- }
- configure() {
- const start = this.min;
- super.configure();
- this._startValue = log10(start);
- this._valueRange = log10(this.max) - log10(start);
- }
- getPixelForValue(value) {
- if (value === undefined || value === 0) {
- value = this.min;
- }
- if (value === null || isNaN(value)) {
- return NaN;
- }
- return this.getPixelForDecimal(value === this.min
- ? 0
- : (log10(value) - this._startValue) / this._valueRange);
- }
- getValueForPixel(pixel) {
- const decimal = this.getDecimalForPixel(pixel);
- return Math.pow(10, this._startValue + decimal * this._valueRange);
- }
-}
-LogarithmicScale.id = 'logarithmic';
-LogarithmicScale.defaults = {
- ticks: {
- callback: Ticks.formatters.logarithmic,
- major: {
- enabled: true
- }
- }
-};
-
-function getTickBackdropHeight(opts) {
- const tickOpts = opts.ticks;
- if (tickOpts.display && opts.display) {
- const padding = toPadding(tickOpts.backdropPadding);
- return valueOrDefault(tickOpts.font && tickOpts.font.size, defaults.font.size) + padding.height;
- }
- return 0;
-}
-function measureLabelSize(ctx, font, label) {
- label = isArray(label) ? label : [label];
- return {
- w: _longestText(ctx, font.string, label),
- h: label.length * font.lineHeight
- };
-}
-function determineLimits(angle, pos, size, min, max) {
- if (angle === min || angle === max) {
- return {
- start: pos - (size / 2),
- end: pos + (size / 2)
- };
- } else if (angle < min || angle > max) {
- return {
- start: pos - size,
- end: pos
- };
- }
- return {
- start: pos,
- end: pos + size
- };
-}
-function fitWithPointLabels(scale) {
- const orig = {
- l: scale.left + scale._padding.left,
- r: scale.right - scale._padding.right,
- t: scale.top + scale._padding.top,
- b: scale.bottom - scale._padding.bottom
- };
- const limits = Object.assign({}, orig);
- const labelSizes = [];
- const padding = [];
- const valueCount = scale._pointLabels.length;
- const pointLabelOpts = scale.options.pointLabels;
- const additionalAngle = pointLabelOpts.centerPointLabels ? PI / valueCount : 0;
- for (let i = 0; i < valueCount; i++) {
- const opts = pointLabelOpts.setContext(scale.getPointLabelContext(i));
- padding[i] = opts.padding;
- const pointPosition = scale.getPointPosition(i, scale.drawingArea + padding[i], additionalAngle);
- const plFont = toFont(opts.font);
- const textSize = measureLabelSize(scale.ctx, plFont, scale._pointLabels[i]);
- labelSizes[i] = textSize;
- const angleRadians = _normalizeAngle(scale.getIndexAngle(i) + additionalAngle);
- const angle = Math.round(toDegrees(angleRadians));
- const hLimits = determineLimits(angle, pointPosition.x, textSize.w, 0, 180);
- const vLimits = determineLimits(angle, pointPosition.y, textSize.h, 90, 270);
- updateLimits(limits, orig, angleRadians, hLimits, vLimits);
- }
- scale.setCenterPoint(
- orig.l - limits.l,
- limits.r - orig.r,
- orig.t - limits.t,
- limits.b - orig.b
- );
- scale._pointLabelItems = buildPointLabelItems(scale, labelSizes, padding);
-}
-function updateLimits(limits, orig, angle, hLimits, vLimits) {
- const sin = Math.abs(Math.sin(angle));
- const cos = Math.abs(Math.cos(angle));
- let x = 0;
- let y = 0;
- if (hLimits.start < orig.l) {
- x = (orig.l - hLimits.start) / sin;
- limits.l = Math.min(limits.l, orig.l - x);
- } else if (hLimits.end > orig.r) {
- x = (hLimits.end - orig.r) / sin;
- limits.r = Math.max(limits.r, orig.r + x);
- }
- if (vLimits.start < orig.t) {
- y = (orig.t - vLimits.start) / cos;
- limits.t = Math.min(limits.t, orig.t - y);
- } else if (vLimits.end > orig.b) {
- y = (vLimits.end - orig.b) / cos;
- limits.b = Math.max(limits.b, orig.b + y);
- }
-}
-function buildPointLabelItems(scale, labelSizes, padding) {
- const items = [];
- const valueCount = scale._pointLabels.length;
- const opts = scale.options;
- const extra = getTickBackdropHeight(opts) / 2;
- const outerDistance = scale.drawingArea;
- const additionalAngle = opts.pointLabels.centerPointLabels ? PI / valueCount : 0;
- for (let i = 0; i < valueCount; i++) {
- const pointLabelPosition = scale.getPointPosition(i, outerDistance + extra + padding[i], additionalAngle);
- const angle = Math.round(toDegrees(_normalizeAngle(pointLabelPosition.angle + HALF_PI)));
- const size = labelSizes[i];
- const y = yForAngle(pointLabelPosition.y, size.h, angle);
- const textAlign = getTextAlignForAngle(angle);
- const left = leftForTextAlign(pointLabelPosition.x, size.w, textAlign);
- items.push({
- x: pointLabelPosition.x,
- y,
- textAlign,
- left,
- top: y,
- right: left + size.w,
- bottom: y + size.h
- });
- }
- return items;
-}
-function getTextAlignForAngle(angle) {
- if (angle === 0 || angle === 180) {
- return 'center';
- } else if (angle < 180) {
- return 'left';
- }
- return 'right';
-}
-function leftForTextAlign(x, w, align) {
- if (align === 'right') {
- x -= w;
- } else if (align === 'center') {
- x -= (w / 2);
- }
- return x;
-}
-function yForAngle(y, h, angle) {
- if (angle === 90 || angle === 270) {
- y -= (h / 2);
- } else if (angle > 270 || angle < 90) {
- y -= h;
- }
- return y;
-}
-function drawPointLabels(scale, labelCount) {
- const {ctx, options: {pointLabels}} = scale;
- for (let i = labelCount - 1; i >= 0; i--) {
- const optsAtIndex = pointLabels.setContext(scale.getPointLabelContext(i));
- const plFont = toFont(optsAtIndex.font);
- const {x, y, textAlign, left, top, right, bottom} = scale._pointLabelItems[i];
- const {backdropColor} = optsAtIndex;
- if (!isNullOrUndef(backdropColor)) {
- const padding = toPadding(optsAtIndex.backdropPadding);
- ctx.fillStyle = backdropColor;
- ctx.fillRect(left - padding.left, top - padding.top, right - left + padding.width, bottom - top + padding.height);
- }
- renderText(
- ctx,
- scale._pointLabels[i],
- x,
- y + (plFont.lineHeight / 2),
- plFont,
- {
- color: optsAtIndex.color,
- textAlign: textAlign,
- textBaseline: 'middle'
- }
- );
- }
-}
-function pathRadiusLine(scale, radius, circular, labelCount) {
- const {ctx} = scale;
- if (circular) {
- ctx.arc(scale.xCenter, scale.yCenter, radius, 0, TAU);
- } else {
- let pointPosition = scale.getPointPosition(0, radius);
- ctx.moveTo(pointPosition.x, pointPosition.y);
- for (let i = 1; i < labelCount; i++) {
- pointPosition = scale.getPointPosition(i, radius);
- ctx.lineTo(pointPosition.x, pointPosition.y);
- }
- }
-}
-function drawRadiusLine(scale, gridLineOpts, radius, labelCount) {
- const ctx = scale.ctx;
- const circular = gridLineOpts.circular;
- const {color, lineWidth} = gridLineOpts;
- if ((!circular && !labelCount) || !color || !lineWidth || radius < 0) {
- return;
- }
- ctx.save();
- ctx.strokeStyle = color;
- ctx.lineWidth = lineWidth;
- ctx.setLineDash(gridLineOpts.borderDash);
- ctx.lineDashOffset = gridLineOpts.borderDashOffset;
- ctx.beginPath();
- pathRadiusLine(scale, radius, circular, labelCount);
- ctx.closePath();
- ctx.stroke();
- ctx.restore();
-}
-function createPointLabelContext(parent, index, label) {
- return createContext(parent, {
- label,
- index,
- type: 'pointLabel'
- });
-}
-class RadialLinearScale extends LinearScaleBase {
- constructor(cfg) {
- super(cfg);
- this.xCenter = undefined;
- this.yCenter = undefined;
- this.drawingArea = undefined;
- this._pointLabels = [];
- this._pointLabelItems = [];
- }
- setDimensions() {
- const padding = this._padding = toPadding(getTickBackdropHeight(this.options) / 2);
- const w = this.width = this.maxWidth - padding.width;
- const h = this.height = this.maxHeight - padding.height;
- this.xCenter = Math.floor(this.left + w / 2 + padding.left);
- this.yCenter = Math.floor(this.top + h / 2 + padding.top);
- this.drawingArea = Math.floor(Math.min(w, h) / 2);
- }
- determineDataLimits() {
- const {min, max} = this.getMinMax(false);
- this.min = isNumberFinite(min) && !isNaN(min) ? min : 0;
- this.max = isNumberFinite(max) && !isNaN(max) ? max : 0;
- this.handleTickRangeOptions();
- }
- computeTickLimit() {
- return Math.ceil(this.drawingArea / getTickBackdropHeight(this.options));
- }
- generateTickLabels(ticks) {
- LinearScaleBase.prototype.generateTickLabels.call(this, ticks);
- this._pointLabels = this.getLabels()
- .map((value, index) => {
- const label = callback(this.options.pointLabels.callback, [value, index], this);
- return label || label === 0 ? label : '';
- })
- .filter((v, i) => this.chart.getDataVisibility(i));
- }
- fit() {
- const opts = this.options;
- if (opts.display && opts.pointLabels.display) {
- fitWithPointLabels(this);
- } else {
- this.setCenterPoint(0, 0, 0, 0);
- }
- }
- setCenterPoint(leftMovement, rightMovement, topMovement, bottomMovement) {
- this.xCenter += Math.floor((leftMovement - rightMovement) / 2);
- this.yCenter += Math.floor((topMovement - bottomMovement) / 2);
- this.drawingArea -= Math.min(this.drawingArea / 2, Math.max(leftMovement, rightMovement, topMovement, bottomMovement));
- }
- getIndexAngle(index) {
- const angleMultiplier = TAU / (this._pointLabels.length || 1);
- const startAngle = this.options.startAngle || 0;
- return _normalizeAngle(index * angleMultiplier + toRadians(startAngle));
- }
- getDistanceFromCenterForValue(value) {
- if (isNullOrUndef(value)) {
- return NaN;
- }
- const scalingFactor = this.drawingArea / (this.max - this.min);
- if (this.options.reverse) {
- return (this.max - value) * scalingFactor;
- }
- return (value - this.min) * scalingFactor;
- }
- getValueForDistanceFromCenter(distance) {
- if (isNullOrUndef(distance)) {
- return NaN;
- }
- const scaledDistance = distance / (this.drawingArea / (this.max - this.min));
- return this.options.reverse ? this.max - scaledDistance : this.min + scaledDistance;
- }
- getPointLabelContext(index) {
- const pointLabels = this._pointLabels || [];
- if (index >= 0 && index < pointLabels.length) {
- const pointLabel = pointLabels[index];
- return createPointLabelContext(this.getContext(), index, pointLabel);
- }
- }
- getPointPosition(index, distanceFromCenter, additionalAngle = 0) {
- const angle = this.getIndexAngle(index) - HALF_PI + additionalAngle;
- return {
- x: Math.cos(angle) * distanceFromCenter + this.xCenter,
- y: Math.sin(angle) * distanceFromCenter + this.yCenter,
- angle
- };
- }
- getPointPositionForValue(index, value) {
- return this.getPointPosition(index, this.getDistanceFromCenterForValue(value));
- }
- getBasePosition(index) {
- return this.getPointPositionForValue(index || 0, this.getBaseValue());
- }
- getPointLabelPosition(index) {
- const {left, top, right, bottom} = this._pointLabelItems[index];
- return {
- left,
- top,
- right,
- bottom,
- };
- }
- drawBackground() {
- const {backgroundColor, grid: {circular}} = this.options;
- if (backgroundColor) {
- const ctx = this.ctx;
- ctx.save();
- ctx.beginPath();
- pathRadiusLine(this, this.getDistanceFromCenterForValue(this._endValue), circular, this._pointLabels.length);
- ctx.closePath();
- ctx.fillStyle = backgroundColor;
- ctx.fill();
- ctx.restore();
- }
- }
- drawGrid() {
- const ctx = this.ctx;
- const opts = this.options;
- const {angleLines, grid} = opts;
- const labelCount = this._pointLabels.length;
- let i, offset, position;
- if (opts.pointLabels.display) {
- drawPointLabels(this, labelCount);
- }
- if (grid.display) {
- this.ticks.forEach((tick, index) => {
- if (index !== 0) {
- offset = this.getDistanceFromCenterForValue(tick.value);
- const optsAtIndex = grid.setContext(this.getContext(index - 1));
- drawRadiusLine(this, optsAtIndex, offset, labelCount);
- }
- });
- }
- if (angleLines.display) {
- ctx.save();
- for (i = labelCount - 1; i >= 0; i--) {
- const optsAtIndex = angleLines.setContext(this.getPointLabelContext(i));
- const {color, lineWidth} = optsAtIndex;
- if (!lineWidth || !color) {
- continue;
- }
- ctx.lineWidth = lineWidth;
- ctx.strokeStyle = color;
- ctx.setLineDash(optsAtIndex.borderDash);
- ctx.lineDashOffset = optsAtIndex.borderDashOffset;
- offset = this.getDistanceFromCenterForValue(opts.ticks.reverse ? this.min : this.max);
- position = this.getPointPosition(i, offset);
- ctx.beginPath();
- ctx.moveTo(this.xCenter, this.yCenter);
- ctx.lineTo(position.x, position.y);
- ctx.stroke();
- }
- ctx.restore();
- }
- }
- drawBorder() {}
- drawLabels() {
- const ctx = this.ctx;
- const opts = this.options;
- const tickOpts = opts.ticks;
- if (!tickOpts.display) {
- return;
- }
- const startAngle = this.getIndexAngle(0);
- let offset, width;
- ctx.save();
- ctx.translate(this.xCenter, this.yCenter);
- ctx.rotate(startAngle);
- ctx.textAlign = 'center';
- ctx.textBaseline = 'middle';
- this.ticks.forEach((tick, index) => {
- if (index === 0 && !opts.reverse) {
- return;
- }
- const optsAtIndex = tickOpts.setContext(this.getContext(index));
- const tickFont = toFont(optsAtIndex.font);
- offset = this.getDistanceFromCenterForValue(this.ticks[index].value);
- if (optsAtIndex.showLabelBackdrop) {
- ctx.font = tickFont.string;
- width = ctx.measureText(tick.label).width;
- ctx.fillStyle = optsAtIndex.backdropColor;
- const padding = toPadding(optsAtIndex.backdropPadding);
- ctx.fillRect(
- -width / 2 - padding.left,
- -offset - tickFont.size / 2 - padding.top,
- width + padding.width,
- tickFont.size + padding.height
- );
- }
- renderText(ctx, tick.label, 0, -offset, tickFont, {
- color: optsAtIndex.color,
- });
- });
- ctx.restore();
- }
- drawTitle() {}
-}
-RadialLinearScale.id = 'radialLinear';
-RadialLinearScale.defaults = {
- display: true,
- animate: true,
- position: 'chartArea',
- angleLines: {
- display: true,
- lineWidth: 1,
- borderDash: [],
- borderDashOffset: 0.0
- },
- grid: {
- circular: false
- },
- startAngle: 0,
- ticks: {
- showLabelBackdrop: true,
- callback: Ticks.formatters.numeric
- },
- pointLabels: {
- backdropColor: undefined,
- backdropPadding: 2,
- display: true,
- font: {
- size: 10
- },
- callback(label) {
- return label;
- },
- padding: 5,
- centerPointLabels: false
- }
-};
-RadialLinearScale.defaultRoutes = {
- 'angleLines.color': 'borderColor',
- 'pointLabels.color': 'color',
- 'ticks.color': 'color'
-};
-RadialLinearScale.descriptors = {
- angleLines: {
- _fallback: 'grid'
- }
-};
-
-const INTERVALS = {
- millisecond: {common: true, size: 1, steps: 1000},
- second: {common: true, size: 1000, steps: 60},
- minute: {common: true, size: 60000, steps: 60},
- hour: {common: true, size: 3600000, steps: 24},
- day: {common: true, size: 86400000, steps: 30},
- week: {common: false, size: 604800000, steps: 4},
- month: {common: true, size: 2.628e9, steps: 12},
- quarter: {common: false, size: 7.884e9, steps: 4},
- year: {common: true, size: 3.154e10}
-};
-const UNITS = (Object.keys(INTERVALS));
-function sorter(a, b) {
- return a - b;
-}
-function parse(scale, input) {
- if (isNullOrUndef(input)) {
- return null;
- }
- const adapter = scale._adapter;
- const {parser, round, isoWeekday} = scale._parseOpts;
- let value = input;
- if (typeof parser === 'function') {
- value = parser(value);
- }
- if (!isNumberFinite(value)) {
- value = typeof parser === 'string'
- ? adapter.parse(value, parser)
- : adapter.parse(value);
- }
- if (value === null) {
- return null;
- }
- if (round) {
- value = round === 'week' && (isNumber(isoWeekday) || isoWeekday === true)
- ? adapter.startOf(value, 'isoWeek', isoWeekday)
- : adapter.startOf(value, round);
- }
- return +value;
-}
-function determineUnitForAutoTicks(minUnit, min, max, capacity) {
- const ilen = UNITS.length;
- for (let i = UNITS.indexOf(minUnit); i < ilen - 1; ++i) {
- const interval = INTERVALS[UNITS[i]];
- const factor = interval.steps ? interval.steps : Number.MAX_SAFE_INTEGER;
- if (interval.common && Math.ceil((max - min) / (factor * interval.size)) <= capacity) {
- return UNITS[i];
- }
- }
- return UNITS[ilen - 1];
-}
-function determineUnitForFormatting(scale, numTicks, minUnit, min, max) {
- for (let i = UNITS.length - 1; i >= UNITS.indexOf(minUnit); i--) {
- const unit = UNITS[i];
- if (INTERVALS[unit].common && scale._adapter.diff(max, min, unit) >= numTicks - 1) {
- return unit;
- }
- }
- return UNITS[minUnit ? UNITS.indexOf(minUnit) : 0];
-}
-function determineMajorUnit(unit) {
- for (let i = UNITS.indexOf(unit) + 1, ilen = UNITS.length; i < ilen; ++i) {
- if (INTERVALS[UNITS[i]].common) {
- return UNITS[i];
- }
- }
-}
-function addTick(ticks, time, timestamps) {
- if (!timestamps) {
- ticks[time] = true;
- } else if (timestamps.length) {
- const {lo, hi} = _lookup(timestamps, time);
- const timestamp = timestamps[lo] >= time ? timestamps[lo] : timestamps[hi];
- ticks[timestamp] = true;
- }
-}
-function setMajorTicks(scale, ticks, map, majorUnit) {
- const adapter = scale._adapter;
- const first = +adapter.startOf(ticks[0].value, majorUnit);
- const last = ticks[ticks.length - 1].value;
- let major, index;
- for (major = first; major <= last; major = +adapter.add(major, 1, majorUnit)) {
- index = map[major];
- if (index >= 0) {
- ticks[index].major = true;
- }
- }
- return ticks;
-}
-function ticksFromTimestamps(scale, values, majorUnit) {
- const ticks = [];
- const map = {};
- const ilen = values.length;
- let i, value;
- for (i = 0; i < ilen; ++i) {
- value = values[i];
- map[value] = i;
- ticks.push({
- value,
- major: false
- });
- }
- return (ilen === 0 || !majorUnit) ? ticks : setMajorTicks(scale, ticks, map, majorUnit);
-}
-class TimeScale extends Scale {
- constructor(props) {
- super(props);
- this._cache = {
- data: [],
- labels: [],
- all: []
- };
- this._unit = 'day';
- this._majorUnit = undefined;
- this._offsets = {};
- this._normalized = false;
- this._parseOpts = undefined;
- }
- init(scaleOpts, opts) {
- const time = scaleOpts.time || (scaleOpts.time = {});
- const adapter = this._adapter = new _adapters._date(scaleOpts.adapters.date);
- mergeIf(time.displayFormats, adapter.formats());
- this._parseOpts = {
- parser: time.parser,
- round: time.round,
- isoWeekday: time.isoWeekday
- };
- super.init(scaleOpts);
- this._normalized = opts.normalized;
- }
- parse(raw, index) {
- if (raw === undefined) {
- return null;
- }
- return parse(this, raw);
- }
- beforeLayout() {
- super.beforeLayout();
- this._cache = {
- data: [],
- labels: [],
- all: []
- };
- }
- determineDataLimits() {
- const options = this.options;
- const adapter = this._adapter;
- const unit = options.time.unit || 'day';
- let {min, max, minDefined, maxDefined} = this.getUserBounds();
- function _applyBounds(bounds) {
- if (!minDefined && !isNaN(bounds.min)) {
- min = Math.min(min, bounds.min);
- }
- if (!maxDefined && !isNaN(bounds.max)) {
- max = Math.max(max, bounds.max);
- }
- }
- if (!minDefined || !maxDefined) {
- _applyBounds(this._getLabelBounds());
- if (options.bounds !== 'ticks' || options.ticks.source !== 'labels') {
- _applyBounds(this.getMinMax(false));
- }
- }
- min = isNumberFinite(min) && !isNaN(min) ? min : +adapter.startOf(Date.now(), unit);
- max = isNumberFinite(max) && !isNaN(max) ? max : +adapter.endOf(Date.now(), unit) + 1;
- this.min = Math.min(min, max - 1);
- this.max = Math.max(min + 1, max);
- }
- _getLabelBounds() {
- const arr = this.getLabelTimestamps();
- let min = Number.POSITIVE_INFINITY;
- let max = Number.NEGATIVE_INFINITY;
- if (arr.length) {
- min = arr[0];
- max = arr[arr.length - 1];
- }
- return {min, max};
- }
- buildTicks() {
- const options = this.options;
- const timeOpts = options.time;
- const tickOpts = options.ticks;
- const timestamps = tickOpts.source === 'labels' ? this.getLabelTimestamps() : this._generate();
- if (options.bounds === 'ticks' && timestamps.length) {
- this.min = this._userMin || timestamps[0];
- this.max = this._userMax || timestamps[timestamps.length - 1];
- }
- const min = this.min;
- const max = this.max;
- const ticks = _filterBetween(timestamps, min, max);
- this._unit = timeOpts.unit || (tickOpts.autoSkip
- ? determineUnitForAutoTicks(timeOpts.minUnit, this.min, this.max, this._getLabelCapacity(min))
- : determineUnitForFormatting(this, ticks.length, timeOpts.minUnit, this.min, this.max));
- this._majorUnit = !tickOpts.major.enabled || this._unit === 'year' ? undefined
- : determineMajorUnit(this._unit);
- this.initOffsets(timestamps);
- if (options.reverse) {
- ticks.reverse();
- }
- return ticksFromTimestamps(this, ticks, this._majorUnit);
- }
- initOffsets(timestamps) {
- let start = 0;
- let end = 0;
- let first, last;
- if (this.options.offset && timestamps.length) {
- first = this.getDecimalForValue(timestamps[0]);
- if (timestamps.length === 1) {
- start = 1 - first;
- } else {
- start = (this.getDecimalForValue(timestamps[1]) - first) / 2;
- }
- last = this.getDecimalForValue(timestamps[timestamps.length - 1]);
- if (timestamps.length === 1) {
- end = last;
- } else {
- end = (last - this.getDecimalForValue(timestamps[timestamps.length - 2])) / 2;
- }
- }
- const limit = timestamps.length < 3 ? 0.5 : 0.25;
- start = _limitValue(start, 0, limit);
- end = _limitValue(end, 0, limit);
- this._offsets = {start, end, factor: 1 / (start + 1 + end)};
- }
- _generate() {
- const adapter = this._adapter;
- const min = this.min;
- const max = this.max;
- const options = this.options;
- const timeOpts = options.time;
- const minor = timeOpts.unit || determineUnitForAutoTicks(timeOpts.minUnit, min, max, this._getLabelCapacity(min));
- const stepSize = valueOrDefault(timeOpts.stepSize, 1);
- const weekday = minor === 'week' ? timeOpts.isoWeekday : false;
- const hasWeekday = isNumber(weekday) || weekday === true;
- const ticks = {};
- let first = min;
- let time, count;
- if (hasWeekday) {
- first = +adapter.startOf(first, 'isoWeek', weekday);
- }
- first = +adapter.startOf(first, hasWeekday ? 'day' : minor);
- if (adapter.diff(max, min, minor) > 100000 * stepSize) {
- throw new Error(min + ' and ' + max + ' are too far apart with stepSize of ' + stepSize + ' ' + minor);
- }
- const timestamps = options.ticks.source === 'data' && this.getDataTimestamps();
- for (time = first, count = 0; time < max; time = +adapter.add(time, stepSize, minor), count++) {
- addTick(ticks, time, timestamps);
- }
- if (time === max || options.bounds === 'ticks' || count === 1) {
- addTick(ticks, time, timestamps);
- }
- return Object.keys(ticks).sort((a, b) => a - b).map(x => +x);
- }
- getLabelForValue(value) {
- const adapter = this._adapter;
- const timeOpts = this.options.time;
- if (timeOpts.tooltipFormat) {
- return adapter.format(value, timeOpts.tooltipFormat);
- }
- return adapter.format(value, timeOpts.displayFormats.datetime);
- }
- _tickFormatFunction(time, index, ticks, format) {
- const options = this.options;
- const formats = options.time.displayFormats;
- const unit = this._unit;
- const majorUnit = this._majorUnit;
- const minorFormat = unit && formats[unit];
- const majorFormat = majorUnit && formats[majorUnit];
- const tick = ticks[index];
- const major = majorUnit && majorFormat && tick && tick.major;
- const label = this._adapter.format(time, format || (major ? majorFormat : minorFormat));
- const formatter = options.ticks.callback;
- return formatter ? callback(formatter, [label, index, ticks], this) : label;
- }
- generateTickLabels(ticks) {
- let i, ilen, tick;
- for (i = 0, ilen = ticks.length; i < ilen; ++i) {
- tick = ticks[i];
- tick.label = this._tickFormatFunction(tick.value, i, ticks);
- }
- }
- getDecimalForValue(value) {
- return value === null ? NaN : (value - this.min) / (this.max - this.min);
- }
- getPixelForValue(value) {
- const offsets = this._offsets;
- const pos = this.getDecimalForValue(value);
- return this.getPixelForDecimal((offsets.start + pos) * offsets.factor);
- }
- getValueForPixel(pixel) {
- const offsets = this._offsets;
- const pos = this.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
- return this.min + pos * (this.max - this.min);
- }
- _getLabelSize(label) {
- const ticksOpts = this.options.ticks;
- const tickLabelWidth = this.ctx.measureText(label).width;
- const angle = toRadians(this.isHorizontal() ? ticksOpts.maxRotation : ticksOpts.minRotation);
- const cosRotation = Math.cos(angle);
- const sinRotation = Math.sin(angle);
- const tickFontSize = this._resolveTickFontOptions(0).size;
- return {
- w: (tickLabelWidth * cosRotation) + (tickFontSize * sinRotation),
- h: (tickLabelWidth * sinRotation) + (tickFontSize * cosRotation)
- };
- }
- _getLabelCapacity(exampleTime) {
- const timeOpts = this.options.time;
- const displayFormats = timeOpts.displayFormats;
- const format = displayFormats[timeOpts.unit] || displayFormats.millisecond;
- const exampleLabel = this._tickFormatFunction(exampleTime, 0, ticksFromTimestamps(this, [exampleTime], this._majorUnit), format);
- const size = this._getLabelSize(exampleLabel);
- const capacity = Math.floor(this.isHorizontal() ? this.width / size.w : this.height / size.h) - 1;
- return capacity > 0 ? capacity : 1;
- }
- getDataTimestamps() {
- let timestamps = this._cache.data || [];
- let i, ilen;
- if (timestamps.length) {
- return timestamps;
- }
- const metas = this.getMatchingVisibleMetas();
- if (this._normalized && metas.length) {
- return (this._cache.data = metas[0].controller.getAllParsedValues(this));
- }
- for (i = 0, ilen = metas.length; i < ilen; ++i) {
- timestamps = timestamps.concat(metas[i].controller.getAllParsedValues(this));
- }
- return (this._cache.data = this.normalize(timestamps));
- }
- getLabelTimestamps() {
- const timestamps = this._cache.labels || [];
- let i, ilen;
- if (timestamps.length) {
- return timestamps;
- }
- const labels = this.getLabels();
- for (i = 0, ilen = labels.length; i < ilen; ++i) {
- timestamps.push(parse(this, labels[i]));
- }
- return (this._cache.labels = this._normalized ? timestamps : this.normalize(timestamps));
- }
- normalize(values) {
- return _arrayUnique(values.sort(sorter));
- }
-}
-TimeScale.id = 'time';
-TimeScale.defaults = {
- bounds: 'data',
- adapters: {},
- time: {
- parser: false,
- unit: false,
- round: false,
- isoWeekday: false,
- minUnit: 'millisecond',
- displayFormats: {}
- },
- ticks: {
- source: 'auto',
- major: {
- enabled: false
- }
- }
-};
-
-function interpolate(table, val, reverse) {
- let lo = 0;
- let hi = table.length - 1;
- let prevSource, nextSource, prevTarget, nextTarget;
- if (reverse) {
- if (val >= table[lo].pos && val <= table[hi].pos) {
- ({lo, hi} = _lookupByKey(table, 'pos', val));
- }
- ({pos: prevSource, time: prevTarget} = table[lo]);
- ({pos: nextSource, time: nextTarget} = table[hi]);
- } else {
- if (val >= table[lo].time && val <= table[hi].time) {
- ({lo, hi} = _lookupByKey(table, 'time', val));
- }
- ({time: prevSource, pos: prevTarget} = table[lo]);
- ({time: nextSource, pos: nextTarget} = table[hi]);
- }
- const span = nextSource - prevSource;
- return span ? prevTarget + (nextTarget - prevTarget) * (val - prevSource) / span : prevTarget;
-}
-class TimeSeriesScale extends TimeScale {
- constructor(props) {
- super(props);
- this._table = [];
- this._minPos = undefined;
- this._tableRange = undefined;
- }
- initOffsets() {
- const timestamps = this._getTimestampsForTable();
- const table = this._table = this.buildLookupTable(timestamps);
- this._minPos = interpolate(table, this.min);
- this._tableRange = interpolate(table, this.max) - this._minPos;
- super.initOffsets(timestamps);
- }
- buildLookupTable(timestamps) {
- const {min, max} = this;
- const items = [];
- const table = [];
- let i, ilen, prev, curr, next;
- for (i = 0, ilen = timestamps.length; i < ilen; ++i) {
- curr = timestamps[i];
- if (curr >= min && curr <= max) {
- items.push(curr);
- }
- }
- if (items.length < 2) {
- return [
- {time: min, pos: 0},
- {time: max, pos: 1}
- ];
- }
- for (i = 0, ilen = items.length; i < ilen; ++i) {
- next = items[i + 1];
- prev = items[i - 1];
- curr = items[i];
- if (Math.round((next + prev) / 2) !== curr) {
- table.push({time: curr, pos: i / (ilen - 1)});
- }
- }
- return table;
- }
- _getTimestampsForTable() {
- let timestamps = this._cache.all || [];
- if (timestamps.length) {
- return timestamps;
- }
- const data = this.getDataTimestamps();
- const label = this.getLabelTimestamps();
- if (data.length && label.length) {
- timestamps = this.normalize(data.concat(label));
- } else {
- timestamps = data.length ? data : label;
- }
- timestamps = this._cache.all = timestamps;
- return timestamps;
- }
- getDecimalForValue(value) {
- return (interpolate(this._table, value) - this._minPos) / this._tableRange;
- }
- getValueForPixel(pixel) {
- const offsets = this._offsets;
- const decimal = this.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
- return interpolate(this._table, decimal * this._tableRange + this._minPos, true);
- }
-}
-TimeSeriesScale.id = 'timeseries';
-TimeSeriesScale.defaults = TimeScale.defaults;
-
-var scales = /*#__PURE__*/Object.freeze({
-__proto__: null,
-CategoryScale: CategoryScale,
-LinearScale: LinearScale,
-LogarithmicScale: LogarithmicScale,
-RadialLinearScale: RadialLinearScale,
-TimeScale: TimeScale,
-TimeSeriesScale: TimeSeriesScale
-});
-
-Chart.register(controllers, scales, elements, plugins);
-Chart.helpers = {...helpers};
-Chart._adapters = _adapters;
-Chart.Animation = Animation;
-Chart.Animations = Animations;
-Chart.animator = animator;
-Chart.controllers = registry.controllers.items;
-Chart.DatasetController = DatasetController;
-Chart.Element = Element;
-Chart.elements = elements;
-Chart.Interaction = Interaction;
-Chart.layouts = layouts;
-Chart.platforms = platforms;
-Chart.Scale = Scale;
-Chart.Ticks = Ticks;
-Object.assign(Chart, controllers, scales, elements, plugins, platforms);
-Chart.Chart = Chart;
-if (typeof window !== 'undefined') {
- window.Chart = Chart;
-}
-
-return Chart;
-
-}));
diff --git a/primary/public/lib/chart.min.js b/primary/public/lib/chart.min.js
deleted file mode 100644
index 2b3e9984..00000000
--- a/primary/public/lib/chart.min.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/*!
- * Chart.js v3.7.1
- * https://www.chartjs.org
- * (c) 2022 Chart.js Contributors
- * Released under the MIT License
- */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Chart=e()}(this,(function(){"use strict";const t="undefined"==typeof window?function(t){return t()}:window.requestAnimationFrame;function e(e,i,s){const n=s||(t=>Array.prototype.slice.call(t));let o=!1,a=[];return function(...s){a=n(s),o||(o=!0,t.call(window,(()=>{o=!1,e.apply(i,a)})))}}function i(t,e){let i;return function(...s){return e?(clearTimeout(i),i=setTimeout(t,e,s)):t.apply(this,s),e}}const s=t=>"start"===t?"left":"end"===t?"right":"center",n=(t,e,i)=>"start"===t?e:"end"===t?i:(e+i)/2,o=(t,e,i,s)=>t===(s?"left":"right")?i:"center"===t?(e+i)/2:e;var a=new class{constructor(){this._request=null,this._charts=new Map,this._running=!1,this._lastDate=void 0}_notify(t,e,i,s){const n=e.listeners[s],o=e.duration;n.forEach((s=>s({chart:t,initial:e.initial,numSteps:o,currentStep:Math.min(i-e.start,o)})))}_refresh(){this._request||(this._running=!0,this._request=t.call(window,(()=>{this._update(),this._request=null,this._running&&this._refresh()})))}_update(t=Date.now()){let e=0;this._charts.forEach(((i,s)=>{if(!i.running||!i.items.length)return;const n=i.items;let o,a=n.length-1,r=!1;for(;a>=0;--a)o=n[a],o._active?(o._total>i.duration&&(i.duration=o._total),o.tick(t),r=!0):(n[a]=n[n.length-1],n.pop());r&&(s.draw(),this._notify(s,i,t,"progress")),n.length||(i.running=!1,this._notify(s,i,t,"complete"),i.initial=!1),e+=n.length})),this._lastDate=t,0===e&&(this._running=!1)}_getAnims(t){const e=this._charts;let i=e.get(t);return i||(i={running:!1,initial:!0,items:[],listeners:{complete:[],progress:[]}},e.set(t,i)),i}listen(t,e,i){this._getAnims(t).listeners[e].push(i)}add(t,e){e&&e.length&&this._getAnims(t).items.push(...e)}has(t){return this._getAnims(t).items.length>0}start(t){const e=this._charts.get(t);e&&(e.running=!0,e.start=Date.now(),e.duration=e.items.reduce(((t,e)=>Math.max(t,e._duration)),0),this._refresh())}running(t){if(!this._running)return!1;const e=this._charts.get(t);return!!(e&&e.running&&e.items.length)}stop(t){const e=this._charts.get(t);if(!e||!e.items.length)return;const i=e.items;let s=i.length-1;for(;s>=0;--s)i[s].cancel();e.items=[],this._notify(t,e,Date.now(),"complete")}remove(t){return this._charts.delete(t)}};
-/*!
- * @kurkle/color v0.1.9
- * https://github.com/kurkle/color#readme
- * (c) 2020 Jukka Kurkela
- * Released under the MIT License
- */const r={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:10,B:11,C:12,D:13,E:14,F:15,a:10,b:11,c:12,d:13,e:14,f:15},l="0123456789ABCDEF",h=t=>l[15&t],c=t=>l[(240&t)>>4]+l[15&t],d=t=>(240&t)>>4==(15&t);function u(t){var e=function(t){return d(t.r)&&d(t.g)&&d(t.b)&&d(t.a)}(t)?h:c;return t?"#"+e(t.r)+e(t.g)+e(t.b)+(t.a<255?e(t.a):""):t}function f(t){return t+.5|0}const g=(t,e,i)=>Math.max(Math.min(t,i),e);function p(t){return g(f(2.55*t),0,255)}function m(t){return g(f(255*t),0,255)}function x(t){return g(f(t/2.55)/100,0,1)}function b(t){return g(f(100*t),0,100)}const _=/^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;const y=/^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;function v(t,e,i){const s=e*Math.min(i,1-i),n=(e,n=(e+t/30)%12)=>i-s*Math.max(Math.min(n-3,9-n,1),-1);return[n(0),n(8),n(4)]}function w(t,e,i){const s=(s,n=(s+t/60)%6)=>i-i*e*Math.max(Math.min(n,4-n,1),0);return[s(5),s(3),s(1)]}function M(t,e,i){const s=v(t,1,.5);let n;for(e+i>1&&(n=1/(e+i),e*=n,i*=n),n=0;n<3;n++)s[n]*=1-e-i,s[n]+=e;return s}function k(t){const e=t.r/255,i=t.g/255,s=t.b/255,n=Math.max(e,i,s),o=Math.min(e,i,s),a=(n+o)/2;let r,l,h;return n!==o&&(h=n-o,l=a>.5?h/(2-n-o):h/(n+o),r=n===e?(i-s)/h+(i>16&255,o>>8&255,255&o]}return t}(),T.transparent=[0,0,0,0]);const e=T[t.toLowerCase()];return e&&{r:e[0],g:e[1],b:e[2],a:4===e.length?e[3]:255}}function R(t,e,i){if(t){let s=k(t);s[e]=Math.max(0,Math.min(s[e]+s[e]*i,0===e?360:1)),s=P(s),t.r=s[0],t.g=s[1],t.b=s[2]}}function E(t,e){return t?Object.assign(e||{},t):t}function I(t){var e={r:0,g:0,b:0,a:255};return Array.isArray(t)?t.length>=3&&(e={r:t[0],g:t[1],b:t[2],a:255},t.length>3&&(e.a=m(t[3]))):(e=E(t,{r:0,g:0,b:0,a:1})).a=m(e.a),e}function z(t){return"r"===t.charAt(0)?function(t){const e=_.exec(t);let i,s,n,o=255;if(e){if(e[7]!==i){const t=+e[7];o=255&(e[8]?p(t):255*t)}return i=+e[1],s=+e[3],n=+e[5],i=255&(e[2]?p(i):i),s=255&(e[4]?p(s):s),n=255&(e[6]?p(n):n),{r:i,g:s,b:n,a:o}}}(t):C(t)}class F{constructor(t){if(t instanceof F)return t;const e=typeof t;let i;var s,n,o;"object"===e?i=I(t):"string"===e&&(o=(s=t).length,"#"===s[0]&&(4===o||5===o?n={r:255&17*r[s[1]],g:255&17*r[s[2]],b:255&17*r[s[3]],a:5===o?17*r[s[4]]:255}:7!==o&&9!==o||(n={r:r[s[1]]<<4|r[s[2]],g:r[s[3]]<<4|r[s[4]],b:r[s[5]]<<4|r[s[6]],a:9===o?r[s[7]]<<4|r[s[8]]:255})),i=n||L(t)||z(t)),this._rgb=i,this._valid=!!i}get valid(){return this._valid}get rgb(){var t=E(this._rgb);return t&&(t.a=x(t.a)),t}set rgb(t){this._rgb=I(t)}rgbString(){return this._valid?(t=this._rgb)&&(t.a<255?`rgba(${t.r}, ${t.g}, ${t.b}, ${x(t.a)})`:`rgb(${t.r}, ${t.g}, ${t.b})`):this._rgb;var t}hexString(){return this._valid?u(this._rgb):this._rgb}hslString(){return this._valid?function(t){if(!t)return;const e=k(t),i=e[0],s=b(e[1]),n=b(e[2]);return t.a<255?`hsla(${i}, ${s}%, ${n}%, ${x(t.a)})`:`hsl(${i}, ${s}%, ${n}%)`}(this._rgb):this._rgb}mix(t,e){const i=this;if(t){const s=i.rgb,n=t.rgb;let o;const a=e===o?.5:e,r=2*a-1,l=s.a-n.a,h=((r*l==-1?r:(r+l)/(1+r*l))+1)/2;o=1-h,s.r=255&h*s.r+o*n.r+.5,s.g=255&h*s.g+o*n.g+.5,s.b=255&h*s.b+o*n.b+.5,s.a=a*s.a+(1-a)*n.a,i.rgb=s}return i}clone(){return new F(this.rgb)}alpha(t){return this._rgb.a=m(t),this}clearer(t){return this._rgb.a*=1-t,this}greyscale(){const t=this._rgb,e=f(.3*t.r+.59*t.g+.11*t.b);return t.r=t.g=t.b=e,this}opaquer(t){return this._rgb.a*=1+t,this}negate(){const t=this._rgb;return t.r=255-t.r,t.g=255-t.g,t.b=255-t.b,this}lighten(t){return R(this._rgb,2,t),this}darken(t){return R(this._rgb,2,-t),this}saturate(t){return R(this._rgb,1,t),this}desaturate(t){return R(this._rgb,1,-t),this}rotate(t){return function(t,e){var i=k(t);i[0]=D(i[0]+e),i=P(i),t.r=i[0],t.g=i[1],t.b=i[2]}(this._rgb,t),this}}function B(t){return new F(t)}const V=t=>t instanceof CanvasGradient||t instanceof CanvasPattern;function W(t){return V(t)?t:B(t)}function N(t){return V(t)?t:B(t).saturate(.5).darken(.1).hexString()}function H(){}const j=function(){let t=0;return function(){return t++}}();function $(t){return null==t}function Y(t){if(Array.isArray&&Array.isArray(t))return!0;const e=Object.prototype.toString.call(t);return"[object"===e.substr(0,7)&&"Array]"===e.substr(-6)}function U(t){return null!==t&&"[object Object]"===Object.prototype.toString.call(t)}const X=t=>("number"==typeof t||t instanceof Number)&&isFinite(+t);function q(t,e){return X(t)?t:e}function K(t,e){return void 0===t?e:t}const G=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100:t/e,Z=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100*e:+t;function J(t,e,i){if(t&&"function"==typeof t.call)return t.apply(i,e)}function Q(t,e,i,s){let n,o,a;if(Y(t))if(o=t.length,s)for(n=o-1;n>=0;n--)e.call(i,t[n],n);else for(n=0;ni;)t=t[e.substr(i,s-i)],i=s+1,s=rt(e,i);return t}function ht(t){return t.charAt(0).toUpperCase()+t.slice(1)}const ct=t=>void 0!==t,dt=t=>"function"==typeof t,ut=(t,e)=>{if(t.size!==e.size)return!1;for(const i of t)if(!e.has(i))return!1;return!0};function ft(t){return"mouseup"===t.type||"click"===t.type||"contextmenu"===t.type}const gt=Object.create(null),pt=Object.create(null);function mt(t,e){if(!e)return t;const i=e.split(".");for(let e=0,s=i.length;et.chart.platform.getDevicePixelRatio(),this.elements={},this.events=["mousemove","mouseout","click","touchstart","touchmove"],this.font={family:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",size:12,style:"normal",lineHeight:1.2,weight:null},this.hover={},this.hoverBackgroundColor=(t,e)=>N(e.backgroundColor),this.hoverBorderColor=(t,e)=>N(e.borderColor),this.hoverColor=(t,e)=>N(e.color),this.indexAxis="x",this.interaction={mode:"nearest",intersect:!0},this.maintainAspectRatio=!0,this.onHover=null,this.onClick=null,this.parsing=!0,this.plugins={},this.responsive=!0,this.scale=void 0,this.scales={},this.showLine=!0,this.drawActiveElementsOnTop=!0,this.describe(t)}set(t,e){return xt(this,t,e)}get(t){return mt(this,t)}describe(t,e){return xt(pt,t,e)}override(t,e){return xt(gt,t,e)}route(t,e,i,s){const n=mt(this,t),o=mt(this,i),a="_"+e;Object.defineProperties(n,{[a]:{value:n[e],writable:!0},[e]:{enumerable:!0,get(){const t=this[a],e=o[s];return U(t)?Object.assign({},e,t):K(t,e)},set(t){this[a]=t}}})}}({_scriptable:t=>!t.startsWith("on"),_indexable:t=>"events"!==t,hover:{_fallback:"interaction"},interaction:{_scriptable:!1,_indexable:!1}});const _t=Math.PI,yt=2*_t,vt=yt+_t,wt=Number.POSITIVE_INFINITY,Mt=_t/180,kt=_t/2,St=_t/4,Pt=2*_t/3,Dt=Math.log10,Ct=Math.sign;function Ot(t){const e=Math.round(t);t=Lt(t,e,t/1e3)?e:t;const i=Math.pow(10,Math.floor(Dt(t))),s=t/i;return(s<=1?1:s<=2?2:s<=5?5:10)*i}function At(t){const e=[],i=Math.sqrt(t);let s;for(s=1;st-e)).pop(),e}function Tt(t){return!isNaN(parseFloat(t))&&isFinite(t)}function Lt(t,e,i){return Math.abs(t-e)=t}function Et(t,e,i){let s,n,o;for(s=0,n=t.length;sl&&h=Math.min(e,i)-s&&t<=Math.max(e,i)+s}function Ut(t){return!t||$(t.size)||$(t.family)?null:(t.style?t.style+" ":"")+(t.weight?t.weight+" ":"")+t.size+"px "+t.family}function Xt(t,e,i,s,n){let o=e[n];return o||(o=e[n]=t.measureText(n).width,i.push(n)),o>s&&(s=o),s}function qt(t,e,i,s){let n=(s=s||{}).data=s.data||{},o=s.garbageCollect=s.garbageCollect||[];s.font!==e&&(n=s.data={},o=s.garbageCollect=[],s.font=e),t.save(),t.font=e;let a=0;const r=i.length;let l,h,c,d,u;for(l=0;li.length){for(l=0;l0&&t.stroke()}}function Jt(t,e,i){return i=i||.5,!e||t&&t.x>e.left-i&&t.xe.top-i&&t.y0&&""!==o.strokeColor;let l,h;for(t.save(),t.font=n.string,function(t,e){e.translation&&t.translate(e.translation[0],e.translation[1]);$(e.rotation)||t.rotate(e.rotation);e.color&&(t.fillStyle=e.color);e.textAlign&&(t.textAlign=e.textAlign);e.textBaseline&&(t.textBaseline=e.textBaseline)}(t,o),l=0;lt[i]1;)s=o+n>>1,i(s)?o=s:n=s;return{lo:o,hi:n}}const re=(t,e,i)=>ae(t,i,(s=>t[s][e]ae(t,i,(s=>t[s][e]>=i));function he(t,e,i){let s=0,n=t.length;for(;ss&&t[n-1]>i;)n--;return s>0||n{const i="_onData"+ht(e),s=t[e];Object.defineProperty(t,e,{configurable:!0,enumerable:!1,value(...e){const n=s.apply(this,e);return t._chartjs.listeners.forEach((t=>{"function"==typeof t[i]&&t[i](...e)})),n}})})))}function ue(t,e){const i=t._chartjs;if(!i)return;const s=i.listeners,n=s.indexOf(e);-1!==n&&s.splice(n,1),s.length>0||(ce.forEach((e=>{delete t[e]})),delete t._chartjs)}function fe(t){const e=new Set;let i,s;for(i=0,s=t.length;iwindow.getComputedStyle(t,null);function be(t,e){return xe(t).getPropertyValue(e)}const _e=["top","right","bottom","left"];function ye(t,e,i){const s={};i=i?"-"+i:"";for(let n=0;n<4;n++){const o=_e[n];s[o]=parseFloat(t[e+"-"+o+i])||0}return s.width=s.left+s.right,s.height=s.top+s.bottom,s}function ve(t,e){const{canvas:i,currentDevicePixelRatio:s}=e,n=xe(i),o="border-box"===n.boxSizing,a=ye(n,"padding"),r=ye(n,"border","width"),{x:l,y:h,box:c}=function(t,e){const i=t.native||t,s=i.touches,n=s&&s.length?s[0]:i,{offsetX:o,offsetY:a}=n;let r,l,h=!1;if(((t,e,i)=>(t>0||e>0)&&(!i||!i.shadowRoot))(o,a,i.target))r=o,l=a;else{const t=e.getBoundingClientRect();r=n.clientX-t.left,l=n.clientY-t.top,h=!0}return{x:r,y:l,box:h}}(t,i),d=a.left+(c&&r.left),u=a.top+(c&&r.top);let{width:f,height:g}=e;return o&&(f-=a.width+r.width,g-=a.height+r.height),{x:Math.round((l-d)/f*i.width/s),y:Math.round((h-u)/g*i.height/s)}}const we=t=>Math.round(10*t)/10;function Me(t,e,i,s){const n=xe(t),o=ye(n,"margin"),a=me(n.maxWidth,t,"clientWidth")||wt,r=me(n.maxHeight,t,"clientHeight")||wt,l=function(t,e,i){let s,n;if(void 0===e||void 0===i){const o=pe(t);if(o){const t=o.getBoundingClientRect(),a=xe(o),r=ye(a,"border","width"),l=ye(a,"padding");e=t.width-l.width-r.width,i=t.height-l.height-r.height,s=me(a.maxWidth,o,"clientWidth"),n=me(a.maxHeight,o,"clientHeight")}else e=t.clientWidth,i=t.clientHeight}return{width:e,height:i,maxWidth:s||wt,maxHeight:n||wt}}(t,e,i);let{width:h,height:c}=l;if("content-box"===n.boxSizing){const t=ye(n,"border","width"),e=ye(n,"padding");h-=e.width+t.width,c-=e.height+t.height}return h=Math.max(0,h-o.width),c=Math.max(0,s?Math.floor(h/s):c-o.height),h=we(Math.min(h,a,l.maxWidth)),c=we(Math.min(c,r,l.maxHeight)),h&&!c&&(c=we(h/2)),{width:h,height:c}}function ke(t,e,i){const s=e||1,n=Math.floor(t.height*s),o=Math.floor(t.width*s);t.height=n/s,t.width=o/s;const a=t.canvas;return a.style&&(i||!a.style.height&&!a.style.width)&&(a.style.height=`${t.height}px`,a.style.width=`${t.width}px`),(t.currentDevicePixelRatio!==s||a.height!==n||a.width!==o)&&(t.currentDevicePixelRatio=s,a.height=n,a.width=o,t.ctx.setTransform(s,0,0,s,0,0),!0)}const Se=function(){let t=!1;try{const e={get passive(){return t=!0,!1}};window.addEventListener("test",null,e),window.removeEventListener("test",null,e)}catch(t){}return t}();function Pe(t,e){const i=be(t,e),s=i&&i.match(/^(\d+)(\.\d+)?px$/);return s?+s[1]:void 0}function De(t,e){return"native"in t?{x:t.x,y:t.y}:ve(t,e)}function Ce(t,e,i,s){const{controller:n,data:o,_sorted:a}=t,r=n._cachedMeta.iScale;if(r&&e===r.axis&&"r"!==e&&a&&o.length){const t=r._reversePixels?le:re;if(!s)return t(o,e,i);if(n._sharedOptions){const s=o[0],n="function"==typeof s.getRange&&s.getRange(e);if(n){const s=t(o,e,i-n),a=t(o,e,i+n);return{lo:s.lo,hi:a.hi}}}}return{lo:0,hi:o.length-1}}function Oe(t,e,i,s,n){const o=t.getSortedVisibleDatasetMetas(),a=i[e];for(let t=0,i=o.length;t{t[r](n[a],s)&&o.push({element:t,datasetIndex:e,index:i}),t.inRange(n.x,n.y,s)&&(l=!0)})),i.intersect&&!l?[]:o}var Ee={modes:{index(t,e,i,s){const n=De(e,t),o=i.axis||"x",a=i.intersect?Ae(t,n,o,s):Le(t,n,o,!1,s),r=[];return a.length?(t.getSortedVisibleDatasetMetas().forEach((t=>{const e=a[0].index,i=t.data[e];i&&!i.skip&&r.push({element:i,datasetIndex:t.index,index:e})})),r):[]},dataset(t,e,i,s){const n=De(e,t),o=i.axis||"xy";let a=i.intersect?Ae(t,n,o,s):Le(t,n,o,!1,s);if(a.length>0){const e=a[0].datasetIndex,i=t.getDatasetMeta(e).data;a=[];for(let t=0;tAe(t,De(e,t),i.axis||"xy",s),nearest:(t,e,i,s)=>Le(t,De(e,t),i.axis||"xy",i.intersect,s),x:(t,e,i,s)=>Re(t,e,{axis:"x",intersect:i.intersect},s),y:(t,e,i,s)=>Re(t,e,{axis:"y",intersect:i.intersect},s)}};const Ie=new RegExp(/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/),ze=new RegExp(/^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/);function Fe(t,e){const i=(""+t).match(Ie);if(!i||"normal"===i[1])return 1.2*e;switch(t=+i[2],i[3]){case"px":return t;case"%":t/=100}return e*t}function Be(t,e){const i={},s=U(e),n=s?Object.keys(e):e,o=U(t)?s?i=>K(t[i],t[e[i]]):e=>t[e]:()=>t;for(const t of n)i[t]=+o(t)||0;return i}function Ve(t){return Be(t,{top:"y",right:"x",bottom:"y",left:"x"})}function We(t){return Be(t,["topLeft","topRight","bottomLeft","bottomRight"])}function Ne(t){const e=Ve(t);return e.width=e.left+e.right,e.height=e.top+e.bottom,e}function He(t,e){t=t||{},e=e||bt.font;let i=K(t.size,e.size);"string"==typeof i&&(i=parseInt(i,10));let s=K(t.style,e.style);s&&!(""+s).match(ze)&&(console.warn('Invalid font style specified: "'+s+'"'),s="");const n={family:K(t.family,e.family),lineHeight:Fe(K(t.lineHeight,e.lineHeight),i),size:i,style:s,weight:K(t.weight,e.weight),string:""};return n.string=Ut(n),n}function je(t,e,i,s){let n,o,a,r=!0;for(n=0,o=t.length;ni&&0===t?0:t+e;return{min:a(s,-Math.abs(o)),max:a(n,o)}}function Ye(t,e){return Object.assign(Object.create(t),e)}const Ue=["left","top","right","bottom"];function Xe(t,e){return t.filter((t=>t.pos===e))}function qe(t,e){return t.filter((t=>-1===Ue.indexOf(t.pos)&&t.box.axis===e))}function Ke(t,e){return t.sort(((t,i)=>{const s=e?i:t,n=e?t:i;return s.weight===n.weight?s.index-n.index:s.weight-n.weight}))}function Ge(t,e){const i=function(t){const e={};for(const i of t){const{stack:t,pos:s,stackWeight:n}=i;if(!t||!Ue.includes(s))continue;const o=e[t]||(e[t]={count:0,placed:0,weight:0,size:0});o.count++,o.weight+=n}return e}(t),{vBoxMaxWidth:s,hBoxMaxHeight:n}=e;let o,a,r;for(o=0,a=t.length;o{s[t]=Math.max(e[t],i[t])})),s}return s(t?["left","right"]:["top","bottom"])}function ei(t,e,i,s){const n=[];let o,a,r,l,h,c;for(o=0,a=t.length,h=0;ot.box.fullSize)),!0),s=Ke(Xe(e,"left"),!0),n=Ke(Xe(e,"right")),o=Ke(Xe(e,"top"),!0),a=Ke(Xe(e,"bottom")),r=qe(e,"x"),l=qe(e,"y");return{fullSize:i,leftAndTop:s.concat(o),rightAndBottom:n.concat(l).concat(a).concat(r),chartArea:Xe(e,"chartArea"),vertical:s.concat(n).concat(l),horizontal:o.concat(a).concat(r)}}(t.boxes),l=r.vertical,h=r.horizontal;Q(t.boxes,(t=>{"function"==typeof t.beforeLayout&&t.beforeLayout()}));const c=l.reduce(((t,e)=>e.box.options&&!1===e.box.options.display?t:t+1),0)||1,d=Object.freeze({outerWidth:e,outerHeight:i,padding:n,availableWidth:o,availableHeight:a,vBoxMaxWidth:o/2/c,hBoxMaxHeight:a/2}),u=Object.assign({},n);Je(u,Ne(s));const f=Object.assign({maxPadding:u,w:o,h:a,x:n.left,y:n.top},n),g=Ge(l.concat(h),d);ei(r.fullSize,f,d,g),ei(l,f,d,g),ei(h,f,d,g)&&ei(l,f,d,g),function(t){const e=t.maxPadding;function i(i){const s=Math.max(e[i]-t[i],0);return t[i]+=s,s}t.y+=i("top"),t.x+=i("left"),i("right"),i("bottom")}(f),si(r.leftAndTop,f,d,g),f.x+=f.w,f.y+=f.h,si(r.rightAndBottom,f,d,g),t.chartArea={left:f.left,top:f.top,right:f.left+f.w,bottom:f.top+f.h,height:f.h,width:f.w},Q(r.chartArea,(e=>{const i=e.box;Object.assign(i,t.chartArea),i.update(f.w,f.h,{left:0,top:0,right:0,bottom:0})}))}};function oi(t,e=[""],i=t,s,n=(()=>t[0])){ct(s)||(s=mi("_fallback",t));const o={[Symbol.toStringTag]:"Object",_cacheable:!0,_scopes:t,_rootScopes:i,_fallback:s,_getTarget:n,override:n=>oi([n,...t],e,i,s)};return new Proxy(o,{deleteProperty:(e,i)=>(delete e[i],delete e._keys,delete t[0][i],!0),get:(i,s)=>ci(i,s,(()=>function(t,e,i,s){let n;for(const o of e)if(n=mi(li(o,t),i),ct(n))return hi(t,n)?gi(i,s,t,n):n}(s,e,t,i))),getOwnPropertyDescriptor:(t,e)=>Reflect.getOwnPropertyDescriptor(t._scopes[0],e),getPrototypeOf:()=>Reflect.getPrototypeOf(t[0]),has:(t,e)=>xi(t).includes(e),ownKeys:t=>xi(t),set(t,e,i){const s=t._storage||(t._storage=n());return t[e]=s[e]=i,delete t._keys,!0}})}function ai(t,e,i,s){const n={_cacheable:!1,_proxy:t,_context:e,_subProxy:i,_stack:new Set,_descriptors:ri(t,s),setContext:e=>ai(t,e,i,s),override:n=>ai(t.override(n),e,i,s)};return new Proxy(n,{deleteProperty:(e,i)=>(delete e[i],delete t[i],!0),get:(t,e,i)=>ci(t,e,(()=>function(t,e,i){const{_proxy:s,_context:n,_subProxy:o,_descriptors:a}=t;let r=s[e];dt(r)&&a.isScriptable(e)&&(r=function(t,e,i,s){const{_proxy:n,_context:o,_subProxy:a,_stack:r}=i;if(r.has(t))throw new Error("Recursion detected: "+Array.from(r).join("->")+"->"+t);r.add(t),e=e(o,a||s),r.delete(t),hi(t,e)&&(e=gi(n._scopes,n,t,e));return e}(e,r,t,i));Y(r)&&r.length&&(r=function(t,e,i,s){const{_proxy:n,_context:o,_subProxy:a,_descriptors:r}=i;if(ct(o.index)&&s(t))e=e[o.index%e.length];else if(U(e[0])){const i=e,s=n._scopes.filter((t=>t!==i));e=[];for(const l of i){const i=gi(s,n,t,l);e.push(ai(i,o,a&&a[t],r))}}return e}(e,r,t,a.isIndexable));hi(e,r)&&(r=ai(r,n,o&&o[e],a));return r}(t,e,i))),getOwnPropertyDescriptor:(e,i)=>e._descriptors.allKeys?Reflect.has(t,i)?{enumerable:!0,configurable:!0}:void 0:Reflect.getOwnPropertyDescriptor(t,i),getPrototypeOf:()=>Reflect.getPrototypeOf(t),has:(e,i)=>Reflect.has(t,i),ownKeys:()=>Reflect.ownKeys(t),set:(e,i,s)=>(t[i]=s,delete e[i],!0)})}function ri(t,e={scriptable:!0,indexable:!0}){const{_scriptable:i=e.scriptable,_indexable:s=e.indexable,_allKeys:n=e.allKeys}=t;return{allKeys:n,scriptable:i,indexable:s,isScriptable:dt(i)?i:()=>i,isIndexable:dt(s)?s:()=>s}}const li=(t,e)=>t?t+ht(e):e,hi=(t,e)=>U(e)&&"adapters"!==t&&(null===Object.getPrototypeOf(e)||e.constructor===Object);function ci(t,e,i){if(Object.prototype.hasOwnProperty.call(t,e))return t[e];const s=i();return t[e]=s,s}function di(t,e,i){return dt(t)?t(e,i):t}const ui=(t,e)=>!0===t?e:"string"==typeof t?lt(e,t):void 0;function fi(t,e,i,s,n){for(const o of e){const e=ui(i,o);if(e){t.add(e);const o=di(e._fallback,i,n);if(ct(o)&&o!==i&&o!==s)return o}else if(!1===e&&ct(s)&&i!==s)return null}return!1}function gi(t,e,i,s){const n=e._rootScopes,o=di(e._fallback,i,s),a=[...t,...n],r=new Set;r.add(s);let l=pi(r,a,i,o||i,s);return null!==l&&((!ct(o)||o===i||(l=pi(r,a,o,l,s),null!==l))&&oi(Array.from(r),[""],n,o,(()=>function(t,e,i){const s=t._getTarget();e in s||(s[e]={});const n=s[e];if(Y(n)&&U(i))return i;return n}(e,i,s))))}function pi(t,e,i,s,n){for(;i;)i=fi(t,e,i,s,n);return i}function mi(t,e){for(const i of e){if(!i)continue;const e=i[t];if(ct(e))return e}}function xi(t){let e=t._keys;return e||(e=t._keys=function(t){const e=new Set;for(const i of t)for(const t of Object.keys(i).filter((t=>!t.startsWith("_"))))e.add(t);return Array.from(e)}(t._scopes)),e}const bi=Number.EPSILON||1e-14,_i=(t,e)=>e"x"===t?"y":"x";function vi(t,e,i,s){const n=t.skip?e:t,o=e,a=i.skip?e:i,r=Vt(o,n),l=Vt(a,o);let h=r/(r+l),c=l/(r+l);h=isNaN(h)?0:h,c=isNaN(c)?0:c;const d=s*h,u=s*c;return{previous:{x:o.x-d*(a.x-n.x),y:o.y-d*(a.y-n.y)},next:{x:o.x+u*(a.x-n.x),y:o.y+u*(a.y-n.y)}}}function wi(t,e="x"){const i=yi(e),s=t.length,n=Array(s).fill(0),o=Array(s);let a,r,l,h=_i(t,0);for(a=0;a!t.skip))),"monotone"===e.cubicInterpolationMode)wi(t,n);else{let i=s?t[t.length-1]:t[0];for(o=0,a=t.length;o0===t||1===t,Pi=(t,e,i)=>-Math.pow(2,10*(t-=1))*Math.sin((t-e)*yt/i),Di=(t,e,i)=>Math.pow(2,-10*t)*Math.sin((t-e)*yt/i)+1,Ci={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>-t*(t-2),easeInOutQuad:t=>(t/=.5)<1?.5*t*t:-.5*(--t*(t-2)-1),easeInCubic:t=>t*t*t,easeOutCubic:t=>(t-=1)*t*t+1,easeInOutCubic:t=>(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2),easeInQuart:t=>t*t*t*t,easeOutQuart:t=>-((t-=1)*t*t*t-1),easeInOutQuart:t=>(t/=.5)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2),easeInQuint:t=>t*t*t*t*t,easeOutQuint:t=>(t-=1)*t*t*t*t+1,easeInOutQuint:t=>(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2),easeInSine:t=>1-Math.cos(t*kt),easeOutSine:t=>Math.sin(t*kt),easeInOutSine:t=>-.5*(Math.cos(_t*t)-1),easeInExpo:t=>0===t?0:Math.pow(2,10*(t-1)),easeOutExpo:t=>1===t?1:1-Math.pow(2,-10*t),easeInOutExpo:t=>Si(t)?t:t<.5?.5*Math.pow(2,10*(2*t-1)):.5*(2-Math.pow(2,-10*(2*t-1))),easeInCirc:t=>t>=1?t:-(Math.sqrt(1-t*t)-1),easeOutCirc:t=>Math.sqrt(1-(t-=1)*t),easeInOutCirc:t=>(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1),easeInElastic:t=>Si(t)?t:Pi(t,.075,.3),easeOutElastic:t=>Si(t)?t:Di(t,.075,.3),easeInOutElastic(t){const e=.1125;return Si(t)?t:t<.5?.5*Pi(2*t,e,.45):.5+.5*Di(2*t-1,e,.45)},easeInBack(t){const e=1.70158;return t*t*((e+1)*t-e)},easeOutBack(t){const e=1.70158;return(t-=1)*t*((e+1)*t+e)+1},easeInOutBack(t){let e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:t=>1-Ci.easeOutBounce(1-t),easeOutBounce(t){const e=7.5625,i=2.75;return t<1/i?e*t*t:t<2/i?e*(t-=1.5/i)*t+.75:t<2.5/i?e*(t-=2.25/i)*t+.9375:e*(t-=2.625/i)*t+.984375},easeInOutBounce:t=>t<.5?.5*Ci.easeInBounce(2*t):.5*Ci.easeOutBounce(2*t-1)+.5};function Oi(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:t.y+i*(e.y-t.y)}}function Ai(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:"middle"===s?i<.5?t.y:e.y:"after"===s?i<1?t.y:e.y:i>0?e.y:t.y}}function Ti(t,e,i,s){const n={x:t.cp2x,y:t.cp2y},o={x:e.cp1x,y:e.cp1y},a=Oi(t,n,i),r=Oi(n,o,i),l=Oi(o,e,i),h=Oi(a,r,i),c=Oi(r,l,i);return Oi(h,c,i)}const Li=new Map;function Ri(t,e,i){return function(t,e){e=e||{};const i=t+JSON.stringify(e);let s=Li.get(i);return s||(s=new Intl.NumberFormat(t,e),Li.set(i,s)),s}(e,i).format(t)}function Ei(t,e,i){return t?function(t,e){return{x:i=>t+t+e-i,setWidth(t){e=t},textAlign:t=>"center"===t?t:"right"===t?"left":"right",xPlus:(t,e)=>t-e,leftForLtr:(t,e)=>t-e}}(e,i):{x:t=>t,setWidth(t){},textAlign:t=>t,xPlus:(t,e)=>t+e,leftForLtr:(t,e)=>t}}function Ii(t,e){let i,s;"ltr"!==e&&"rtl"!==e||(i=t.canvas.style,s=[i.getPropertyValue("direction"),i.getPropertyPriority("direction")],i.setProperty("direction",e,"important"),t.prevTextDirection=s)}function zi(t,e){void 0!==e&&(delete t.prevTextDirection,t.canvas.style.setProperty("direction",e[0],e[1]))}function Fi(t){return"angle"===t?{between:Ht,compare:Wt,normalize:Nt}:{between:Yt,compare:(t,e)=>t-e,normalize:t=>t}}function Bi({start:t,end:e,count:i,loop:s,style:n}){return{start:t%i,end:e%i,loop:s&&(e-t+1)%i==0,style:n}}function Vi(t,e,i){if(!i)return[t];const{property:s,start:n,end:o}=i,a=e.length,{compare:r,between:l,normalize:h}=Fi(s),{start:c,end:d,loop:u,style:f}=function(t,e,i){const{property:s,start:n,end:o}=i,{between:a,normalize:r}=Fi(s),l=e.length;let h,c,{start:d,end:u,loop:f}=t;if(f){for(d+=l,u+=l,h=0,c=l;hb||l(n,x,p)&&0!==r(n,x),v=()=>!b||0===r(o,p)||l(o,x,p);for(let t=c,i=c;t<=d;++t)m=e[t%a],m.skip||(p=h(m[s]),p!==x&&(b=l(p,n,o),null===_&&y()&&(_=0===r(p,n)?t:i),null!==_&&v()&&(g.push(Bi({start:_,end:t,loop:u,count:a,style:f})),_=null),i=t,x=p));return null!==_&&g.push(Bi({start:_,end:d,loop:u,count:a,style:f})),g}function Wi(t,e){const i=[],s=t.segments;for(let n=0;nn&&t[o%e].skip;)o--;return o%=e,{start:n,end:o}}(i,n,o,s);if(!0===s)return Hi(t,[{start:a,end:r,loop:o}],i,e);return Hi(t,function(t,e,i,s){const n=t.length,o=[];let a,r=e,l=t[e];for(a=e+1;a<=i;++a){const i=t[a%n];i.skip||i.stop?l.skip||(s=!1,o.push({start:e%n,end:(a-1)%n,loop:s}),e=r=i.stop?a:null):(r=a,l.skip&&(e=a)),l=i}return null!==r&&o.push({start:e%n,end:r%n,loop:s}),o}(i,a,rnull===t||""===t;const Gi=!!Se&&{passive:!0};function Zi(t,e,i){t.canvas.removeEventListener(e,i,Gi)}function Ji(t,e){for(const i of t)if(i===e||i.contains(e))return!0}function Qi(t,e,i){const s=t.canvas,n=new MutationObserver((t=>{let e=!1;for(const i of t)e=e||Ji(i.addedNodes,s),e=e&&!Ji(i.removedNodes,s);e&&i()}));return n.observe(document,{childList:!0,subtree:!0}),n}function ts(t,e,i){const s=t.canvas,n=new MutationObserver((t=>{let e=!1;for(const i of t)e=e||Ji(i.removedNodes,s),e=e&&!Ji(i.addedNodes,s);e&&i()}));return n.observe(document,{childList:!0,subtree:!0}),n}const es=new Map;let is=0;function ss(){const t=window.devicePixelRatio;t!==is&&(is=t,es.forEach(((e,i)=>{i.currentDevicePixelRatio!==t&&e()})))}function ns(t,i,s){const n=t.canvas,o=n&&pe(n);if(!o)return;const a=e(((t,e)=>{const i=o.clientWidth;s(t,e),i{const e=t[0],i=e.contentRect.width,s=e.contentRect.height;0===i&&0===s||a(i,s)}));return r.observe(o),function(t,e){es.size||window.addEventListener("resize",ss),es.set(t,e)}(t,a),r}function os(t,e,i){i&&i.disconnect(),"resize"===e&&function(t){es.delete(t),es.size||window.removeEventListener("resize",ss)}(t)}function as(t,i,s){const n=t.canvas,o=e((e=>{null!==t.ctx&&s(function(t,e){const i=qi[t.type]||t.type,{x:s,y:n}=ve(t,e);return{type:i,chart:e,native:t,x:void 0!==s?s:null,y:void 0!==n?n:null}}(e,t))}),t,(t=>{const e=t[0];return[e,e.offsetX,e.offsetY]}));return function(t,e,i){t.addEventListener(e,i,Gi)}(n,i,o),o}class rs extends Ui{acquireContext(t,e){const i=t&&t.getContext&&t.getContext("2d");return i&&i.canvas===t?(function(t,e){const i=t.style,s=t.getAttribute("height"),n=t.getAttribute("width");if(t.$chartjs={initial:{height:s,width:n,style:{display:i.display,height:i.height,width:i.width}}},i.display=i.display||"block",i.boxSizing=i.boxSizing||"border-box",Ki(n)){const e=Pe(t,"width");void 0!==e&&(t.width=e)}if(Ki(s))if(""===t.style.height)t.height=t.width/(e||2);else{const e=Pe(t,"height");void 0!==e&&(t.height=e)}}(t,e),i):null}releaseContext(t){const e=t.canvas;if(!e.$chartjs)return!1;const i=e.$chartjs.initial;["height","width"].forEach((t=>{const s=i[t];$(s)?e.removeAttribute(t):e.setAttribute(t,s)}));const s=i.style||{};return Object.keys(s).forEach((t=>{e.style[t]=s[t]})),e.width=e.width,delete e.$chartjs,!0}addEventListener(t,e,i){this.removeEventListener(t,e);const s=t.$proxies||(t.$proxies={}),n={attach:Qi,detach:ts,resize:ns}[e]||as;s[e]=n(t,e,i)}removeEventListener(t,e){const i=t.$proxies||(t.$proxies={}),s=i[e];if(!s)return;({attach:os,detach:os,resize:os}[e]||Zi)(t,e,s),i[e]=void 0}getDevicePixelRatio(){return window.devicePixelRatio}getMaximumSize(t,e,i,s){return Me(t,e,i,s)}isAttached(t){const e=pe(t);return!(!e||!e.isConnected)}}function ls(t){return!ge()||"undefined"!=typeof OffscreenCanvas&&t instanceof OffscreenCanvas?Xi:rs}var hs=Object.freeze({__proto__:null,_detectPlatform:ls,BasePlatform:Ui,BasicPlatform:Xi,DomPlatform:rs});const cs="transparent",ds={boolean:(t,e,i)=>i>.5?e:t,color(t,e,i){const s=W(t||cs),n=s.valid&&W(e||cs);return n&&n.valid?n.mix(s,i).hexString():e},number:(t,e,i)=>t+(e-t)*i};class us{constructor(t,e,i,s){const n=e[i];s=je([t.to,s,n,t.from]);const o=je([t.from,n,s]);this._active=!0,this._fn=t.fn||ds[t.type||typeof o],this._easing=Ci[t.easing]||Ci.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=i,this._from=o,this._to=s,this._promises=void 0}active(){return this._active}update(t,e,i){if(this._active){this._notify(!1);const s=this._target[this._prop],n=i-this._start,o=this._duration-n;this._start=i,this._duration=Math.floor(Math.max(o,t.duration)),this._total+=n,this._loop=!!t.loop,this._to=je([t.to,e,s,t.from]),this._from=je([t.from,s,e])}}cancel(){this._active&&(this.tick(Date.now()),this._active=!1,this._notify(!1))}tick(t){const e=t-this._start,i=this._duration,s=this._prop,n=this._from,o=this._loop,a=this._to;let r;if(this._active=n!==a&&(o||e1?2-r:r,r=this._easing(Math.min(1,Math.max(0,r))),this._target[s]=this._fn(n,a,r))}wait(){const t=this._promises||(this._promises=[]);return new Promise(((e,i)=>{t.push({res:e,rej:i})}))}_notify(t){const e=t?"res":"rej",i=this._promises||[];for(let t=0;t"onProgress"!==t&&"onComplete"!==t&&"fn"!==t}),bt.set("animations",{colors:{type:"color",properties:["color","borderColor","backgroundColor"]},numbers:{type:"number",properties:["x","y","borderWidth","radius","tension"]}}),bt.describe("animations",{_fallback:"animation"}),bt.set("transitions",{active:{animation:{duration:400}},resize:{animation:{duration:0}},show:{animations:{colors:{from:"transparent"},visible:{type:"boolean",duration:0}}},hide:{animations:{colors:{to:"transparent"},visible:{type:"boolean",easing:"linear",fn:t=>0|t}}}});class gs{constructor(t,e){this._chart=t,this._properties=new Map,this.configure(e)}configure(t){if(!U(t))return;const e=this._properties;Object.getOwnPropertyNames(t).forEach((i=>{const s=t[i];if(!U(s))return;const n={};for(const t of fs)n[t]=s[t];(Y(s.properties)&&s.properties||[i]).forEach((t=>{t!==i&&e.has(t)||e.set(t,n)}))}))}_animateOptions(t,e){const i=e.options,s=function(t,e){if(!e)return;let i=t.options;if(!i)return void(t.options=e);i.$shared&&(t.options=i=Object.assign({},i,{$shared:!1,$animations:{}}));return i}(t,i);if(!s)return[];const n=this._createAnimations(s,i);return i.$shared&&function(t,e){const i=[],s=Object.keys(e);for(let e=0;e{t.options=i}),(()=>{})),n}_createAnimations(t,e){const i=this._properties,s=[],n=t.$animations||(t.$animations={}),o=Object.keys(e),a=Date.now();let r;for(r=o.length-1;r>=0;--r){const l=o[r];if("$"===l.charAt(0))continue;if("options"===l){s.push(...this._animateOptions(t,e));continue}const h=e[l];let c=n[l];const d=i.get(l);if(c){if(d&&c.active()){c.update(d,h,a);continue}c.cancel()}d&&d.duration?(n[l]=c=new us(d,t,l,h),s.push(c)):t[l]=h}return s}update(t,e){if(0===this._properties.size)return void Object.assign(t,e);const i=this._createAnimations(t,e);return i.length?(a.add(this._chart,i),!0):void 0}}function ps(t,e){const i=t&&t.options||{},s=i.reverse,n=void 0===i.min?e:0,o=void 0===i.max?e:0;return{start:s?o:n,end:s?n:o}}function ms(t,e){const i=[],s=t._getSortedDatasetMetas(e);let n,o;for(n=0,o=s.length;n0||!i&&e<0)return n.index}return null}function vs(t,e){const{chart:i,_cachedMeta:s}=t,n=i._stacks||(i._stacks={}),{iScale:o,vScale:a,index:r}=s,l=o.axis,h=a.axis,c=function(t,e,i){return`${t.id}.${e.id}.${i.stack||i.type}`}(o,a,s),d=e.length;let u;for(let t=0;ti[t].axis===e)).shift()}function Ms(t,e){const i=t.controller.index,s=t.vScale&&t.vScale.axis;if(s){e=e||t._parsed;for(const t of e){const e=t._stacks;if(!e||void 0===e[s]||void 0===e[s][i])return;delete e[s][i]}}}const ks=t=>"reset"===t||"none"===t,Ss=(t,e)=>e?t:Object.assign({},t);class Ps{constructor(t,e){this.chart=t,this._ctx=t.ctx,this.index=e,this._cachedDataOpts={},this._cachedMeta=this.getMeta(),this._type=this._cachedMeta.type,this.options=void 0,this._parsing=!1,this._data=void 0,this._objectData=void 0,this._sharedOptions=void 0,this._drawStart=void 0,this._drawCount=void 0,this.enableOptionSharing=!1,this.$context=void 0,this._syncList=[],this.initialize()}initialize(){const t=this._cachedMeta;this.configure(),this.linkScales(),t._stacked=bs(t.vScale,t),this.addElements()}updateIndex(t){this.index!==t&&Ms(this._cachedMeta),this.index=t}linkScales(){const t=this.chart,e=this._cachedMeta,i=this.getDataset(),s=(t,e,i,s)=>"x"===t?e:"r"===t?s:i,n=e.xAxisID=K(i.xAxisID,ws(t,"x")),o=e.yAxisID=K(i.yAxisID,ws(t,"y")),a=e.rAxisID=K(i.rAxisID,ws(t,"r")),r=e.indexAxis,l=e.iAxisID=s(r,n,o,a),h=e.vAxisID=s(r,o,n,a);e.xScale=this.getScaleForId(n),e.yScale=this.getScaleForId(o),e.rScale=this.getScaleForId(a),e.iScale=this.getScaleForId(l),e.vScale=this.getScaleForId(h)}getDataset(){return this.chart.data.datasets[this.index]}getMeta(){return this.chart.getDatasetMeta(this.index)}getScaleForId(t){return this.chart.scales[t]}_getOtherScale(t){const e=this._cachedMeta;return t===e.iScale?e.vScale:e.iScale}reset(){this._update("reset")}_destroy(){const t=this._cachedMeta;this._data&&ue(this._data,this),t._stacked&&Ms(t)}_dataCheck(){const t=this.getDataset(),e=t.data||(t.data=[]),i=this._data;if(U(e))this._data=function(t){const e=Object.keys(t),i=new Array(e.length);let s,n,o;for(s=0,n=e.length;s0&&i._parsed[t-1];if(!1===this._parsing)i._parsed=s,i._sorted=!0,h=s;else{h=Y(s[t])?this.parseArrayData(i,s,t,e):U(s[t])?this.parseObjectData(i,s,t,e):this.parsePrimitiveData(i,s,t,e);const n=()=>null===l[a]||d&&l[a]t&&!e.hidden&&e._stacked&&{keys:ms(i,!0),values:null})(e,i,this.chart),l={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY},{min:h,max:c}=function(t){const{min:e,max:i,minDefined:s,maxDefined:n}=t.getUserBounds();return{min:s?e:Number.NEGATIVE_INFINITY,max:n?i:Number.POSITIVE_INFINITY}}(a);let d,u;function f(){u=s[d];const e=u[a.axis];return!X(u[t.axis])||h>e||c=0;--d)if(!f()){this.updateRangeFromParsed(l,t,u,r);break}return l}getAllParsedValues(t){const e=this._cachedMeta._parsed,i=[];let s,n,o;for(s=0,n=e.length;s=0&&tthis.getContext(i,s)),c);return f.$shared&&(f.$shared=r,n[o]=Object.freeze(Ss(f,r))),f}_resolveAnimations(t,e,i){const s=this.chart,n=this._cachedDataOpts,o=`animation-${e}`,a=n[o];if(a)return a;let r;if(!1!==s.options.animation){const s=this.chart.config,n=s.datasetAnimationScopeKeys(this._type,e),o=s.getOptionScopes(this.getDataset(),n);r=s.createResolver(o,this.getContext(t,i,e))}const l=new gs(s,r&&r.animations);return r&&r._cacheable&&(n[o]=Object.freeze(l)),l}getSharedOptions(t){if(t.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},t))}includeOptions(t,e){return!e||ks(t)||this.chart._animationsDisabled}updateElement(t,e,i,s){ks(s)?Object.assign(t,i):this._resolveAnimations(e,s).update(t,i)}updateSharedOptions(t,e,i){t&&!ks(e)&&this._resolveAnimations(void 0,e).update(t,i)}_setStyle(t,e,i,s){t.active=s;const n=this.getStyle(e,s);this._resolveAnimations(e,i,s).update(t,{options:!s&&this.getSharedOptions(n)||n})}removeHoverStyle(t,e,i){this._setStyle(t,i,"active",!1)}setHoverStyle(t,e,i){this._setStyle(t,i,"active",!0)}_removeDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!1)}_setDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!0)}_resyncElements(t){const e=this._data,i=this._cachedMeta.data;for(const[t,e,i]of this._syncList)this[t](e,i);this._syncList=[];const s=i.length,n=e.length,o=Math.min(n,s);o&&this.parse(0,o),n>s?this._insertElements(s,n-s,t):n{for(t.length+=e,a=t.length-1;a>=o;a--)t[a]=t[a-e]};for(r(n),a=t;a{s[t]=i[t]&&i[t].active()?i[t]._to:this[t]})),s}}Ds.defaults={},Ds.defaultRoutes=void 0;const Cs={values:t=>Y(t)?t:""+t,numeric(t,e,i){if(0===t)return"0";const s=this.chart.options.locale;let n,o=t;if(i.length>1){const e=Math.max(Math.abs(i[0].value),Math.abs(i[i.length-1].value));(e<1e-4||e>1e15)&&(n="scientific"),o=function(t,e){let i=e.length>3?e[2].value-e[1].value:e[1].value-e[0].value;Math.abs(i)>=1&&t!==Math.floor(t)&&(i=t-Math.floor(t));return i}(t,i)}const a=Dt(Math.abs(o)),r=Math.max(Math.min(-1*Math.floor(a),20),0),l={notation:n,minimumFractionDigits:r,maximumFractionDigits:r};return Object.assign(l,this.options.ticks.format),Ri(t,s,l)},logarithmic(t,e,i){if(0===t)return"0";const s=t/Math.pow(10,Math.floor(Dt(t)));return 1===s||2===s||5===s?Cs.numeric.call(this,t,e,i):""}};var Os={formatters:Cs};function As(t,e){const i=t.options.ticks,s=i.maxTicksLimit||function(t){const e=t.options.offset,i=t._tickSize(),s=t._length/i+(e?0:1),n=t._maxLength/i;return Math.floor(Math.min(s,n))}(t),n=i.major.enabled?function(t){const e=[];let i,s;for(i=0,s=t.length;is)return function(t,e,i,s){let n,o=0,a=i[0];for(s=Math.ceil(s),n=0;nn)return e}return Math.max(n,1)}(n,e,s);if(o>0){let t,i;const s=o>1?Math.round((r-a)/(o-1)):null;for(Ts(e,l,h,$(s)?0:a-s,a),t=0,i=o-1;te.lineWidth,tickColor:(t,e)=>e.color,offset:!1,borderDash:[],borderDashOffset:0,borderWidth:1},title:{display:!1,text:"",padding:{top:4,bottom:4}},ticks:{minRotation:0,maxRotation:50,mirror:!1,textStrokeWidth:0,textStrokeColor:"",padding:3,display:!0,autoSkip:!0,autoSkipPadding:3,labelOffset:0,callback:Os.formatters.values,minor:{},major:{},align:"center",crossAlign:"near",showLabelBackdrop:!1,backdropColor:"rgba(255, 255, 255, 0.75)",backdropPadding:2}}),bt.route("scale.ticks","color","","color"),bt.route("scale.grid","color","","borderColor"),bt.route("scale.grid","borderColor","","borderColor"),bt.route("scale.title","color","","color"),bt.describe("scale",{_fallback:!1,_scriptable:t=>!t.startsWith("before")&&!t.startsWith("after")&&"callback"!==t&&"parser"!==t,_indexable:t=>"borderDash"!==t&&"tickBorderDash"!==t}),bt.describe("scales",{_fallback:"scale"}),bt.describe("scale.ticks",{_scriptable:t=>"backdropPadding"!==t&&"callback"!==t,_indexable:t=>"backdropPadding"!==t});const Ls=(t,e,i)=>"top"===e||"left"===e?t[e]+i:t[e]-i;function Rs(t,e){const i=[],s=t.length/e,n=t.length;let o=0;for(;oa+r)))return h}function Is(t){return t.drawTicks?t.tickLength:0}function zs(t,e){if(!t.display)return 0;const i=He(t.font,e),s=Ne(t.padding);return(Y(t.text)?t.text.length:1)*i.lineHeight+s.height}function Fs(t,e,i){let n=s(t);return(i&&"right"!==e||!i&&"right"===e)&&(n=(t=>"left"===t?"right":"right"===t?"left":t)(n)),n}class Bs extends Ds{constructor(t){super(),this.id=t.id,this.type=t.type,this.options=void 0,this.ctx=t.ctx,this.chart=t.chart,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this._margins={left:0,right:0,top:0,bottom:0},this.maxWidth=void 0,this.maxHeight=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.axis=void 0,this.labelRotation=void 0,this.min=void 0,this.max=void 0,this._range=void 0,this.ticks=[],this._gridLineItems=null,this._labelItems=null,this._labelSizes=null,this._length=0,this._maxLength=0,this._longestTextCache={},this._startPixel=void 0,this._endPixel=void 0,this._reversePixels=!1,this._userMax=void 0,this._userMin=void 0,this._suggestedMax=void 0,this._suggestedMin=void 0,this._ticksLength=0,this._borderValue=0,this._cache={},this._dataLimitsCached=!1,this.$context=void 0}init(t){this.options=t.setContext(this.getContext()),this.axis=t.axis,this._userMin=this.parse(t.min),this._userMax=this.parse(t.max),this._suggestedMin=this.parse(t.suggestedMin),this._suggestedMax=this.parse(t.suggestedMax)}parse(t,e){return t}getUserBounds(){let{_userMin:t,_userMax:e,_suggestedMin:i,_suggestedMax:s}=this;return t=q(t,Number.POSITIVE_INFINITY),e=q(e,Number.NEGATIVE_INFINITY),i=q(i,Number.POSITIVE_INFINITY),s=q(s,Number.NEGATIVE_INFINITY),{min:q(t,i),max:q(e,s),minDefined:X(t),maxDefined:X(e)}}getMinMax(t){let e,{min:i,max:s,minDefined:n,maxDefined:o}=this.getUserBounds();if(n&&o)return{min:i,max:s};const a=this.getMatchingVisibleMetas();for(let r=0,l=a.length;rs?s:i,s=n&&i>s?i:s,{min:q(i,q(s,i)),max:q(s,q(i,s))}}getPadding(){return{left:this.paddingLeft||0,top:this.paddingTop||0,right:this.paddingRight||0,bottom:this.paddingBottom||0}}getTicks(){return this.ticks}getLabels(){const t=this.chart.data;return this.options.labels||(this.isHorizontal()?t.xLabels:t.yLabels)||t.labels||[]}beforeLayout(){this._cache={},this._dataLimitsCached=!1}beforeUpdate(){J(this.options.beforeUpdate,[this])}update(t,e,i){const{beginAtZero:s,grace:n,ticks:o}=this.options,a=o.sampleSize;this.beforeUpdate(),this.maxWidth=t,this.maxHeight=e,this._margins=i=Object.assign({left:0,right:0,top:0,bottom:0},i),this.ticks=null,this._labelSizes=null,this._gridLineItems=null,this._labelItems=null,this.beforeSetDimensions(),this.setDimensions(),this.afterSetDimensions(),this._maxLength=this.isHorizontal()?this.width+i.left+i.right:this.height+i.top+i.bottom,this._dataLimitsCached||(this.beforeDataLimits(),this.determineDataLimits(),this.afterDataLimits(),this._range=$e(this,n,s),this._dataLimitsCached=!0),this.beforeBuildTicks(),this.ticks=this.buildTicks()||[],this.afterBuildTicks();const r=a=n||i<=1||!this.isHorizontal())return void(this.labelRotation=s);const h=this._getLabelSizes(),c=h.widest.width,d=h.highest.height,u=jt(this.chart.width-c,0,this.maxWidth);o=t.offset?this.maxWidth/i:u/(i-1),c+6>o&&(o=u/(i-(t.offset?.5:1)),a=this.maxHeight-Is(t.grid)-e.padding-zs(t.title,this.chart.options.font),r=Math.sqrt(c*c+d*d),l=zt(Math.min(Math.asin(jt((h.highest.height+6)/o,-1,1)),Math.asin(jt(a/r,-1,1))-Math.asin(jt(d/r,-1,1)))),l=Math.max(s,Math.min(n,l))),this.labelRotation=l}afterCalculateLabelRotation(){J(this.options.afterCalculateLabelRotation,[this])}beforeFit(){J(this.options.beforeFit,[this])}fit(){const t={width:0,height:0},{chart:e,options:{ticks:i,title:s,grid:n}}=this,o=this._isVisible(),a=this.isHorizontal();if(o){const o=zs(s,e.options.font);if(a?(t.width=this.maxWidth,t.height=Is(n)+o):(t.height=this.maxHeight,t.width=Is(n)+o),i.display&&this.ticks.length){const{first:e,last:s,widest:n,highest:o}=this._getLabelSizes(),r=2*i.padding,l=It(this.labelRotation),h=Math.cos(l),c=Math.sin(l);if(a){const e=i.mirror?0:c*n.width+h*o.height;t.height=Math.min(this.maxHeight,t.height+e+r)}else{const e=i.mirror?0:h*n.width+c*o.height;t.width=Math.min(this.maxWidth,t.width+e+r)}this._calculatePadding(e,s,c,h)}}this._handleMargins(),a?(this.width=this._length=e.width-this._margins.left-this._margins.right,this.height=t.height):(this.width=t.width,this.height=this._length=e.height-this._margins.top-this._margins.bottom)}_calculatePadding(t,e,i,s){const{ticks:{align:n,padding:o},position:a}=this.options,r=0!==this.labelRotation,l="top"!==a&&"x"===this.axis;if(this.isHorizontal()){const a=this.getPixelForTick(0)-this.left,h=this.right-this.getPixelForTick(this.ticks.length-1);let c=0,d=0;r?l?(c=s*t.width,d=i*e.height):(c=i*t.height,d=s*e.width):"start"===n?d=e.width:"end"===n?c=t.width:(c=t.width/2,d=e.width/2),this.paddingLeft=Math.max((c-a+o)*this.width/(this.width-a),0),this.paddingRight=Math.max((d-h+o)*this.width/(this.width-h),0)}else{let i=e.height/2,s=t.height/2;"start"===n?(i=0,s=t.height):"end"===n&&(i=e.height,s=0),this.paddingTop=i+o,this.paddingBottom=s+o}}_handleMargins(){this._margins&&(this._margins.left=Math.max(this.paddingLeft,this._margins.left),this._margins.top=Math.max(this.paddingTop,this._margins.top),this._margins.right=Math.max(this.paddingRight,this._margins.right),this._margins.bottom=Math.max(this.paddingBottom,this._margins.bottom))}afterFit(){J(this.options.afterFit,[this])}isHorizontal(){const{axis:t,position:e}=this.options;return"top"===e||"bottom"===e||"x"===t}isFullSize(){return this.options.fullSize}_convertTicksToLabels(t){let e,i;for(this.beforeTickToLabelConversion(),this.generateTickLabels(t),e=0,i=t.length;e{const i=t.gc,s=i.length/2;let n;if(s>e){for(n=0;n({width:n[t]||0,height:o[t]||0});return{first:v(0),last:v(e-1),widest:v(_),highest:v(y),widths:n,heights:o}}getLabelForValue(t){return t}getPixelForValue(t,e){return NaN}getValueForPixel(t){}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getPixelForDecimal(t){this._reversePixels&&(t=1-t);const e=this._startPixel+t*this._length;return $t(this._alignToPixels?Kt(this.chart,e,0):e)}getDecimalForPixel(t){const e=(t-this._startPixel)/this._length;return this._reversePixels?1-e:e}getBasePixel(){return this.getPixelForValue(this.getBaseValue())}getBaseValue(){const{min:t,max:e}=this;return t<0&&e<0?e:t>0&&e>0?t:0}getContext(t){const e=this.ticks||[];if(t>=0&&ta*s?a/i:r/s:r*s0}_computeGridLineItems(t){const e=this.axis,i=this.chart,s=this.options,{grid:n,position:o}=s,a=n.offset,r=this.isHorizontal(),l=this.ticks.length+(a?1:0),h=Is(n),c=[],d=n.setContext(this.getContext()),u=d.drawBorder?d.borderWidth:0,f=u/2,g=function(t){return Kt(i,t,u)};let p,m,x,b,_,y,v,w,M,k,S,P;if("top"===o)p=g(this.bottom),y=this.bottom-h,w=p-f,k=g(t.top)+f,P=t.bottom;else if("bottom"===o)p=g(this.top),k=t.top,P=g(t.bottom)-f,y=p+f,w=this.top+h;else if("left"===o)p=g(this.right),_=this.right-h,v=p-f,M=g(t.left)+f,S=t.right;else if("right"===o)p=g(this.left),M=t.left,S=g(t.right)-f,_=p+f,v=this.left+h;else if("x"===e){if("center"===o)p=g((t.top+t.bottom)/2+.5);else if(U(o)){const t=Object.keys(o)[0],e=o[t];p=g(this.chart.scales[t].getPixelForValue(e))}k=t.top,P=t.bottom,y=p+f,w=y+h}else if("y"===e){if("center"===o)p=g((t.left+t.right)/2);else if(U(o)){const t=Object.keys(o)[0],e=o[t];p=g(this.chart.scales[t].getPixelForValue(e))}_=p-f,v=_-h,M=t.left,S=t.right}const D=K(s.ticks.maxTicksLimit,l),C=Math.max(1,Math.ceil(l/D));for(m=0;me.value===t));if(i>=0){return e.setContext(this.getContext(i)).lineWidth}return 0}drawGrid(t){const e=this.options.grid,i=this.ctx,s=this._gridLineItems||(this._gridLineItems=this._computeGridLineItems(t));let n,o;const a=(t,e,s)=>{s.width&&s.color&&(i.save(),i.lineWidth=s.width,i.strokeStyle=s.color,i.setLineDash(s.borderDash||[]),i.lineDashOffset=s.borderDashOffset,i.beginPath(),i.moveTo(t.x,t.y),i.lineTo(e.x,e.y),i.stroke(),i.restore())};if(e.display)for(n=0,o=s.length;n{this.drawBackground(),this.drawGrid(t),this.drawTitle()}},{z:i+1,draw:()=>{this.drawBorder()}},{z:e,draw:t=>{this.drawLabels(t)}}]:[{z:e,draw:t=>{this.draw(t)}}]}getMatchingVisibleMetas(t){const e=this.chart.getSortedVisibleDatasetMetas(),i=this.axis+"AxisID",s=[];let n,o;for(n=0,o=e.length;n{const s=i.split("."),n=s.pop(),o=[t].concat(s).join("."),a=e[i].split("."),r=a.pop(),l=a.join(".");bt.route(o,n,l,r)}))}(e,t.defaultRoutes);t.descriptors&&bt.describe(e,t.descriptors)}(t,o,i),this.override&&bt.override(t.id,t.overrides)),o}get(t){return this.items[t]}unregister(t){const e=this.items,i=t.id,s=this.scope;i in e&&delete e[i],s&&i in bt[s]&&(delete bt[s][i],this.override&&delete gt[i])}}var Ws=new class{constructor(){this.controllers=new Vs(Ps,"datasets",!0),this.elements=new Vs(Ds,"elements"),this.plugins=new Vs(Object,"plugins"),this.scales=new Vs(Bs,"scales"),this._typedRegistries=[this.controllers,this.scales,this.elements]}add(...t){this._each("register",t)}remove(...t){this._each("unregister",t)}addControllers(...t){this._each("register",t,this.controllers)}addElements(...t){this._each("register",t,this.elements)}addPlugins(...t){this._each("register",t,this.plugins)}addScales(...t){this._each("register",t,this.scales)}getController(t){return this._get(t,this.controllers,"controller")}getElement(t){return this._get(t,this.elements,"element")}getPlugin(t){return this._get(t,this.plugins,"plugin")}getScale(t){return this._get(t,this.scales,"scale")}removeControllers(...t){this._each("unregister",t,this.controllers)}removeElements(...t){this._each("unregister",t,this.elements)}removePlugins(...t){this._each("unregister",t,this.plugins)}removeScales(...t){this._each("unregister",t,this.scales)}_each(t,e,i){[...e].forEach((e=>{const s=i||this._getRegistryForType(e);i||s.isForType(e)||s===this.plugins&&e.id?this._exec(t,s,e):Q(e,(e=>{const s=i||this._getRegistryForType(e);this._exec(t,s,e)}))}))}_exec(t,e,i){const s=ht(t);J(i["before"+s],[],i),e[t](i),J(i["after"+s],[],i)}_getRegistryForType(t){for(let e=0;et.filter((t=>!e.some((e=>t.plugin.id===e.plugin.id))));this._notify(s(e,i),t,"stop"),this._notify(s(i,e),t,"start")}}function Hs(t,e){return e||!1!==t?!0===t?{}:t:null}function js(t,e,i,s){const n=t.pluginScopeKeys(e),o=t.getOptionScopes(i,n);return t.createResolver(o,s,[""],{scriptable:!1,indexable:!1,allKeys:!0})}function $s(t,e){const i=bt.datasets[t]||{};return((e.datasets||{})[t]||{}).indexAxis||e.indexAxis||i.indexAxis||"x"}function Ys(t,e){return"x"===t||"y"===t?t:e.axis||("top"===(i=e.position)||"bottom"===i?"x":"left"===i||"right"===i?"y":void 0)||t.charAt(0).toLowerCase();var i}function Us(t){const e=t.options||(t.options={});e.plugins=K(e.plugins,{}),e.scales=function(t,e){const i=gt[t.type]||{scales:{}},s=e.scales||{},n=$s(t.type,e),o=Object.create(null),a=Object.create(null);return Object.keys(s).forEach((t=>{const e=s[t];if(!U(e))return console.error(`Invalid scale configuration for scale: ${t}`);if(e._proxy)return console.warn(`Ignoring resolver passed as options for scale: ${t}`);const r=Ys(t,e),l=function(t,e){return t===e?"_index_":"_value_"}(r,n),h=i.scales||{};o[r]=o[r]||t,a[t]=ot(Object.create(null),[{axis:r},e,h[r],h[l]])})),t.data.datasets.forEach((i=>{const n=i.type||t.type,r=i.indexAxis||$s(n,e),l=(gt[n]||{}).scales||{};Object.keys(l).forEach((t=>{const e=function(t,e){let i=t;return"_index_"===t?i=e:"_value_"===t&&(i="x"===e?"y":"x"),i}(t,r),n=i[e+"AxisID"]||o[e]||e;a[n]=a[n]||Object.create(null),ot(a[n],[{axis:e},s[n],l[t]])}))})),Object.keys(a).forEach((t=>{const e=a[t];ot(e,[bt.scales[e.type],bt.scale])})),a}(t,e)}function Xs(t){return(t=t||{}).datasets=t.datasets||[],t.labels=t.labels||[],t}const qs=new Map,Ks=new Set;function Gs(t,e){let i=qs.get(t);return i||(i=e(),qs.set(t,i),Ks.add(i)),i}const Zs=(t,e,i)=>{const s=lt(e,i);void 0!==s&&t.add(s)};class Js{constructor(t){this._config=function(t){return(t=t||{}).data=Xs(t.data),Us(t),t}(t),this._scopeCache=new Map,this._resolverCache=new Map}get platform(){return this._config.platform}get type(){return this._config.type}set type(t){this._config.type=t}get data(){return this._config.data}set data(t){this._config.data=Xs(t)}get options(){return this._config.options}set options(t){this._config.options=t}get plugins(){return this._config.plugins}update(){const t=this._config;this.clearCache(),Us(t)}clearCache(){this._scopeCache.clear(),this._resolverCache.clear()}datasetScopeKeys(t){return Gs(t,(()=>[[`datasets.${t}`,""]]))}datasetAnimationScopeKeys(t,e){return Gs(`${t}.transition.${e}`,(()=>[[`datasets.${t}.transitions.${e}`,`transitions.${e}`],[`datasets.${t}`,""]]))}datasetElementScopeKeys(t,e){return Gs(`${t}-${e}`,(()=>[[`datasets.${t}.elements.${e}`,`datasets.${t}`,`elements.${e}`,""]]))}pluginScopeKeys(t){const e=t.id;return Gs(`${this.type}-plugin-${e}`,(()=>[[`plugins.${e}`,...t.additionalOptionScopes||[]]]))}_cachedScopes(t,e){const i=this._scopeCache;let s=i.get(t);return s&&!e||(s=new Map,i.set(t,s)),s}getOptionScopes(t,e,i){const{options:s,type:n}=this,o=this._cachedScopes(t,i),a=o.get(e);if(a)return a;const r=new Set;e.forEach((e=>{t&&(r.add(t),e.forEach((e=>Zs(r,t,e)))),e.forEach((t=>Zs(r,s,t))),e.forEach((t=>Zs(r,gt[n]||{},t))),e.forEach((t=>Zs(r,bt,t))),e.forEach((t=>Zs(r,pt,t)))}));const l=Array.from(r);return 0===l.length&&l.push(Object.create(null)),Ks.has(e)&&o.set(e,l),l}chartOptionScopes(){const{options:t,type:e}=this;return[t,gt[e]||{},bt.datasets[e]||{},{type:e},bt,pt]}resolveNamedOptions(t,e,i,s=[""]){const n={$shared:!0},{resolver:o,subPrefixes:a}=Qs(this._resolverCache,t,s);let r=o;if(function(t,e){const{isScriptable:i,isIndexable:s}=ri(t);for(const n of e){const e=i(n),o=s(n),a=(o||e)&&t[n];if(e&&(dt(a)||tn(a))||o&&Y(a))return!0}return!1}(o,e)){n.$shared=!1;r=ai(o,i=dt(i)?i():i,this.createResolver(t,i,a))}for(const t of e)n[t]=r[t];return n}createResolver(t,e,i=[""],s){const{resolver:n}=Qs(this._resolverCache,t,i);return U(e)?ai(n,e,void 0,s):n}}function Qs(t,e,i){let s=t.get(e);s||(s=new Map,t.set(e,s));const n=i.join();let o=s.get(n);if(!o){o={resolver:oi(e,i),subPrefixes:i.filter((t=>!t.toLowerCase().includes("hover")))},s.set(n,o)}return o}const tn=t=>U(t)&&Object.getOwnPropertyNames(t).reduce(((e,i)=>e||dt(t[i])),!1);const en=["top","bottom","left","right","chartArea"];function sn(t,e){return"top"===t||"bottom"===t||-1===en.indexOf(t)&&"x"===e}function nn(t,e){return function(i,s){return i[t]===s[t]?i[e]-s[e]:i[t]-s[t]}}function on(t){const e=t.chart,i=e.options.animation;e.notifyPlugins("afterRender"),J(i&&i.onComplete,[t],e)}function an(t){const e=t.chart,i=e.options.animation;J(i&&i.onProgress,[t],e)}function rn(t){return ge()&&"string"==typeof t?t=document.getElementById(t):t&&t.length&&(t=t[0]),t&&t.canvas&&(t=t.canvas),t}const ln={},hn=t=>{const e=rn(t);return Object.values(ln).filter((t=>t.canvas===e)).pop()};function cn(t,e,i){const s=Object.keys(t);for(const n of s){const s=+n;if(s>=e){const o=t[n];delete t[n],(i>0||s>e)&&(t[s+i]=o)}}}class dn{constructor(t,e){const s=this.config=new Js(e),n=rn(t),o=hn(n);if(o)throw new Error("Canvas is already in use. Chart with ID '"+o.id+"' must be destroyed before the canvas can be reused.");const r=s.createResolver(s.chartOptionScopes(),this.getContext());this.platform=new(s.platform||ls(n)),this.platform.updateConfig(s);const l=this.platform.acquireContext(n,r.aspectRatio),h=l&&l.canvas,c=h&&h.height,d=h&&h.width;this.id=j(),this.ctx=l,this.canvas=h,this.width=d,this.height=c,this._options=r,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._responsiveListeners=void 0,this._sortedMetasets=[],this.scales={},this._plugins=new Ns,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=i((t=>this.update(t)),r.resizeDelay||0),this._dataChanges=[],ln[this.id]=this,l&&h?(a.listen(this,"complete",on),a.listen(this,"progress",an),this._initialize(),this.attached&&this.update()):console.error("Failed to create chart: can't acquire context from the given item")}get aspectRatio(){const{options:{aspectRatio:t,maintainAspectRatio:e},width:i,height:s,_aspectRatio:n}=this;return $(t)?e&&n?n:s?i/s:null:t}get data(){return this.config.data}set data(t){this.config.data=t}get options(){return this._options}set options(t){this.config.options=t}_initialize(){return this.notifyPlugins("beforeInit"),this.options.responsive?this.resize():ke(this,this.options.devicePixelRatio),this.bindEvents(),this.notifyPlugins("afterInit"),this}clear(){return Gt(this.canvas,this.ctx),this}stop(){return a.stop(this),this}resize(t,e){a.running(this)?this._resizeBeforeDraw={width:t,height:e}:this._resize(t,e)}_resize(t,e){const i=this.options,s=this.canvas,n=i.maintainAspectRatio&&this.aspectRatio,o=this.platform.getMaximumSize(s,t,e,n),a=i.devicePixelRatio||this.platform.getDevicePixelRatio(),r=this.width?"resize":"attach";this.width=o.width,this.height=o.height,this._aspectRatio=this.aspectRatio,ke(this,a,!0)&&(this.notifyPlugins("resize",{size:o}),J(i.onResize,[this,o],this),this.attached&&this._doResize(r)&&this.render())}ensureScalesHaveIDs(){Q(this.options.scales||{},((t,e)=>{t.id=e}))}buildOrUpdateScales(){const t=this.options,e=t.scales,i=this.scales,s=Object.keys(i).reduce(((t,e)=>(t[e]=!1,t)),{});let n=[];e&&(n=n.concat(Object.keys(e).map((t=>{const i=e[t],s=Ys(t,i),n="r"===s,o="x"===s;return{options:i,dposition:n?"chartArea":o?"bottom":"left",dtype:n?"radialLinear":o?"category":"linear"}})))),Q(n,(e=>{const n=e.options,o=n.id,a=Ys(o,n),r=K(n.type,e.dtype);void 0!==n.position&&sn(n.position,a)===sn(e.dposition)||(n.position=e.dposition),s[o]=!0;let l=null;if(o in i&&i[o].type===r)l=i[o];else{l=new(Ws.getScale(r))({id:o,type:r,ctx:this.ctx,chart:this}),i[l.id]=l}l.init(n,t)})),Q(s,((t,e)=>{t||delete i[e]})),Q(i,(t=>{ni.configure(this,t,t.options),ni.addBox(this,t)}))}_updateMetasets(){const t=this._metasets,e=this.data.datasets.length,i=t.length;if(t.sort(((t,e)=>t.index-e.index)),i>e){for(let t=e;te.length&&delete this._stacks,t.forEach(((t,i)=>{0===e.filter((e=>e===t._dataset)).length&&this._destroyDatasetMeta(i)}))}buildOrUpdateControllers(){const t=[],e=this.data.datasets;let i,s;for(this._removeUnreferencedMetasets(),i=0,s=e.length;i{this.getDatasetMeta(e).controller.reset()}),this)}reset(){this._resetElements(),this.notifyPlugins("reset")}update(t){const e=this.config;e.update();const i=this._options=e.createResolver(e.chartOptionScopes(),this.getContext()),s=this._animationsDisabled=!i.animation;if(this._updateScales(),this._checkEventBindings(),this._updateHiddenIndices(),this._plugins.invalidate(),!1===this.notifyPlugins("beforeUpdate",{mode:t,cancelable:!0}))return;const n=this.buildOrUpdateControllers();this.notifyPlugins("beforeElementsUpdate");let o=0;for(let t=0,e=this.data.datasets.length;t{t.reset()})),this._updateDatasets(t),this.notifyPlugins("afterUpdate",{mode:t}),this._layers.sort(nn("z","_idx"));const{_active:a,_lastEvent:r}=this;r?this._eventHandler(r,!0):a.length&&this._updateHoverStyles(a,a,!0),this.render()}_updateScales(){Q(this.scales,(t=>{ni.removeBox(this,t)})),this.ensureScalesHaveIDs(),this.buildOrUpdateScales()}_checkEventBindings(){const t=this.options,e=new Set(Object.keys(this._listeners)),i=new Set(t.events);ut(e,i)&&!!this._responsiveListeners===t.responsive||(this.unbindEvents(),this.bindEvents())}_updateHiddenIndices(){const{_hiddenIndices:t}=this,e=this._getUniformDataChanges()||[];for(const{method:i,start:s,count:n}of e){cn(t,s,"_removeElements"===i?-n:n)}}_getUniformDataChanges(){const t=this._dataChanges;if(!t||!t.length)return;this._dataChanges=[];const e=this.data.datasets.length,i=e=>new Set(t.filter((t=>t[0]===e)).map(((t,e)=>e+","+t.splice(1).join(",")))),s=i(0);for(let t=1;tt.split(","))).map((t=>({method:t[1],start:+t[2],count:+t[3]})))}_updateLayout(t){if(!1===this.notifyPlugins("beforeLayout",{cancelable:!0}))return;ni.update(this,this.width,this.height,t);const e=this.chartArea,i=e.width<=0||e.height<=0;this._layers=[],Q(this.boxes,(t=>{i&&"chartArea"===t.position||(t.configure&&t.configure(),this._layers.push(...t._layers()))}),this),this._layers.forEach(((t,e)=>{t._idx=e})),this.notifyPlugins("afterLayout")}_updateDatasets(t){if(!1!==this.notifyPlugins("beforeDatasetsUpdate",{mode:t,cancelable:!0})){for(let t=0,e=this.data.datasets.length;t=0;--e)this._drawDataset(t[e]);this.notifyPlugins("afterDatasetsDraw")}_drawDataset(t){const e=this.ctx,i=t._clip,s=!i.disabled,n=this.chartArea,o={meta:t,index:t.index,cancelable:!0};!1!==this.notifyPlugins("beforeDatasetDraw",o)&&(s&&Qt(e,{left:!1===i.left?0:n.left-i.left,right:!1===i.right?this.width:n.right+i.right,top:!1===i.top?0:n.top-i.top,bottom:!1===i.bottom?this.height:n.bottom+i.bottom}),t.controller.draw(),s&&te(e),o.cancelable=!1,this.notifyPlugins("afterDatasetDraw",o))}getElementsAtEventForMode(t,e,i,s){const n=Ee.modes[e];return"function"==typeof n?n(this,t,i,s):[]}getDatasetMeta(t){const e=this.data.datasets[t],i=this._metasets;let s=i.filter((t=>t&&t._dataset===e)).pop();return s||(s={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:e&&e.order||0,index:t,_dataset:e,_parsed:[],_sorted:!1},i.push(s)),s}getContext(){return this.$context||(this.$context=Ye(null,{chart:this,type:"chart"}))}getVisibleDatasetCount(){return this.getSortedVisibleDatasetMetas().length}isDatasetVisible(t){const e=this.data.datasets[t];if(!e)return!1;const i=this.getDatasetMeta(t);return"boolean"==typeof i.hidden?!i.hidden:!e.hidden}setDatasetVisibility(t,e){this.getDatasetMeta(t).hidden=!e}toggleDataVisibility(t){this._hiddenIndices[t]=!this._hiddenIndices[t]}getDataVisibility(t){return!this._hiddenIndices[t]}_updateVisibility(t,e,i){const s=i?"show":"hide",n=this.getDatasetMeta(t),o=n.controller._resolveAnimations(void 0,s);ct(e)?(n.data[e].hidden=!i,this.update()):(this.setDatasetVisibility(t,i),o.update(n,{visible:i}),this.update((e=>e.datasetIndex===t?s:void 0)))}hide(t,e){this._updateVisibility(t,e,!1)}show(t,e){this._updateVisibility(t,e,!0)}_destroyDatasetMeta(t){const e=this._metasets[t];e&&e.controller&&e.controller._destroy(),delete this._metasets[t]}_stop(){let t,e;for(this.stop(),a.remove(this),t=0,e=this.data.datasets.length;t{e.addEventListener(this,i,s),t[i]=s},s=(t,e,i)=>{t.offsetX=e,t.offsetY=i,this._eventHandler(t)};Q(this.options.events,(t=>i(t,s)))}bindResponsiveEvents(){this._responsiveListeners||(this._responsiveListeners={});const t=this._responsiveListeners,e=this.platform,i=(i,s)=>{e.addEventListener(this,i,s),t[i]=s},s=(i,s)=>{t[i]&&(e.removeEventListener(this,i,s),delete t[i])},n=(t,e)=>{this.canvas&&this.resize(t,e)};let o;const a=()=>{s("attach",a),this.attached=!0,this.resize(),i("resize",n),i("detach",o)};o=()=>{this.attached=!1,s("resize",n),this._stop(),this._resize(0,0),i("attach",a)},e.isAttached(this.canvas)?a():o()}unbindEvents(){Q(this._listeners,((t,e)=>{this.platform.removeEventListener(this,e,t)})),this._listeners={},Q(this._responsiveListeners,((t,e)=>{this.platform.removeEventListener(this,e,t)})),this._responsiveListeners=void 0}updateHoverStyle(t,e,i){const s=i?"set":"remove";let n,o,a,r;for("dataset"===e&&(n=this.getDatasetMeta(t[0].datasetIndex),n.controller["_"+s+"DatasetHoverStyle"]()),a=0,r=t.length;a{const i=this.getDatasetMeta(t);if(!i)throw new Error("No dataset found at index "+t);return{datasetIndex:t,element:i.data[e],index:e}}));!tt(i,e)&&(this._active=i,this._lastEvent=null,this._updateHoverStyles(i,e))}notifyPlugins(t,e,i){return this._plugins.notify(this,t,e,i)}_updateHoverStyles(t,e,i){const s=this.options.hover,n=(t,e)=>t.filter((t=>!e.some((e=>t.datasetIndex===e.datasetIndex&&t.index===e.index)))),o=n(e,t),a=i?t:n(t,e);o.length&&this.updateHoverStyle(o,s.mode,!1),a.length&&s.mode&&this.updateHoverStyle(a,s.mode,!0)}_eventHandler(t,e){const i={event:t,replay:e,cancelable:!0,inChartArea:Jt(t,this.chartArea,this._minPadding)},s=e=>(e.options.events||this.options.events).includes(t.native.type);if(!1===this.notifyPlugins("beforeEvent",i,s))return;const n=this._handleEvent(t,e,i.inChartArea);return i.cancelable=!1,this.notifyPlugins("afterEvent",i,s),(n||i.changed)&&this.render(),this}_handleEvent(t,e,i){const{_active:s=[],options:n}=this,o=e,a=this._getActiveElements(t,s,i,o),r=ft(t),l=function(t,e,i,s){return i&&"mouseout"!==t.type?s?e:t:null}(t,this._lastEvent,i,r);i&&(this._lastEvent=null,J(n.onHover,[t,a,this],this),r&&J(n.onClick,[t,a,this],this));const h=!tt(a,s);return(h||e)&&(this._active=a,this._updateHoverStyles(a,s,e)),this._lastEvent=l,h}_getActiveElements(t,e,i,s){if("mouseout"===t.type)return[];if(!i)return e;const n=this.options.hover;return this.getElementsAtEventForMode(t,n.mode,n,s)}}const un=()=>Q(dn.instances,(t=>t._plugins.invalidate())),fn=!0;function gn(){throw new Error("This method is not implemented: Check that a complete date adapter is provided.")}Object.defineProperties(dn,{defaults:{enumerable:fn,value:bt},instances:{enumerable:fn,value:ln},overrides:{enumerable:fn,value:gt},registry:{enumerable:fn,value:Ws},version:{enumerable:fn,value:"3.7.1"},getChart:{enumerable:fn,value:hn},register:{enumerable:fn,value:(...t)=>{Ws.add(...t),un()}},unregister:{enumerable:fn,value:(...t)=>{Ws.remove(...t),un()}}});class pn{constructor(t){this.options=t||{}}formats(){return gn()}parse(t,e){return gn()}format(t,e){return gn()}add(t,e,i){return gn()}diff(t,e,i){return gn()}startOf(t,e,i){return gn()}endOf(t,e){return gn()}}pn.override=function(t){Object.assign(pn.prototype,t)};var mn={_date:pn};function xn(t){const e=t.iScale,i=function(t,e){if(!t._cache.$bar){const i=t.getMatchingVisibleMetas(e);let s=[];for(let e=0,n=i.length;et-e)))}return t._cache.$bar}(e,t.type);let s,n,o,a,r=e._length;const l=()=>{32767!==o&&-32768!==o&&(ct(a)&&(r=Math.min(r,Math.abs(o-a)||r)),a=o)};for(s=0,n=i.length;sMath.abs(r)&&(l=r,h=a),e[i.axis]=h,e._custom={barStart:l,barEnd:h,start:n,end:o,min:a,max:r}}(t,e,i,s):e[i.axis]=i.parse(t,s),e}function _n(t,e,i,s){const n=t.iScale,o=t.vScale,a=n.getLabels(),r=n===o,l=[];let h,c,d,u;for(h=i,c=i+s;ht.x,i="left",s="right"):(e=t.base=i?1:-1)}(c,e,o)*n,d===o&&(p-=c/2),h=p+c),p===e.getPixelForValue(o)){const t=Ct(c)*e.getLineWidthForValue(o)/2;p+=t,c-=t}return{size:c,base:p,head:h,center:h+c/2}}_calculateBarIndexPixels(t,e){const i=e.scale,s=this.options,n=s.skipNull,o=K(s.maxBarThickness,1/0);let a,r;if(e.grouped){const i=n?this._getStackCount(t):e.stackCount,l="flex"===s.barThickness?function(t,e,i,s){const n=e.pixels,o=n[t];let a=t>0?n[t-1]:null,r=t=0;--i)e=Math.max(e,t[i].size(this.resolveDataElementOptions(i))/2);return e>0&&e}getLabelAndValue(t){const e=this._cachedMeta,{xScale:i,yScale:s}=e,n=this.getParsed(t),o=i.getLabelForValue(n.x),a=s.getLabelForValue(n.y),r=n._custom;return{label:e.label,value:"("+o+", "+a+(r?", "+r:"")+")"}}update(t){const e=this._cachedMeta.data;this.updateElements(e,0,e.length,t)}updateElements(t,e,i,s){const n="reset"===s,{iScale:o,vScale:a}=this._cachedMeta,r=this.resolveDataElementOptions(e,s),l=this.getSharedOptions(r),h=this.includeOptions(s,l),c=o.axis,d=a.axis;for(let r=e;r""}}}};class Dn extends Ps{constructor(t,e){super(t,e),this.enableOptionSharing=!0,this.innerRadius=void 0,this.outerRadius=void 0,this.offsetX=void 0,this.offsetY=void 0}linkScales(){}parse(t,e){const i=this.getDataset().data,s=this._cachedMeta;if(!1===this._parsing)s._parsed=i;else{let n,o,a=t=>+i[t];if(U(i[t])){const{key:t="value"}=this._parsing;a=e=>+lt(i[e],t)}for(n=t,o=t+e;nHt(t,r,l,!0)?1:Math.max(e,e*i,s,s*i),g=(t,e,s)=>Ht(t,r,l,!0)?-1:Math.min(e,e*i,s,s*i),p=f(0,h,d),m=f(kt,c,u),x=g(_t,h,d),b=g(_t+kt,c,u);s=(p-x)/2,n=(m-b)/2,o=-(p+x)/2,a=-(m+b)/2}return{ratioX:s,ratioY:n,offsetX:o,offsetY:a}}(c,h,r),p=(i.width-o)/d,m=(i.height-o)/u,x=Math.max(Math.min(p,m)/2,0),b=Z(this.options.radius,x),_=(b-Math.max(b*r,0))/this._getVisibleDatasetWeightTotal();this.offsetX=f*b,this.offsetY=g*b,s.total=this.calculateTotal(),this.outerRadius=b-_*this._getRingWeightOffset(this.index),this.innerRadius=Math.max(this.outerRadius-_*l,0),this.updateElements(n,0,n.length,t)}_circumference(t,e){const i=this.options,s=this._cachedMeta,n=this._getCircumference();return e&&i.animation.animateRotate||!this.chart.getDataVisibility(t)||null===s._parsed[t]||s.data[t].hidden?0:this.calculateCircumference(s._parsed[t]*n/yt)}updateElements(t,e,i,s){const n="reset"===s,o=this.chart,a=o.chartArea,r=o.options.animation,l=(a.left+a.right)/2,h=(a.top+a.bottom)/2,c=n&&r.animateScale,d=c?0:this.innerRadius,u=c?0:this.outerRadius,f=this.resolveDataElementOptions(e,s),g=this.getSharedOptions(f),p=this.includeOptions(s,g);let m,x=this._getRotation();for(m=0;m0&&!isNaN(t)?yt*(Math.abs(t)/e):0}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart,s=i.data.labels||[],n=Ri(e._parsed[t],i.options.locale);return{label:s[t]||"",value:n}}getMaxBorderWidth(t){let e=0;const i=this.chart;let s,n,o,a,r;if(!t)for(s=0,n=i.data.datasets.length;s"spacing"!==t,_indexable:t=>"spacing"!==t},Dn.overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i}}=t.legend.options;return e.labels.map(((e,s)=>{const n=t.getDatasetMeta(0).controller.getStyle(s);return{text:e,fillStyle:n.backgroundColor,strokeStyle:n.borderColor,lineWidth:n.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(s),index:s}}))}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}},tooltip:{callbacks:{title:()=>"",label(t){let e=t.label;const i=": "+t.formattedValue;return Y(e)?(e=e.slice(),e[0]+=i):e+=i,e}}}}};class Cn extends Ps{initialize(){this.enableOptionSharing=!0,super.initialize()}update(t){const e=this._cachedMeta,{dataset:i,data:s=[],_dataset:n}=e,o=this.chart._animationsDisabled;let{start:a,count:r}=function(t,e,i){const s=e.length;let n=0,o=s;if(t._sorted){const{iScale:a,_parsed:r}=t,l=a.axis,{min:h,max:c,minDefined:d,maxDefined:u}=a.getUserBounds();d&&(n=jt(Math.min(re(r,a.axis,h).lo,i?s:re(e,l,a.getPixelForValue(h)).lo),0,s-1)),o=u?jt(Math.max(re(r,a.axis,c).hi+1,i?0:re(e,l,a.getPixelForValue(c)).hi+1),n,s)-n:s-n}return{start:n,count:o}}(e,s,o);this._drawStart=a,this._drawCount=r,function(t){const{xScale:e,yScale:i,_scaleRanges:s}=t,n={xmin:e.min,xmax:e.max,ymin:i.min,ymax:i.max};if(!s)return t._scaleRanges=n,!0;const o=s.xmin!==e.min||s.xmax!==e.max||s.ymin!==i.min||s.ymax!==i.max;return Object.assign(s,n),o}(e)&&(a=0,r=s.length),i._chart=this.chart,i._datasetIndex=this.index,i._decimated=!!n._decimated,i.points=s;const l=this.resolveDatasetElementOptions(t);this.options.showLine||(l.borderWidth=0),l.segment=this.options.segment,this.updateElement(i,void 0,{animated:!o,options:l},t),this.updateElements(s,a,r,t)}updateElements(t,e,i,s){const n="reset"===s,{iScale:o,vScale:a,_stacked:r,_dataset:l}=this._cachedMeta,h=this.resolveDataElementOptions(e,s),c=this.getSharedOptions(h),d=this.includeOptions(s,c),u=o.axis,f=a.axis,{spanGaps:g,segment:p}=this.options,m=Tt(g)?g:Number.POSITIVE_INFINITY,x=this.chart._animationsDisabled||n||"none"===s;let b=e>0&&this.getParsed(e-1);for(let h=e;h0&&i[u]-b[u]>m,p&&(g.parsed=i,g.raw=l.data[h]),d&&(g.options=c||this.resolveDataElementOptions(h,e.active?"active":s)),x||this.updateElement(e,h,g,s),b=i}this.updateSharedOptions(c,s,h)}getMaxOverflow(){const t=this._cachedMeta,e=t.dataset,i=e.options&&e.options.borderWidth||0,s=t.data||[];if(!s.length)return i;const n=s[0].size(this.resolveDataElementOptions(0)),o=s[s.length-1].size(this.resolveDataElementOptions(s.length-1));return Math.max(i,n,o)/2}draw(){const t=this._cachedMeta;t.dataset.updateControlPoints(this.chart.chartArea,t.iScale.axis),super.draw()}}Cn.id="line",Cn.defaults={datasetElementType:"line",dataElementType:"point",showLine:!0,spanGaps:!1},Cn.overrides={scales:{_index_:{type:"category"},_value_:{type:"linear"}}};class On extends Ps{constructor(t,e){super(t,e),this.innerRadius=void 0,this.outerRadius=void 0}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart,s=i.data.labels||[],n=Ri(e._parsed[t].r,i.options.locale);return{label:s[t]||"",value:n}}update(t){const e=this._cachedMeta.data;this._updateRadius(),this.updateElements(e,0,e.length,t)}_updateRadius(){const t=this.chart,e=t.chartArea,i=t.options,s=Math.min(e.right-e.left,e.bottom-e.top),n=Math.max(s/2,0),o=(n-Math.max(i.cutoutPercentage?n/100*i.cutoutPercentage:1,0))/t.getVisibleDatasetCount();this.outerRadius=n-o*this.index,this.innerRadius=this.outerRadius-o}updateElements(t,e,i,s){const n="reset"===s,o=this.chart,a=this.getDataset(),r=o.options.animation,l=this._cachedMeta.rScale,h=l.xCenter,c=l.yCenter,d=l.getIndexAngle(0)-.5*_t;let u,f=d;const g=360/this.countVisibleElements();for(u=0;u{!isNaN(t.data[s])&&this.chart.getDataVisibility(s)&&i++})),i}_computeAngle(t,e,i){return this.chart.getDataVisibility(t)?It(this.resolveDataElementOptions(t,e).angle||i):0}}On.id="polarArea",On.defaults={dataElementType:"arc",animation:{animateRotate:!0,animateScale:!0},animations:{numbers:{type:"number",properties:["x","y","startAngle","endAngle","innerRadius","outerRadius"]}},indexAxis:"r",startAngle:0},On.overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i}}=t.legend.options;return e.labels.map(((e,s)=>{const n=t.getDatasetMeta(0).controller.getStyle(s);return{text:e,fillStyle:n.backgroundColor,strokeStyle:n.borderColor,lineWidth:n.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(s),index:s}}))}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}},tooltip:{callbacks:{title:()=>"",label:t=>t.chart.data.labels[t.dataIndex]+": "+t.formattedValue}}},scales:{r:{type:"radialLinear",angleLines:{display:!1},beginAtZero:!0,grid:{circular:!0},pointLabels:{display:!1},startAngle:0}}};class An extends Dn{}An.id="pie",An.defaults={cutout:0,rotation:0,circumference:360,radius:"100%"};class Tn extends Ps{getLabelAndValue(t){const e=this._cachedMeta.vScale,i=this.getParsed(t);return{label:e.getLabels()[t],value:""+e.getLabelForValue(i[e.axis])}}update(t){const e=this._cachedMeta,i=e.dataset,s=e.data||[],n=e.iScale.getLabels();if(i.points=s,"resize"!==t){const e=this.resolveDatasetElementOptions(t);this.options.showLine||(e.borderWidth=0);const o={_loop:!0,_fullLoop:n.length===s.length,options:e};this.updateElement(i,void 0,o,t)}this.updateElements(s,0,s.length,t)}updateElements(t,e,i,s){const n=this.getDataset(),o=this._cachedMeta.rScale,a="reset"===s;for(let r=e;r"",label:t=>"("+t.label+", "+t.formattedValue+")"}}},scales:{x:{type:"linear"},y:{type:"linear"}}};var Rn=Object.freeze({__proto__:null,BarController:Sn,BubbleController:Pn,DoughnutController:Dn,LineController:Cn,PolarAreaController:On,PieController:An,RadarController:Tn,ScatterController:Ln});function En(t,e,i){const{startAngle:s,pixelMargin:n,x:o,y:a,outerRadius:r,innerRadius:l}=e;let h=n/r;t.beginPath(),t.arc(o,a,r,s-h,i+h),l>n?(h=n/l,t.arc(o,a,l,i+h,s-h,!0)):t.arc(o,a,n,i+kt,s-kt),t.closePath(),t.clip()}function In(t,e,i,s){const n=Be(t.options.borderRadius,["outerStart","outerEnd","innerStart","innerEnd"]);const o=(i-e)/2,a=Math.min(o,s*e/2),r=t=>{const e=(i-Math.min(o,t))*s/2;return jt(t,0,Math.min(o,e))};return{outerStart:r(n.outerStart),outerEnd:r(n.outerEnd),innerStart:jt(n.innerStart,0,a),innerEnd:jt(n.innerEnd,0,a)}}function zn(t,e,i,s){return{x:i+t*Math.cos(e),y:s+t*Math.sin(e)}}function Fn(t,e,i,s,n){const{x:o,y:a,startAngle:r,pixelMargin:l,innerRadius:h}=e,c=Math.max(e.outerRadius+s+i-l,0),d=h>0?h+s+i+l:0;let u=0;const f=n-r;if(s){const t=((h>0?h-s:0)+(c>0?c-s:0))/2;u=(f-(0!==t?f*t/(t+s):f))/2}const g=(f-Math.max(.001,f*c-i/_t)/c)/2,p=r+g+u,m=n-g-u,{outerStart:x,outerEnd:b,innerStart:_,innerEnd:y}=In(e,d,c,m-p),v=c-x,w=c-b,M=p+x/v,k=m-b/w,S=d+_,P=d+y,D=p+_/S,C=m-y/P;if(t.beginPath(),t.arc(o,a,c,M,k),b>0){const e=zn(w,k,o,a);t.arc(e.x,e.y,b,k,m+kt)}const O=zn(P,m,o,a);if(t.lineTo(O.x,O.y),y>0){const e=zn(P,C,o,a);t.arc(e.x,e.y,y,m+kt,C+Math.PI)}if(t.arc(o,a,d,m-y/d,p+_/d,!0),_>0){const e=zn(S,D,o,a);t.arc(e.x,e.y,_,D+Math.PI,p-kt)}const A=zn(v,p,o,a);if(t.lineTo(A.x,A.y),x>0){const e=zn(v,M,o,a);t.arc(e.x,e.y,x,p-kt,M)}t.closePath()}function Bn(t,e,i,s,n){const{options:o}=e,{borderWidth:a,borderJoinStyle:r}=o,l="inner"===o.borderAlign;a&&(l?(t.lineWidth=2*a,t.lineJoin=r||"round"):(t.lineWidth=a,t.lineJoin=r||"bevel"),e.fullCircles&&function(t,e,i){const{x:s,y:n,startAngle:o,pixelMargin:a,fullCircles:r}=e,l=Math.max(e.outerRadius-a,0),h=e.innerRadius+a;let c;for(i&&En(t,e,o+yt),t.beginPath(),t.arc(s,n,h,o+yt,o,!0),c=0;c=yt||Ht(n,a,r),f=Yt(o,l+d,h+d);return u&&f}getCenterPoint(t){const{x:e,y:i,startAngle:s,endAngle:n,innerRadius:o,outerRadius:a}=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius","circumference"],t),{offset:r,spacing:l}=this.options,h=(s+n)/2,c=(o+a+l+r)/2;return{x:e+Math.cos(h)*c,y:i+Math.sin(h)*c}}tooltipPosition(t){return this.getCenterPoint(t)}draw(t){const{options:e,circumference:i}=this,s=(e.offset||0)/2,n=(e.spacing||0)/2;if(this.pixelMargin="inner"===e.borderAlign?.33:0,this.fullCircles=i>yt?Math.floor(i/yt):0,0===i||this.innerRadius<0||this.outerRadius<0)return;t.save();let o=0;if(s){o=s/2;const e=(this.startAngle+this.endAngle)/2;t.translate(Math.cos(e)*o,Math.sin(e)*o),this.circumference>=_t&&(o=s)}t.fillStyle=e.backgroundColor,t.strokeStyle=e.borderColor;const a=function(t,e,i,s){const{fullCircles:n,startAngle:o,circumference:a}=e;let r=e.endAngle;if(n){Fn(t,e,i,s,o+yt);for(let e=0;er&&o>r;return{count:s,start:l,loop:e.loop,ilen:h(a+(h?r-t:t))%o,_=()=>{f!==g&&(t.lineTo(m,g),t.lineTo(m,f),t.lineTo(m,p))};for(l&&(d=n[b(0)],t.moveTo(d.x,d.y)),c=0;c<=r;++c){if(d=n[b(c)],d.skip)continue;const e=d.x,i=d.y,s=0|e;s===u?(ig&&(g=i),m=(x*m+e)/++x):(_(),t.lineTo(e,i),u=s,x=0,f=g=i),p=i}_()}function Yn(t){const e=t.options,i=e.borderDash&&e.borderDash.length;return!(t._decimated||t._loop||e.tension||"monotone"===e.cubicInterpolationMode||e.stepped||i)?$n:jn}Vn.id="arc",Vn.defaults={borderAlign:"center",borderColor:"#fff",borderJoinStyle:void 0,borderRadius:0,borderWidth:2,offset:0,spacing:0,angle:void 0},Vn.defaultRoutes={backgroundColor:"backgroundColor"};const Un="function"==typeof Path2D;function Xn(t,e,i,s){Un&&!e.options.segment?function(t,e,i,s){let n=e._path;n||(n=e._path=new Path2D,e.path(n,i,s)&&n.closePath()),Wn(t,e.options),t.stroke(n)}(t,e,i,s):function(t,e,i,s){const{segments:n,options:o}=e,a=Yn(e);for(const r of n)Wn(t,o,r.style),t.beginPath(),a(t,e,r,{start:i,end:i+s-1})&&t.closePath(),t.stroke()}(t,e,i,s)}class qn extends Ds{constructor(t){super(),this.animated=!0,this.options=void 0,this._chart=void 0,this._loop=void 0,this._fullLoop=void 0,this._path=void 0,this._points=void 0,this._segments=void 0,this._decimated=!1,this._pointsUpdated=!1,this._datasetIndex=void 0,t&&Object.assign(this,t)}updateControlPoints(t,e){const i=this.options;if((i.tension||"monotone"===i.cubicInterpolationMode)&&!i.stepped&&!this._pointsUpdated){const s=i.spanGaps?this._loop:this._fullLoop;ki(this._points,i,t,s,e),this._pointsUpdated=!0}}set points(t){this._points=t,delete this._segments,delete this._path,this._pointsUpdated=!1}get points(){return this._points}get segments(){return this._segments||(this._segments=Ni(this,this.options.segment))}first(){const t=this.segments,e=this.points;return t.length&&e[t[0].start]}last(){const t=this.segments,e=this.points,i=t.length;return i&&e[t[i-1].end]}interpolate(t,e){const i=this.options,s=t[e],n=this.points,o=Wi(this,{property:e,start:s,end:s});if(!o.length)return;const a=[],r=function(t){return t.stepped?Ai:t.tension||"monotone"===t.cubicInterpolationMode?Ti:Oi}(i);let l,h;for(l=0,h=o.length;l"borderDash"!==t&&"fill"!==t};class Gn extends Ds{constructor(t){super(),this.options=void 0,this.parsed=void 0,this.skip=void 0,this.stop=void 0,t&&Object.assign(this,t)}inRange(t,e,i){const s=this.options,{x:n,y:o}=this.getProps(["x","y"],i);return Math.pow(t-n,2)+Math.pow(e-o,2){oo(t)}))}var ro={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:(t,e,i)=>{if(!i.enabled)return void ao(t);const s=t.width;t.data.datasets.forEach(((e,n)=>{const{_data:o,indexAxis:a}=e,r=t.getDatasetMeta(n),l=o||e.data;if("y"===je([a,t.options.indexAxis]))return;if("line"!==r.type)return;const h=t.scales[r.xAxisID];if("linear"!==h.type&&"time"!==h.type)return;if(t.options.parsing)return;let{start:c,count:d}=function(t,e){const i=e.length;let s,n=0;const{iScale:o}=t,{min:a,max:r,minDefined:l,maxDefined:h}=o.getUserBounds();return l&&(n=jt(re(e,o.axis,a).lo,0,i-1)),s=h?jt(re(e,o.axis,r).hi+1,n,i)-n:i-n,{start:n,count:s}}(r,l);if(d<=(i.threshold||4*s))return void oo(e);let u;switch($(o)&&(e._data=l,delete e.data,Object.defineProperty(e,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(t){this._data=t}})),i.algorithm){case"lttb":u=function(t,e,i,s,n){const o=n.samples||s;if(o>=i)return t.slice(e,e+i);const a=[],r=(i-2)/(o-2);let l=0;const h=e+i-1;let c,d,u,f,g,p=e;for(a[l++]=t[p],c=0;cu&&(u=f,d=t[s],g=s);a[l++]=d,p=g}return a[l++]=t[h],a}(l,c,d,s,i);break;case"min-max":u=function(t,e,i,s){let n,o,a,r,l,h,c,d,u,f,g=0,p=0;const m=[],x=e+i-1,b=t[e].x,_=t[x].x-b;for(n=e;nf&&(f=r,c=n),g=(p*g+o.x)/++p;else{const i=n-1;if(!$(h)&&!$(c)){const e=Math.min(h,c),s=Math.max(h,c);e!==d&&e!==i&&m.push({...t[e],x:g}),s!==d&&s!==i&&m.push({...t[s],x:g})}n>0&&i!==d&&m.push(t[i]),m.push(o),l=e,p=0,u=f=r,h=c=d=n}}return m}(l,c,d,s);break;default:throw new Error(`Unsupported decimation algorithm '${i.algorithm}'`)}e._decimated=u}))},destroy(t){ao(t)}};function lo(t,e,i){const s=function(t){const e=t.options,i=e.fill;let s=K(i&&i.target,i);return void 0===s&&(s=!!e.backgroundColor),!1!==s&&null!==s&&(!0===s?"origin":s)}(t);if(U(s))return!isNaN(s.value)&&s;let n=parseFloat(s);return X(n)&&Math.floor(n)===n?("-"!==s[0]&&"+"!==s[0]||(n=e+n),!(n===e||n<0||n>=i)&&n):["origin","start","end","stack","shape"].indexOf(s)>=0&&s}class ho{constructor(t){this.x=t.x,this.y=t.y,this.radius=t.radius}pathSegment(t,e,i){const{x:s,y:n,radius:o}=this;return e=e||{start:0,end:yt},t.arc(s,n,o,e.end,e.start,!0),!i.bounds}interpolate(t){const{x:e,y:i,radius:s}=this,n=t.angle;return{x:e+Math.cos(n)*s,y:i+Math.sin(n)*s,angle:n}}}function co(t){return(t.scale||{}).getPointPositionForValue?function(t){const{scale:e,fill:i}=t,s=e.options,n=e.getLabels().length,o=[],a=s.reverse?e.max:e.min,r=s.reverse?e.min:e.max;let l,h,c;if(c="start"===i?a:"end"===i?r:U(i)?i.value:e.getBaseValue(),s.grid.circular)return h=e.getPointPositionForValue(0,a),new ho({x:h.x,y:h.y,radius:e.getDistanceFromCenterForValue(c)});for(l=0;lt;e--){const t=i[e];if(!isNaN(t.x)&&!isNaN(t.y))break}return e}function fo(t,e,i){const s=[];for(let n=0;n{e=uo(t,e,n);const a=n[t],r=n[e];null!==s?(o.push({x:a.x,y:s}),o.push({x:r.x,y:s})):null!==i&&(o.push({x:i,y:a.y}),o.push({x:i,y:r.y}))})),o}(t,e),i.length?new qn({points:i,options:{tension:0},_loop:s,_fullLoop:s}):null}function xo(t,e,i){let s=t[e].fill;const n=[e];let o;if(!i)return s;for(;!1!==s&&-1===n.indexOf(s);){if(!X(s))return s;if(o=t[s],!o)return!1;if(o.visible)return s;n.push(s),s=o.fill}return!1}function bo(t,e,i){const{segments:s,points:n}=e;let o=!0,a=!1;t.beginPath();for(const r of s){const{start:s,end:l}=r,h=n[s],c=n[uo(s,l,n)];o?(t.moveTo(h.x,h.y),o=!1):(t.lineTo(h.x,i),t.lineTo(h.x,h.y)),a=!!e.pathSegment(t,r,{move:a}),a?t.closePath():t.lineTo(c.x,i)}t.lineTo(e.first().x,i),t.closePath(),t.clip()}function _o(t,e,i,s){if(s)return;let n=e[t],o=i[t];return"angle"===t&&(n=Nt(n),o=Nt(o)),{property:t,start:n,end:o}}function yo(t,e,i,s){return t&&e?s(t[i],e[i]):t?t[i]:e?e[i]:0}function vo(t,e,i){const{top:s,bottom:n}=e.chart.chartArea,{property:o,start:a,end:r}=i||{};"x"===o&&(t.beginPath(),t.rect(a,s,r-a,n-s),t.clip())}function wo(t,e,i,s){const n=e.interpolate(i,s);n&&t.lineTo(n.x,n.y)}function Mo(t,e){const{line:i,target:s,property:n,color:o,scale:a}=e,r=function(t,e,i){const s=t.segments,n=t.points,o=e.points,a=[];for(const t of s){let{start:s,end:r}=t;r=uo(s,r,n);const l=_o(i,n[s],n[r],t.loop);if(!e.segments){a.push({source:t,target:l,start:n[s],end:n[r]});continue}const h=Wi(e,l);for(const e of h){const s=_o(i,o[e.start],o[e.end],e.loop),r=Vi(t,n,s);for(const t of r)a.push({source:t,target:e,start:{[i]:yo(l,s,"start",Math.max)},end:{[i]:yo(l,s,"end",Math.min)}})}}return a}(i,s,n);for(const{source:e,target:l,start:h,end:c}of r){const{style:{backgroundColor:r=o}={}}=e,d=!0!==s;t.save(),t.fillStyle=r,vo(t,a,d&&_o(n,h,c)),t.beginPath();const u=!!i.pathSegment(t,e);let f;if(d){u?t.closePath():wo(t,s,c,n);const e=!!s.pathSegment(t,l,{move:u,reverse:!0});f=u&&e,f||wo(t,s,h,n)}t.closePath(),t.fill(f?"evenodd":"nonzero"),t.restore()}}function ko(t,e,i){const s=po(e),{line:n,scale:o,axis:a}=e,r=n.options,l=r.fill,h=r.backgroundColor,{above:c=h,below:d=h}=l||{};s&&n.points.length&&(Qt(t,i),function(t,e){const{line:i,target:s,above:n,below:o,area:a,scale:r}=e,l=i._loop?"angle":e.axis;t.save(),"x"===l&&o!==n&&(bo(t,s,a.top),Mo(t,{line:i,target:s,color:n,scale:r,property:l}),t.restore(),t.save(),bo(t,s,a.bottom)),Mo(t,{line:i,target:s,color:o,scale:r,property:l}),t.restore()}(t,{line:n,target:s,above:c,below:d,area:i,scale:o,axis:a}),te(t))}var So={id:"filler",afterDatasetsUpdate(t,e,i){const s=(t.data.datasets||[]).length,n=[];let o,a,r,l;for(a=0;a=0;--e){const i=n[e].$filler;i&&(i.line.updateControlPoints(o,i.axis),s&&ko(t.ctx,i,o))}},beforeDatasetsDraw(t,e,i){if("beforeDatasetsDraw"!==i.drawTime)return;const s=t.getSortedVisibleDatasetMetas();for(let e=s.length-1;e>=0;--e){const i=s[e].$filler;i&&ko(t.ctx,i,t.chartArea)}},beforeDatasetDraw(t,e,i){const s=e.meta.$filler;s&&!1!==s.fill&&"beforeDatasetDraw"===i.drawTime&&ko(t.ctx,s,t.chartArea)},defaults:{propagate:!0,drawTime:"beforeDatasetDraw"}};const Po=(t,e)=>{let{boxHeight:i=e,boxWidth:s=e}=t;return t.usePointStyle&&(i=Math.min(i,e),s=Math.min(s,e)),{boxWidth:s,boxHeight:i,itemHeight:Math.max(e,i)}};class Do extends Ds{constructor(t){super(),this._added=!1,this.legendHitBoxes=[],this._hoveredItem=null,this.doughnutMode=!1,this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this.legendItems=void 0,this.columnSizes=void 0,this.lineWidths=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.height=void 0,this.width=void 0,this._margins=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e,i){this.maxWidth=t,this.maxHeight=e,this._margins=i,this.setDimensions(),this.buildLabels(),this.fit()}setDimensions(){this.isHorizontal()?(this.width=this.maxWidth,this.left=this._margins.left,this.right=this.width):(this.height=this.maxHeight,this.top=this._margins.top,this.bottom=this.height)}buildLabels(){const t=this.options.labels||{};let e=J(t.generateLabels,[this.chart],this)||[];t.filter&&(e=e.filter((e=>t.filter(e,this.chart.data)))),t.sort&&(e=e.sort(((e,i)=>t.sort(e,i,this.chart.data)))),this.options.reverse&&e.reverse(),this.legendItems=e}fit(){const{options:t,ctx:e}=this;if(!t.display)return void(this.width=this.height=0);const i=t.labels,s=He(i.font),n=s.size,o=this._computeTitleHeight(),{boxWidth:a,itemHeight:r}=Po(i,n);let l,h;e.font=s.string,this.isHorizontal()?(l=this.maxWidth,h=this._fitRows(o,n,a,r)+10):(h=this.maxHeight,l=this._fitCols(o,n,a,r)+10),this.width=Math.min(l,t.maxWidth||this.maxWidth),this.height=Math.min(h,t.maxHeight||this.maxHeight)}_fitRows(t,e,i,s){const{ctx:n,maxWidth:o,options:{labels:{padding:a}}}=this,r=this.legendHitBoxes=[],l=this.lineWidths=[0],h=s+a;let c=t;n.textAlign="left",n.textBaseline="middle";let d=-1,u=-h;return this.legendItems.forEach(((t,f)=>{const g=i+e/2+n.measureText(t.text).width;(0===f||l[l.length-1]+g+2*a>o)&&(c+=h,l[l.length-(f>0?0:1)]=0,u+=h,d++),r[f]={left:0,top:u,row:d,width:g,height:s},l[l.length-1]+=g+a})),c}_fitCols(t,e,i,s){const{ctx:n,maxHeight:o,options:{labels:{padding:a}}}=this,r=this.legendHitBoxes=[],l=this.columnSizes=[],h=o-t;let c=a,d=0,u=0,f=0,g=0;return this.legendItems.forEach(((t,o)=>{const p=i+e/2+n.measureText(t.text).width;o>0&&u+s+2*a>h&&(c+=d+a,l.push({width:d,height:u}),f+=d+a,g++,d=u=0),r[o]={left:f,top:u,col:g,width:p,height:s},d=Math.max(d,p),u+=s+a})),c+=d,l.push({width:d,height:u}),c}adjustHitBoxes(){if(!this.options.display)return;const t=this._computeTitleHeight(),{legendHitBoxes:e,options:{align:i,labels:{padding:s},rtl:o}}=this,a=Ei(o,this.left,this.width);if(this.isHorizontal()){let o=0,r=n(i,this.left+s,this.right-this.lineWidths[o]);for(const l of e)o!==l.row&&(o=l.row,r=n(i,this.left+s,this.right-this.lineWidths[o])),l.top+=this.top+t+s,l.left=a.leftForLtr(a.x(r),l.width),r+=l.width+s}else{let o=0,r=n(i,this.top+t+s,this.bottom-this.columnSizes[o].height);for(const l of e)l.col!==o&&(o=l.col,r=n(i,this.top+t+s,this.bottom-this.columnSizes[o].height)),l.top=r,l.left+=this.left+s,l.left=a.leftForLtr(a.x(l.left),l.width),r+=l.height+s}}isHorizontal(){return"top"===this.options.position||"bottom"===this.options.position}draw(){if(this.options.display){const t=this.ctx;Qt(t,this),this._draw(),te(t)}}_draw(){const{options:t,columnSizes:e,lineWidths:i,ctx:s}=this,{align:a,labels:r}=t,l=bt.color,h=Ei(t.rtl,this.left,this.width),c=He(r.font),{color:d,padding:u}=r,f=c.size,g=f/2;let p;this.drawTitle(),s.textAlign=h.textAlign("left"),s.textBaseline="middle",s.lineWidth=.5,s.font=c.string;const{boxWidth:m,boxHeight:x,itemHeight:b}=Po(r,f),_=this.isHorizontal(),y=this._computeTitleHeight();p=_?{x:n(a,this.left+u,this.right-i[0]),y:this.top+u+y,line:0}:{x:this.left+u,y:n(a,this.top+y+u,this.bottom-e[0].height),line:0},Ii(this.ctx,t.textDirection);const v=b+u;this.legendItems.forEach(((w,M)=>{s.strokeStyle=w.fontColor||d,s.fillStyle=w.fontColor||d;const k=s.measureText(w.text).width,S=h.textAlign(w.textAlign||(w.textAlign=r.textAlign)),P=m+g+k;let D=p.x,C=p.y;h.setWidth(this.width),_?M>0&&D+P+u>this.right&&(C=p.y+=v,p.line++,D=p.x=n(a,this.left+u,this.right-i[p.line])):M>0&&C+v>this.bottom&&(D=p.x=D+e[p.line].width+u,p.line++,C=p.y=n(a,this.top+y+u,this.bottom-e[p.line].height));!function(t,e,i){if(isNaN(m)||m<=0||isNaN(x)||x<0)return;s.save();const n=K(i.lineWidth,1);if(s.fillStyle=K(i.fillStyle,l),s.lineCap=K(i.lineCap,"butt"),s.lineDashOffset=K(i.lineDashOffset,0),s.lineJoin=K(i.lineJoin,"miter"),s.lineWidth=n,s.strokeStyle=K(i.strokeStyle,l),s.setLineDash(K(i.lineDash,[])),r.usePointStyle){const o={radius:m*Math.SQRT2/2,pointStyle:i.pointStyle,rotation:i.rotation,borderWidth:n},a=h.xPlus(t,m/2);Zt(s,o,a,e+g)}else{const o=e+Math.max((f-x)/2,0),a=h.leftForLtr(t,m),r=We(i.borderRadius);s.beginPath(),Object.values(r).some((t=>0!==t))?oe(s,{x:a,y:o,w:m,h:x,radius:r}):s.rect(a,o,m,x),s.fill(),0!==n&&s.stroke()}s.restore()}(h.x(D),C,w),D=o(S,D+m+g,_?D+P:this.right,t.rtl),function(t,e,i){se(s,i.text,t,e+b/2,c,{strikethrough:i.hidden,textAlign:h.textAlign(i.textAlign)})}(h.x(D),C,w),_?p.x+=P+u:p.y+=v})),zi(this.ctx,t.textDirection)}drawTitle(){const t=this.options,e=t.title,i=He(e.font),o=Ne(e.padding);if(!e.display)return;const a=Ei(t.rtl,this.left,this.width),r=this.ctx,l=e.position,h=i.size/2,c=o.top+h;let d,u=this.left,f=this.width;if(this.isHorizontal())f=Math.max(...this.lineWidths),d=this.top+c,u=n(t.align,u,this.right-f);else{const e=this.columnSizes.reduce(((t,e)=>Math.max(t,e.height)),0);d=c+n(t.align,this.top,this.bottom-e-t.labels.padding-this._computeTitleHeight())}const g=n(l,u,u+f);r.textAlign=a.textAlign(s(l)),r.textBaseline="middle",r.strokeStyle=e.color,r.fillStyle=e.color,r.font=i.string,se(r,e.text,g,d,i)}_computeTitleHeight(){const t=this.options.title,e=He(t.font),i=Ne(t.padding);return t.display?e.lineHeight+i.height:0}_getLegendItemAt(t,e){let i,s,n;if(Yt(t,this.left,this.right)&&Yt(e,this.top,this.bottom))for(n=this.legendHitBoxes,i=0;it.chart.options.color,boxWidth:40,padding:10,generateLabels(t){const e=t.data.datasets,{labels:{usePointStyle:i,pointStyle:s,textAlign:n,color:o}}=t.legend.options;return t._getSortedDatasetMetas().map((t=>{const a=t.controller.getStyle(i?0:void 0),r=Ne(a.borderWidth);return{text:e[t.index].label,fillStyle:a.backgroundColor,fontColor:o,hidden:!t.visible,lineCap:a.borderCapStyle,lineDash:a.borderDash,lineDashOffset:a.borderDashOffset,lineJoin:a.borderJoinStyle,lineWidth:(r.width+r.height)/4,strokeStyle:a.borderColor,pointStyle:s||a.pointStyle,rotation:a.rotation,textAlign:n||a.textAlign,borderRadius:0,datasetIndex:t.index}}),this)}},title:{color:t=>t.chart.options.color,display:!1,position:"center",text:""}},descriptors:{_scriptable:t=>!t.startsWith("on"),labels:{_scriptable:t=>!["generateLabels","filter","sort"].includes(t)}}};class Oo extends Ds{constructor(t){super(),this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this._padding=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e){const i=this.options;if(this.left=0,this.top=0,!i.display)return void(this.width=this.height=this.right=this.bottom=0);this.width=this.right=t,this.height=this.bottom=e;const s=Y(i.text)?i.text.length:1;this._padding=Ne(i.padding);const n=s*He(i.font).lineHeight+this._padding.height;this.isHorizontal()?this.height=n:this.width=n}isHorizontal(){const t=this.options.position;return"top"===t||"bottom"===t}_drawArgs(t){const{top:e,left:i,bottom:s,right:o,options:a}=this,r=a.align;let l,h,c,d=0;return this.isHorizontal()?(h=n(r,i,o),c=e+t,l=o-i):("left"===a.position?(h=i+t,c=n(r,s,e),d=-.5*_t):(h=o-t,c=n(r,e,s),d=.5*_t),l=s-e),{titleX:h,titleY:c,maxWidth:l,rotation:d}}draw(){const t=this.ctx,e=this.options;if(!e.display)return;const i=He(e.font),n=i.lineHeight/2+this._padding.top,{titleX:o,titleY:a,maxWidth:r,rotation:l}=this._drawArgs(n);se(t,e.text,0,0,i,{color:e.color,maxWidth:r,rotation:l,textAlign:s(e.align),textBaseline:"middle",translation:[o,a]})}}var Ao={id:"title",_element:Oo,start(t,e,i){!function(t,e){const i=new Oo({ctx:t.ctx,options:e,chart:t});ni.configure(t,i,e),ni.addBox(t,i),t.titleBlock=i}(t,i)},stop(t){const e=t.titleBlock;ni.removeBox(t,e),delete t.titleBlock},beforeUpdate(t,e,i){const s=t.titleBlock;ni.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"bold"},fullSize:!0,padding:10,position:"top",text:"",weight:2e3},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const To=new WeakMap;var Lo={id:"subtitle",start(t,e,i){const s=new Oo({ctx:t.ctx,options:i,chart:t});ni.configure(t,s,i),ni.addBox(t,s),To.set(t,s)},stop(t){ni.removeBox(t,To.get(t)),To.delete(t)},beforeUpdate(t,e,i){const s=To.get(t);ni.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"normal"},fullSize:!0,padding:0,position:"top",text:"",weight:1500},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const Ro={average(t){if(!t.length)return!1;let e,i,s=0,n=0,o=0;for(e=0,i=t.length;e-1?t.split("\n"):t}function zo(t,e){const{element:i,datasetIndex:s,index:n}=e,o=t.getDatasetMeta(s).controller,{label:a,value:r}=o.getLabelAndValue(n);return{chart:t,label:a,parsed:o.getParsed(n),raw:t.data.datasets[s].data[n],formattedValue:r,dataset:o.getDataset(),dataIndex:n,datasetIndex:s,element:i}}function Fo(t,e){const i=t.chart.ctx,{body:s,footer:n,title:o}=t,{boxWidth:a,boxHeight:r}=e,l=He(e.bodyFont),h=He(e.titleFont),c=He(e.footerFont),d=o.length,u=n.length,f=s.length,g=Ne(e.padding);let p=g.height,m=0,x=s.reduce(((t,e)=>t+e.before.length+e.lines.length+e.after.length),0);if(x+=t.beforeBody.length+t.afterBody.length,d&&(p+=d*h.lineHeight+(d-1)*e.titleSpacing+e.titleMarginBottom),x){p+=f*(e.displayColors?Math.max(r,l.lineHeight):l.lineHeight)+(x-f)*l.lineHeight+(x-1)*e.bodySpacing}u&&(p+=e.footerMarginTop+u*c.lineHeight+(u-1)*e.footerSpacing);let b=0;const _=function(t){m=Math.max(m,i.measureText(t).width+b)};return i.save(),i.font=h.string,Q(t.title,_),i.font=l.string,Q(t.beforeBody.concat(t.afterBody),_),b=e.displayColors?a+2+e.boxPadding:0,Q(s,(t=>{Q(t.before,_),Q(t.lines,_),Q(t.after,_)})),b=0,i.font=c.string,Q(t.footer,_),i.restore(),m+=g.width,{width:m,height:p}}function Bo(t,e,i,s){const{x:n,width:o}=i,{width:a,chartArea:{left:r,right:l}}=t;let h="center";return"center"===s?h=n<=(r+l)/2?"left":"right":n<=o/2?h="left":n>=a-o/2&&(h="right"),function(t,e,i,s){const{x:n,width:o}=s,a=i.caretSize+i.caretPadding;return"left"===t&&n+o+a>e.width||"right"===t&&n-o-a<0||void 0}(h,t,e,i)&&(h="center"),h}function Vo(t,e,i){const s=i.yAlign||e.yAlign||function(t,e){const{y:i,height:s}=e;return it.height-s/2?"bottom":"center"}(t,i);return{xAlign:i.xAlign||e.xAlign||Bo(t,e,i,s),yAlign:s}}function Wo(t,e,i,s){const{caretSize:n,caretPadding:o,cornerRadius:a}=t,{xAlign:r,yAlign:l}=i,h=n+o,{topLeft:c,topRight:d,bottomLeft:u,bottomRight:f}=We(a);let g=function(t,e){let{x:i,width:s}=t;return"right"===e?i-=s:"center"===e&&(i-=s/2),i}(e,r);const p=function(t,e,i){let{y:s,height:n}=t;return"top"===e?s+=i:s-="bottom"===e?n+i:n/2,s}(e,l,h);return"center"===l?"left"===r?g+=h:"right"===r&&(g-=h):"left"===r?g-=Math.max(c,u)+n:"right"===r&&(g+=Math.max(d,f)+n),{x:jt(g,0,s.width-e.width),y:jt(p,0,s.height-e.height)}}function No(t,e,i){const s=Ne(i.padding);return"center"===e?t.x+t.width/2:"right"===e?t.x+t.width-s.right:t.x+s.left}function Ho(t){return Eo([],Io(t))}function jo(t,e){const i=e&&e.dataset&&e.dataset.tooltip&&e.dataset.tooltip.callbacks;return i?t.override(i):t}class $o extends Ds{constructor(t){super(),this.opacity=0,this._active=[],this._eventPosition=void 0,this._size=void 0,this._cachedAnimations=void 0,this._tooltipItems=[],this.$animations=void 0,this.$context=void 0,this.chart=t.chart||t._chart,this._chart=this.chart,this.options=t.options,this.dataPoints=void 0,this.title=void 0,this.beforeBody=void 0,this.body=void 0,this.afterBody=void 0,this.footer=void 0,this.xAlign=void 0,this.yAlign=void 0,this.x=void 0,this.y=void 0,this.height=void 0,this.width=void 0,this.caretX=void 0,this.caretY=void 0,this.labelColors=void 0,this.labelPointStyles=void 0,this.labelTextColors=void 0}initialize(t){this.options=t,this._cachedAnimations=void 0,this.$context=void 0}_resolveAnimations(){const t=this._cachedAnimations;if(t)return t;const e=this.chart,i=this.options.setContext(this.getContext()),s=i.enabled&&e.options.animation&&i.animations,n=new gs(this.chart,s);return s._cacheable&&(this._cachedAnimations=Object.freeze(n)),n}getContext(){return this.$context||(this.$context=(t=this.chart.getContext(),e=this,i=this._tooltipItems,Ye(t,{tooltip:e,tooltipItems:i,type:"tooltip"})));var t,e,i}getTitle(t,e){const{callbacks:i}=e,s=i.beforeTitle.apply(this,[t]),n=i.title.apply(this,[t]),o=i.afterTitle.apply(this,[t]);let a=[];return a=Eo(a,Io(s)),a=Eo(a,Io(n)),a=Eo(a,Io(o)),a}getBeforeBody(t,e){return Ho(e.callbacks.beforeBody.apply(this,[t]))}getBody(t,e){const{callbacks:i}=e,s=[];return Q(t,(t=>{const e={before:[],lines:[],after:[]},n=jo(i,t);Eo(e.before,Io(n.beforeLabel.call(this,t))),Eo(e.lines,n.label.call(this,t)),Eo(e.after,Io(n.afterLabel.call(this,t))),s.push(e)})),s}getAfterBody(t,e){return Ho(e.callbacks.afterBody.apply(this,[t]))}getFooter(t,e){const{callbacks:i}=e,s=i.beforeFooter.apply(this,[t]),n=i.footer.apply(this,[t]),o=i.afterFooter.apply(this,[t]);let a=[];return a=Eo(a,Io(s)),a=Eo(a,Io(n)),a=Eo(a,Io(o)),a}_createItems(t){const e=this._active,i=this.chart.data,s=[],n=[],o=[];let a,r,l=[];for(a=0,r=e.length;at.filter(e,s,n,i)))),t.itemSort&&(l=l.sort(((e,s)=>t.itemSort(e,s,i)))),Q(l,(e=>{const i=jo(t.callbacks,e);s.push(i.labelColor.call(this,e)),n.push(i.labelPointStyle.call(this,e)),o.push(i.labelTextColor.call(this,e))})),this.labelColors=s,this.labelPointStyles=n,this.labelTextColors=o,this.dataPoints=l,l}update(t,e){const i=this.options.setContext(this.getContext()),s=this._active;let n,o=[];if(s.length){const t=Ro[i.position].call(this,s,this._eventPosition);o=this._createItems(i),this.title=this.getTitle(o,i),this.beforeBody=this.getBeforeBody(o,i),this.body=this.getBody(o,i),this.afterBody=this.getAfterBody(o,i),this.footer=this.getFooter(o,i);const e=this._size=Fo(this,i),a=Object.assign({},t,e),r=Vo(this.chart,i,a),l=Wo(i,a,r,this.chart);this.xAlign=r.xAlign,this.yAlign=r.yAlign,n={opacity:1,x:l.x,y:l.y,width:e.width,height:e.height,caretX:t.x,caretY:t.y}}else 0!==this.opacity&&(n={opacity:0});this._tooltipItems=o,this.$context=void 0,n&&this._resolveAnimations().update(this,n),t&&i.external&&i.external.call(this,{chart:this.chart,tooltip:this,replay:e})}drawCaret(t,e,i,s){const n=this.getCaretPosition(t,i,s);e.lineTo(n.x1,n.y1),e.lineTo(n.x2,n.y2),e.lineTo(n.x3,n.y3)}getCaretPosition(t,e,i){const{xAlign:s,yAlign:n}=this,{caretSize:o,cornerRadius:a}=i,{topLeft:r,topRight:l,bottomLeft:h,bottomRight:c}=We(a),{x:d,y:u}=t,{width:f,height:g}=e;let p,m,x,b,_,y;return"center"===n?(_=u+g/2,"left"===s?(p=d,m=p-o,b=_+o,y=_-o):(p=d+f,m=p+o,b=_-o,y=_+o),x=p):(m="left"===s?d+Math.max(r,h)+o:"right"===s?d+f-Math.max(l,c)-o:this.caretX,"top"===n?(b=u,_=b-o,p=m-o,x=m+o):(b=u+g,_=b+o,p=m+o,x=m-o),y=b),{x1:p,x2:m,x3:x,y1:b,y2:_,y3:y}}drawTitle(t,e,i){const s=this.title,n=s.length;let o,a,r;if(n){const l=Ei(i.rtl,this.x,this.width);for(t.x=No(this,i.titleAlign,i),e.textAlign=l.textAlign(i.titleAlign),e.textBaseline="middle",o=He(i.titleFont),a=i.titleSpacing,e.fillStyle=i.titleColor,e.font=o.string,r=0;r0!==t))?(t.beginPath(),t.fillStyle=n.multiKeyBackground,oe(t,{x:e,y:g,w:l,h:r,radius:a}),t.fill(),t.stroke(),t.fillStyle=o.backgroundColor,t.beginPath(),oe(t,{x:i,y:g+1,w:l-2,h:r-2,radius:a}),t.fill()):(t.fillStyle=n.multiKeyBackground,t.fillRect(e,g,l,r),t.strokeRect(e,g,l,r),t.fillStyle=o.backgroundColor,t.fillRect(i,g+1,l-2,r-2))}t.fillStyle=this.labelTextColors[i]}drawBody(t,e,i){const{body:s}=this,{bodySpacing:n,bodyAlign:o,displayColors:a,boxHeight:r,boxWidth:l,boxPadding:h}=i,c=He(i.bodyFont);let d=c.lineHeight,u=0;const f=Ei(i.rtl,this.x,this.width),g=function(i){e.fillText(i,f.x(t.x+u),t.y+d/2),t.y+=d+n},p=f.textAlign(o);let m,x,b,_,y,v,w;for(e.textAlign=o,e.textBaseline="middle",e.font=c.string,t.x=No(this,p,i),e.fillStyle=i.bodyColor,Q(this.beforeBody,g),u=a&&"right"!==p?"center"===o?l/2+h:l+2+h:0,_=0,v=s.length;_0&&e.stroke()}_updateAnimationTarget(t){const e=this.chart,i=this.$animations,s=i&&i.x,n=i&&i.y;if(s||n){const i=Ro[t.position].call(this,this._active,this._eventPosition);if(!i)return;const o=this._size=Fo(this,t),a=Object.assign({},i,this._size),r=Vo(e,t,a),l=Wo(t,a,r,e);s._to===l.x&&n._to===l.y||(this.xAlign=r.xAlign,this.yAlign=r.yAlign,this.width=o.width,this.height=o.height,this.caretX=i.x,this.caretY=i.y,this._resolveAnimations().update(this,l))}}draw(t){const e=this.options.setContext(this.getContext());let i=this.opacity;if(!i)return;this._updateAnimationTarget(e);const s={width:this.width,height:this.height},n={x:this.x,y:this.y};i=Math.abs(i)<.001?0:i;const o=Ne(e.padding),a=this.title.length||this.beforeBody.length||this.body.length||this.afterBody.length||this.footer.length;e.enabled&&a&&(t.save(),t.globalAlpha=i,this.drawBackground(n,t,s,e),Ii(t,e.textDirection),n.y+=o.top,this.drawTitle(n,t,e),this.drawBody(n,t,e),this.drawFooter(n,t,e),zi(t,e.textDirection),t.restore())}getActiveElements(){return this._active||[]}setActiveElements(t,e){const i=this._active,s=t.map((({datasetIndex:t,index:e})=>{const i=this.chart.getDatasetMeta(t);if(!i)throw new Error("Cannot find a dataset at index "+t);return{datasetIndex:t,element:i.data[e],index:e}})),n=!tt(i,s),o=this._positionChanged(s,e);(n||o)&&(this._active=s,this._eventPosition=e,this._ignoreReplayEvents=!0,this.update(!0))}handleEvent(t,e,i=!0){if(e&&this._ignoreReplayEvents)return!1;this._ignoreReplayEvents=!1;const s=this.options,n=this._active||[],o=this._getActiveElements(t,n,e,i),a=this._positionChanged(o,t),r=e||!tt(o,n)||a;return r&&(this._active=o,(s.enabled||s.external)&&(this._eventPosition={x:t.x,y:t.y},this.update(!0,e))),r}_getActiveElements(t,e,i,s){const n=this.options;if("mouseout"===t.type)return[];if(!s)return e;const o=this.chart.getElementsAtEventForMode(t,n.mode,n,i);return n.reverse&&o.reverse(),o}_positionChanged(t,e){const{caretX:i,caretY:s,options:n}=this,o=Ro[n.position].call(this,t,e);return!1!==o&&(i!==o.x||s!==o.y)}}$o.positioners=Ro;var Yo={id:"tooltip",_element:$o,positioners:Ro,afterInit(t,e,i){i&&(t.tooltip=new $o({chart:t,options:i}))},beforeUpdate(t,e,i){t.tooltip&&t.tooltip.initialize(i)},reset(t,e,i){t.tooltip&&t.tooltip.initialize(i)},afterDraw(t){const e=t.tooltip,i={tooltip:e};!1!==t.notifyPlugins("beforeTooltipDraw",i)&&(e&&e.draw(t.ctx),t.notifyPlugins("afterTooltipDraw",i))},afterEvent(t,e){if(t.tooltip){const i=e.replay;t.tooltip.handleEvent(e.event,i,e.inChartArea)&&(e.changed=!0)}},defaults:{enabled:!0,external:null,position:"average",backgroundColor:"rgba(0,0,0,0.8)",titleColor:"#fff",titleFont:{weight:"bold"},titleSpacing:2,titleMarginBottom:6,titleAlign:"left",bodyColor:"#fff",bodySpacing:2,bodyFont:{},bodyAlign:"left",footerColor:"#fff",footerSpacing:2,footerMarginTop:6,footerFont:{weight:"bold"},footerAlign:"left",padding:6,caretPadding:2,caretSize:5,cornerRadius:6,boxHeight:(t,e)=>e.bodyFont.size,boxWidth:(t,e)=>e.bodyFont.size,multiKeyBackground:"#fff",displayColors:!0,boxPadding:0,borderColor:"rgba(0,0,0,0)",borderWidth:0,animation:{duration:400,easing:"easeOutQuart"},animations:{numbers:{type:"number",properties:["x","y","width","height","caretX","caretY"]},opacity:{easing:"linear",duration:200}},callbacks:{beforeTitle:H,title(t){if(t.length>0){const e=t[0],i=e.chart.data.labels,s=i?i.length:0;if(this&&this.options&&"dataset"===this.options.mode)return e.dataset.label||"";if(e.label)return e.label;if(s>0&&e.dataIndex"filter"!==t&&"itemSort"!==t&&"external"!==t,_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]},Uo=Object.freeze({__proto__:null,Decimation:ro,Filler:So,Legend:Co,SubTitle:Lo,Title:Ao,Tooltip:Yo});function Xo(t,e,i,s){const n=t.indexOf(e);if(-1===n)return((t,e,i,s)=>("string"==typeof e?(i=t.push(e)-1,s.unshift({index:i,label:e})):isNaN(e)&&(i=null),i))(t,e,i,s);return n!==t.lastIndexOf(e)?i:n}class qo extends Bs{constructor(t){super(t),this._startValue=void 0,this._valueRange=0,this._addedLabels=[]}init(t){const e=this._addedLabels;if(e.length){const t=this.getLabels();for(const{index:i,label:s}of e)t[i]===s&&t.splice(i,1);this._addedLabels=[]}super.init(t)}parse(t,e){if($(t))return null;const i=this.getLabels();return((t,e)=>null===t?null:jt(Math.round(t),0,e))(e=isFinite(e)&&i[e]===t?e:Xo(i,t,K(e,t),this._addedLabels),i.length-1)}determineDataLimits(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let{min:i,max:s}=this.getMinMax(!0);"ticks"===this.options.bounds&&(t||(i=0),e||(s=this.getLabels().length-1)),this.min=i,this.max=s}buildTicks(){const t=this.min,e=this.max,i=this.options.offset,s=[];let n=this.getLabels();n=0===t&&e===n.length-1?n:n.slice(t,e+1),this._valueRange=Math.max(n.length-(i?0:1),1),this._startValue=this.min-(i?.5:0);for(let i=t;i<=e;i++)s.push({value:i});return s}getLabelForValue(t){const e=this.getLabels();return t>=0&&te.length-1?null:this.getPixelForValue(e[t].value)}getValueForPixel(t){return Math.round(this._startValue+this.getDecimalForPixel(t)*this._valueRange)}getBasePixel(){return this.bottom}}function Ko(t,e,{horizontal:i,minRotation:s}){const n=It(s),o=(i?Math.sin(n):Math.cos(n))||.001,a=.75*e*(""+t).length;return Math.min(e/o,a)}qo.id="category",qo.defaults={ticks:{callback:qo.prototype.getLabelForValue}};class Go extends Bs{constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._endValue=void 0,this._valueRange=0}parse(t,e){return $(t)||("number"==typeof t||t instanceof Number)&&!isFinite(+t)?null:+t}handleTickRangeOptions(){const{beginAtZero:t}=this.options,{minDefined:e,maxDefined:i}=this.getUserBounds();let{min:s,max:n}=this;const o=t=>s=e?s:t,a=t=>n=i?n:t;if(t){const t=Ct(s),e=Ct(n);t<0&&e<0?a(0):t>0&&e>0&&o(0)}if(s===n){let e=1;(n>=Number.MAX_SAFE_INTEGER||s<=Number.MIN_SAFE_INTEGER)&&(e=Math.abs(.05*n)),a(n+e),t||o(s-e)}this.min=s,this.max=n}getTickLimit(){const t=this.options.ticks;let e,{maxTicksLimit:i,stepSize:s}=t;return s?(e=Math.ceil(this.max/s)-Math.floor(this.min/s)+1,e>1e3&&(console.warn(`scales.${this.id}.ticks.stepSize: ${s} would result generating up to ${e} ticks. Limiting to 1000.`),e=1e3)):(e=this.computeTickLimit(),i=i||11),i&&(e=Math.min(i,e)),e}computeTickLimit(){return Number.POSITIVE_INFINITY}buildTicks(){const t=this.options,e=t.ticks;let i=this.getTickLimit();i=Math.max(2,i);const s=function(t,e){const i=[],{bounds:s,step:n,min:o,max:a,precision:r,count:l,maxTicks:h,maxDigits:c,includeBounds:d}=t,u=n||1,f=h-1,{min:g,max:p}=e,m=!$(o),x=!$(a),b=!$(l),_=(p-g)/(c+1);let y,v,w,M,k=Ot((p-g)/f/u)*u;if(k<1e-14&&!m&&!x)return[{value:g},{value:p}];M=Math.ceil(p/k)-Math.floor(g/k),M>f&&(k=Ot(M*k/f/u)*u),$(r)||(y=Math.pow(10,r),k=Math.ceil(k*y)/y),"ticks"===s?(v=Math.floor(g/k)*k,w=Math.ceil(p/k)*k):(v=g,w=p),m&&x&&n&&Rt((a-o)/n,k/1e3)?(M=Math.round(Math.min((a-o)/k,h)),k=(a-o)/M,v=o,w=a):b?(v=m?o:v,w=x?a:w,M=l-1,k=(w-v)/M):(M=(w-v)/k,M=Lt(M,Math.round(M),k/1e3)?Math.round(M):Math.ceil(M));const S=Math.max(Ft(k),Ft(v));y=Math.pow(10,$(r)?S:r),v=Math.round(v*y)/y,w=Math.round(w*y)/y;let P=0;for(m&&(d&&v!==o?(i.push({value:o}),v0?i:null;this._zero=!0}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=X(t)?Math.max(0,t):null,this.max=X(e)?Math.max(0,e):null,this.options.beginAtZero&&(this._zero=!0),this.handleTickRangeOptions()}handleTickRangeOptions(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let i=this.min,s=this.max;const n=e=>i=t?i:e,o=t=>s=e?s:t,a=(t,e)=>Math.pow(10,Math.floor(Dt(t))+e);i===s&&(i<=0?(n(1),o(10)):(n(a(i,-1)),o(a(s,1)))),i<=0&&n(a(s,-1)),s<=0&&o(a(i,1)),this._zero&&this.min!==this._suggestedMin&&i===a(this.min,0)&&n(a(i,-1)),this.min=i,this.max=s}buildTicks(){const t=this.options,e=function(t,e){const i=Math.floor(Dt(e.max)),s=Math.ceil(e.max/Math.pow(10,i)),n=[];let o=q(t.min,Math.pow(10,Math.floor(Dt(e.min)))),a=Math.floor(Dt(o)),r=Math.floor(o/Math.pow(10,a)),l=a<0?Math.pow(10,Math.abs(a)):1;do{n.push({value:o,major:Jo(o)}),++r,10===r&&(r=1,++a,l=a>=0?1:l),o=Math.round(r*Math.pow(10,a)*l)/l}while(an?{start:e-i,end:e}:{start:e,end:e+i}}function ia(t){const e={l:t.left+t._padding.left,r:t.right-t._padding.right,t:t.top+t._padding.top,b:t.bottom-t._padding.bottom},i=Object.assign({},e),s=[],n=[],o=t._pointLabels.length,a=t.options.pointLabels,r=a.centerPointLabels?_t/o:0;for(let d=0;de.r&&(r=(s.end-e.r)/o,t.r=Math.max(t.r,e.r+r)),n.starte.b&&(l=(n.end-e.b)/a,t.b=Math.max(t.b,e.b+l))}function na(t){return 0===t||180===t?"center":t<180?"left":"right"}function oa(t,e,i){return"right"===i?t-=e:"center"===i&&(t-=e/2),t}function aa(t,e,i){return 90===i||270===i?t-=e/2:(i>270||i<90)&&(t-=e),t}function ra(t,e,i,s){const{ctx:n}=t;if(i)n.arc(t.xCenter,t.yCenter,e,0,yt);else{let i=t.getPointPosition(0,e);n.moveTo(i.x,i.y);for(let o=1;o{const i=J(this.options.pointLabels.callback,[t,e],this);return i||0===i?i:""})).filter(((t,e)=>this.chart.getDataVisibility(e)))}fit(){const t=this.options;t.display&&t.pointLabels.display?ia(this):this.setCenterPoint(0,0,0,0)}setCenterPoint(t,e,i,s){this.xCenter+=Math.floor((t-e)/2),this.yCenter+=Math.floor((i-s)/2),this.drawingArea-=Math.min(this.drawingArea/2,Math.max(t,e,i,s))}getIndexAngle(t){return Nt(t*(yt/(this._pointLabels.length||1))+It(this.options.startAngle||0))}getDistanceFromCenterForValue(t){if($(t))return NaN;const e=this.drawingArea/(this.max-this.min);return this.options.reverse?(this.max-t)*e:(t-this.min)*e}getValueForDistanceFromCenter(t){if($(t))return NaN;const e=t/(this.drawingArea/(this.max-this.min));return this.options.reverse?this.max-e:this.min+e}getPointLabelContext(t){const e=this._pointLabels||[];if(t>=0&&t=0;n--){const e=s.setContext(t.getPointLabelContext(n)),o=He(e.font),{x:a,y:r,textAlign:l,left:h,top:c,right:d,bottom:u}=t._pointLabelItems[n],{backdropColor:f}=e;if(!$(f)){const t=Ne(e.backdropPadding);i.fillStyle=f,i.fillRect(h-t.left,c-t.top,d-h+t.width,u-c+t.height)}se(i,t._pointLabels[n],a,r+o.lineHeight/2,o,{color:e.color,textAlign:l,textBaseline:"middle"})}}(this,n),s.display&&this.ticks.forEach(((t,e)=>{if(0!==e){a=this.getDistanceFromCenterForValue(t.value);!function(t,e,i,s){const n=t.ctx,o=e.circular,{color:a,lineWidth:r}=e;!o&&!s||!a||!r||i<0||(n.save(),n.strokeStyle=a,n.lineWidth=r,n.setLineDash(e.borderDash),n.lineDashOffset=e.borderDashOffset,n.beginPath(),ra(t,i,o,s),n.closePath(),n.stroke(),n.restore())}(this,s.setContext(this.getContext(e-1)),a,n)}})),i.display){for(t.save(),o=n-1;o>=0;o--){const s=i.setContext(this.getPointLabelContext(o)),{color:n,lineWidth:l}=s;l&&n&&(t.lineWidth=l,t.strokeStyle=n,t.setLineDash(s.borderDash),t.lineDashOffset=s.borderDashOffset,a=this.getDistanceFromCenterForValue(e.ticks.reverse?this.min:this.max),r=this.getPointPosition(o,a),t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(r.x,r.y),t.stroke())}t.restore()}}drawBorder(){}drawLabels(){const t=this.ctx,e=this.options,i=e.ticks;if(!i.display)return;const s=this.getIndexAngle(0);let n,o;t.save(),t.translate(this.xCenter,this.yCenter),t.rotate(s),t.textAlign="center",t.textBaseline="middle",this.ticks.forEach(((s,a)=>{if(0===a&&!e.reverse)return;const r=i.setContext(this.getContext(a)),l=He(r.font);if(n=this.getDistanceFromCenterForValue(this.ticks[a].value),r.showLabelBackdrop){t.font=l.string,o=t.measureText(s.label).width,t.fillStyle=r.backdropColor;const e=Ne(r.backdropPadding);t.fillRect(-o/2-e.left,-n-l.size/2-e.top,o+e.width,l.size+e.height)}se(t,s.label,0,-n,l,{color:r.color})})),t.restore()}drawTitle(){}}la.id="radialLinear",la.defaults={display:!0,animate:!0,position:"chartArea",angleLines:{display:!0,lineWidth:1,borderDash:[],borderDashOffset:0},grid:{circular:!1},startAngle:0,ticks:{showLabelBackdrop:!0,callback:Os.formatters.numeric},pointLabels:{backdropColor:void 0,backdropPadding:2,display:!0,font:{size:10},callback:t=>t,padding:5,centerPointLabels:!1}},la.defaultRoutes={"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"},la.descriptors={angleLines:{_fallback:"grid"}};const ha={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},ca=Object.keys(ha);function da(t,e){return t-e}function ua(t,e){if($(e))return null;const i=t._adapter,{parser:s,round:n,isoWeekday:o}=t._parseOpts;let a=e;return"function"==typeof s&&(a=s(a)),X(a)||(a="string"==typeof s?i.parse(a,s):i.parse(a)),null===a?null:(n&&(a="week"!==n||!Tt(o)&&!0!==o?i.startOf(a,n):i.startOf(a,"isoWeek",o)),+a)}function fa(t,e,i,s){const n=ca.length;for(let o=ca.indexOf(t);o=e?i[s]:i[n]]=!0}}else t[e]=!0}function pa(t,e,i){const s=[],n={},o=e.length;let a,r;for(a=0;a=0&&(e[l].major=!0);return e}(t,s,n,i):s}class ma extends Bs{constructor(t){super(t),this._cache={data:[],labels:[],all:[]},this._unit="day",this._majorUnit=void 0,this._offsets={},this._normalized=!1,this._parseOpts=void 0}init(t,e){const i=t.time||(t.time={}),s=this._adapter=new mn._date(t.adapters.date);ot(i.displayFormats,s.formats()),this._parseOpts={parser:i.parser,round:i.round,isoWeekday:i.isoWeekday},super.init(t),this._normalized=e.normalized}parse(t,e){return void 0===t?null:ua(this,t)}beforeLayout(){super.beforeLayout(),this._cache={data:[],labels:[],all:[]}}determineDataLimits(){const t=this.options,e=this._adapter,i=t.time.unit||"day";let{min:s,max:n,minDefined:o,maxDefined:a}=this.getUserBounds();function r(t){o||isNaN(t.min)||(s=Math.min(s,t.min)),a||isNaN(t.max)||(n=Math.max(n,t.max))}o&&a||(r(this._getLabelBounds()),"ticks"===t.bounds&&"labels"===t.ticks.source||r(this.getMinMax(!1))),s=X(s)&&!isNaN(s)?s:+e.startOf(Date.now(),i),n=X(n)&&!isNaN(n)?n:+e.endOf(Date.now(),i)+1,this.min=Math.min(s,n-1),this.max=Math.max(s+1,n)}_getLabelBounds(){const t=this.getLabelTimestamps();let e=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;return t.length&&(e=t[0],i=t[t.length-1]),{min:e,max:i}}buildTicks(){const t=this.options,e=t.time,i=t.ticks,s="labels"===i.source?this.getLabelTimestamps():this._generate();"ticks"===t.bounds&&s.length&&(this.min=this._userMin||s[0],this.max=this._userMax||s[s.length-1]);const n=this.min,o=he(s,n,this.max);return this._unit=e.unit||(i.autoSkip?fa(e.minUnit,this.min,this.max,this._getLabelCapacity(n)):function(t,e,i,s,n){for(let o=ca.length-1;o>=ca.indexOf(i);o--){const i=ca[o];if(ha[i].common&&t._adapter.diff(n,s,i)>=e-1)return i}return ca[i?ca.indexOf(i):0]}(this,o.length,e.minUnit,this.min,this.max)),this._majorUnit=i.major.enabled&&"year"!==this._unit?function(t){for(let e=ca.indexOf(t)+1,i=ca.length;e1e5*a)throw new Error(e+" and "+i+" are too far apart with stepSize of "+a+" "+o);const f="data"===s.ticks.source&&this.getDataTimestamps();for(c=u,d=0;ct-e)).map((t=>+t))}getLabelForValue(t){const e=this._adapter,i=this.options.time;return i.tooltipFormat?e.format(t,i.tooltipFormat):e.format(t,i.displayFormats.datetime)}_tickFormatFunction(t,e,i,s){const n=this.options,o=n.time.displayFormats,a=this._unit,r=this._majorUnit,l=a&&o[a],h=r&&o[r],c=i[e],d=r&&h&&c&&c.major,u=this._adapter.format(t,s||(d?h:l)),f=n.ticks.callback;return f?J(f,[u,e,i],this):u}generateTickLabels(t){let e,i,s;for(e=0,i=t.length;e0?a:1}getDataTimestamps(){let t,e,i=this._cache.data||[];if(i.length)return i;const s=this.getMatchingVisibleMetas();if(this._normalized&&s.length)return this._cache.data=s[0].controller.getAllParsedValues(this);for(t=0,e=s.length;t=t[r].pos&&e<=t[l].pos&&({lo:r,hi:l}=re(t,"pos",e)),({pos:s,time:o}=t[r]),({pos:n,time:a}=t[l])):(e>=t[r].time&&e<=t[l].time&&({lo:r,hi:l}=re(t,"time",e)),({time:s,pos:o}=t[r]),({time:n,pos:a}=t[l]));const h=n-s;return h?o+(a-o)*(e-s)/h:o}ma.id="time",ma.defaults={bounds:"data",adapters:{},time:{parser:!1,unit:!1,round:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{}},ticks:{source:"auto",major:{enabled:!1}}};class ba extends ma{constructor(t){super(t),this._table=[],this._minPos=void 0,this._tableRange=void 0}initOffsets(){const t=this._getTimestampsForTable(),e=this._table=this.buildLookupTable(t);this._minPos=xa(e,this.min),this._tableRange=xa(e,this.max)-this._minPos,super.initOffsets(t)}buildLookupTable(t){const{min:e,max:i}=this,s=[],n=[];let o,a,r,l,h;for(o=0,a=t.length;o=e&&l<=i&&s.push(l);if(s.length<2)return[{time:e,pos:0},{time:i,pos:1}];for(o=0,a=s.length;o{let t=0;return()=>t++})();function P(t){return null==t}function O(t){if(Array.isArray&&Array.isArray(t))return!0;const e=Object.prototype.toString.call(t);return"[object"===e.slice(0,7)&&"Array]"===e.slice(-6)}function A(t){return null!==t&&"[object Object]"===Object.prototype.toString.call(t)}function p(t){return("number"==typeof t||t instanceof Number)&&isFinite(+t)}function g(t,e){return p(t)?t:e}function T(t,e){return void 0===t?e:t}const V=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100:+t/e,B=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100*e:+t;function d(t,e,i){if(t&&"function"==typeof t.call)return t.apply(i,e)}function k(t,e,i,s){let a,n,o;if(O(t))if(n=t.length,s)for(a=n-1;0<=a;a--)e.call(i,t[a],a);else for(a=0;at,x:t=>t.x,y:t=>t.y};function q(t){const e=t.split("."),i=[];let s="";for(const t of e)s+=t,s=s.endsWith("\\")?s.slice(0,-1)+".":(i.push(s),"");return i}function m(t,e){const i=X[e]||(X[e]=function(){const i=q(e);return t=>{for(const e of i){if(""===e)break;t=t&&t[e]}return t}}());return i(t)}function K(t){return t.charAt(0).toUpperCase()+t.slice(1)}const G=t=>void 0!==t,u=t=>"function"==typeof t,Z=(t,e)=>{if(t.size!==e.size)return!1;for(const i of t)if(!e.has(i))return!1;return!0};function J(t){return"mouseup"===t.type||"click"===t.type||"contextmenu"===t.type}const S=Math.PI,_=2*S,Q=_+S,tt=Number.POSITIVE_INFINITY,et=S/180,D=S/2,it=S/4,st=2*S/3,r=Math.log10,y=Math.sign;function at(t,e,i){return Math.abs(t-e)t-e).pop(),e}function rt(t){return!isNaN(parseFloat(t))&&isFinite(t)}function lt(t,e){var i=Math.round(t);return i-e<=t&&t<=i+e}function ht(t,e,i){let s,a,n;for(s=0,a=t.length;s=Math.min(e,i)-s&&t<=Math.max(e,i)+s}function bt(e,i,t){t=t||(t=>e[t]>1)?n=s:a=s;return{lo:n,hi:a}}const f=(i,s,a,t)=>bt(i,a,t?t=>{var e=i[t][s];return ei[t][s]bt(e,s,t=>e[t][i]>=s);function vt(t,e,i){let s=0,a=t.length;for(;ss&&t[a-1]>i;)a--;return 0{const i="_onData"+K(t),s=a[t];Object.defineProperty(a,t,{configurable:!0,enumerable:!1,value(...e){var t=s.apply(this,e);return a._chartjs.listeners.forEach(t=>{"function"==typeof t[i]&&t[i](...e)}),t}})}))}function Mt(e,t){var i=e._chartjs;if(i){const s=i.listeners,a=s.indexOf(t);-1!==a&&s.splice(a,1),0{delete e[t]}),delete e._chartjs)}}function wt(t){var e=new Set(t);return e.size===t.length?t:Array.from(e)}const kt="undefined"==typeof window?function(t){return t()}:window.requestAnimationFrame;function St(e,i){let s,a=!1;return function(...t){s=t,a||(a=!0,kt.call(window,()=>{a=!1,e.apply(i,s)}))}}function Pt(e,i){let s;return function(...t){return i?(clearTimeout(s),s=setTimeout(e,i,t)):e.apply(this,t),i}}const Dt=t=>"start"===t?"left":"end"===t?"right":"center",E=(t,e,i)=>"start"===t?e:"end"===t?i:(e+i)/2,Ct=(t,e,i,s)=>t===(s?"left":"right")?i:"center"===t?(e+i)/2:e;function Ot(t,e,i){var s=e.length;let a=0,n=s;if(t._sorted){const{iScale:o,_parsed:r}=t,l=o.axis,{min:h,max:c,minDefined:d,maxDefined:u}=o.getUserBounds();d&&(a=C(Math.min(f(r,l,h).lo,i?s:f(e,l,o.getPixelForValue(h)).lo),0,s-1)),n=u?C(Math.max(f(r,o.axis,c,!0).hi+1,i?0:f(e,l,o.getPixelForValue(c),!0).hi+1),a,s)-a:s-a}return{start:a,count:n}}function At(t){var{xScale:e,yScale:i,_scaleRanges:s}=t,a={xmin:e.min,xmax:e.max,ymin:i.min,ymax:i.max};if(!s)return t._scaleRanges=a,!0;t=s.xmin!==e.min||s.xmax!==e.max||s.ymin!==i.min||s.ymax!==i.max;return Object.assign(s,a),t}var l=new class{constructor(){this._request=null,this._charts=new Map,this._running=!1,this._lastDate=void 0}_notify(e,i,s,t){const a=i.listeners[t],n=i.duration;a.forEach(t=>t({chart:e,initial:i.initial,numSteps:n,currentStep:Math.min(s-i.start,n)}))}_refresh(){this._request||(this._running=!0,this._request=kt.call(window,()=>{this._update(),this._request=null,this._running&&this._refresh()}))}_update(o=Date.now()){let r=0;this._charts.forEach((s,a)=>{if(s.running&&s.items.length){const n=s.items;let t,e=n.length-1,i=!1;for(;0<=e;--e)(t=n[e])._active?(t._total>s.duration&&(s.duration=t._total),t.tick(o),i=!0):(n[e]=n[n.length-1],n.pop());i&&(a.draw(),this._notify(a,s,o,"progress")),n.length||(s.running=!1,this._notify(a,s,o,"complete"),s.initial=!1),r+=n.length}}),this._lastDate=o,0===r&&(this._running=!1)}_getAnims(t){const e=this._charts;let i=e.get(t);return i||(i={running:!1,initial:!0,items:[],listeners:{complete:[],progress:[]}},e.set(t,i)),i}listen(t,e,i){this._getAnims(t).listeners[e].push(i)}add(t,e){e&&e.length&&this._getAnims(t).items.push(...e)}has(t){return 0Math.max(t,e._duration),0),this._refresh())}running(t){if(!this._running)return!1;t=this._charts.get(t);return!!(t&&t.running&&t.items.length)}stop(e){const i=this._charts.get(e);if(i&&i.items.length){const s=i.items;let t=s.length-1;for(;0<=t;--t)s[t].cancel();i.items=[],this._notify(e,i,Date.now(),"complete")}}remove(t){return this._charts.delete(t)}};function Tt(t){return t+.5|0}const Lt=(t,e,i)=>Math.max(Math.min(t,i),e);function Et(t){return Lt(Tt(2.55*t),0,255)}function Rt(t){return Lt(Tt(255*t),0,255)}function o(t){return Lt(Tt(t/2.55)/100,0,1)}function It(t){return Lt(Tt(100*t),0,100)}const n={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:10,B:11,C:12,D:13,E:14,F:15,a:10,b:11,c:12,d:13,e:14,f:15},zt=[..."0123456789ABCDEF"],Ft=t=>zt[15&t],Vt=t=>zt[(240&t)>>4]+zt[15&t],Bt=t=>(240&t)>>4==(15&t);const Wt=/^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;function Nt(i,t,s){const a=t*Math.min(s,1-s),e=(t,e=(t+i/30)%12)=>s-a*Math.max(Math.min(e-3,9-e,1),-1);return[e(0),e(8),e(4)]}function Ht(i,s,a){i=(t,e=(t+i/60)%6)=>a-a*s*Math.max(Math.min(e,4-e,1),0);return[i(5),i(3),i(1)]}function jt(t,e,i){const s=Nt(t,1,.5);let a;for(1t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055,Qt=t=>t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4);function te(e,i,s){if(e){let t=Yt(e);t[i]=Math.max(0,Math.min(t[i]+t[i]*s,0===i?360:1)),t=Ut(t),e.r=t[0],e.g=t[1],e.b=t[2]}}function ee(t,e){return t&&Object.assign(e||{},t)}function ie(t){var e={r:0,g:0,b:0,a:255};return Array.isArray(t)?3<=t.length&&(e={r:t[0],g:t[1],b:t[2],a:255},3>16&255,n>>8&255,255&n]}return t}()).transparent=[0,0,0,0]),(i=Gt[i.toLowerCase()])&&{r:i[0],g:i[1],b:i[2],a:4===i.length?i[3]:255})||se(t)),this._rgb=a,this._valid=!!a}get valid(){return this._valid}get rgb(){var t=ee(this._rgb);return t&&(t.a=o(t.a)),t}set rgb(t){this._rgb=ie(t)}rgbString(){return this._valid?(t=this._rgb)&&(t.a<255?`rgba(${t.r}, ${t.g}, ${t.b}, ${o(t.a)})`:`rgb(${t.r}, ${t.g}, ${t.b})`):void 0;var t}hexString(){return this._valid?(t=this._rgb,e=t,e=Bt(e.r)&&Bt(e.g)&&Bt(e.b)&&Bt(e.a)?Ft:Vt,t?"#"+e(t.r)+e(t.g)+e(t.b)+((t=t.a)<255?e(t):""):void 0):void 0;var t,e}hslString(){if(this._valid){var t,e,i,s=this._rgb;if(s)return i=Yt(s),t=i[0],e=It(i[1]),i=It(i[2]),s.a<255?`hsla(${t}, ${e}%, ${i}%, ${o(s.a)})`:`hsl(${t}, ${e}%, ${i}%)`}}mix(t,e){if(t){const s=this.rgb,a=t.rgb;var t=void 0===e?.5:e,e=2*t-1,i=s.a-a.a,e=(1+(e*i==-1?e:(e+i)/(1+e*i)))/2,i=1-e;s.r=255&e*s.r+i*a.r+.5,s.g=255&e*s.g+i*a.g+.5,s.b=255&e*s.b+i*a.b+.5,s.a=t*s.a+(1-t)*a.a,this.rgb=s}return this}interpolate(t,e){return t&&(this._rgb=(i=this._rgb,t=t._rgb,e=e,s=Qt(o(i.r)),a=Qt(o(i.g)),n=Qt(o(i.b)),{r:Rt(Jt(s+e*(Qt(o(t.r))-s))),g:Rt(Jt(a+e*(Qt(o(t.g))-a))),b:Rt(Jt(n+e*(Qt(o(t.b))-n))),a:i.a+e*(t.a-i.a)})),this;var i,s,a,n}clone(){return new ae(this.rgb)}alpha(t){return this._rgb.a=Rt(t),this}clearer(t){return this._rgb.a*=1-t,this}greyscale(){const t=this._rgb,e=Tt(.3*t.r+.59*t.g+.11*t.b);return t.r=t.g=t.b=e,this}opaquer(t){return this._rgb.a*=1+t,this}negate(){const t=this._rgb;return t.r=255-t.r,t.g=255-t.g,t.b=255-t.b,this}lighten(t){return te(this._rgb,2,t),this}darken(t){return te(this._rgb,2,-t),this}saturate(t){return te(this._rgb,1,t),this}desaturate(t){return te(this._rgb,1,-t),this}rotate(t){return e=this._rgb,t=t,(i=Yt(e))[0]=Xt(i[0]+t),i=Ut(i),e.r=i[0],e.g=i[1],e.b=i[2],this;var e,i}}function ne(t){return!(!t||"object"!=typeof t)&&("[object CanvasPattern]"===(t=t.toString())||"[object CanvasGradient]"===t)}function oe(t){return ne(t)?t:new ae(t)}function re(t){return ne(t)?t:new ae(t).saturate(.5).darken(.1).hexString()}const le=["x","y","borderWidth","radius","tension"],he=["color","borderColor","backgroundColor"],ce=new Map;function de(t,e,a){return function(t,e){e=a||{};var i=t+JSON.stringify(e);let s=ce.get(i);return s||(s=new Intl.NumberFormat(t,e),ce.set(i,s)),s}(e).format(t)}const ue={values:t=>O(t)?t:""+t,numeric(t,e,i){if(0===t)return"0";var s=this.chart.options.locale;let a,n=t;if(1.8*i.length?ue.numeric.call(this,t,e,i):""}};var ge={formatters:ue};const fe=Object.create(null),pe=Object.create(null);function me(i,t){if(!t)return i;var s=t.split(".");for(let t=0,e=s.length;tt.chart.platform.getDevicePixelRatio(),this.elements={},this.events=["mousemove","mouseout","click","touchstart","touchmove"],this.font={family:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",size:12,style:"normal",lineHeight:1.2,weight:null},this.hover={},this.hoverBackgroundColor=(t,e)=>re(e.backgroundColor),this.hoverBorderColor=(t,e)=>re(e.borderColor),this.hoverColor=(t,e)=>re(e.color),this.indexAxis="x",this.interaction={mode:"nearest",intersect:!0,includeInvisible:!1},this.maintainAspectRatio=!0,this.onHover=null,this.onClick=null,this.parsing=!0,this.plugins={},this.responsive=!0,this.scale=void 0,this.scales={},this.showLine=!0,this.drawActiveElementsOnTop=!0,this.describe(t),this.apply(e)}set(t,e){return be(this,t,e)}get(t){return me(this,t)}describe(t,e){return be(pe,t,e)}override(t,e){return be(fe,t,e)}route(t,e,i,s){const a=me(this,t),n=me(this,i),o="_"+e;Object.defineProperties(a,{[o]:{value:a[e],writable:!0},[e]:{enumerable:!0,get(){var t=this[o],e=n[s];return A(t)?Object.assign({},e,t):T(t,e)},set(t){this[o]=t}}})}apply(t){t.forEach(t=>t(this))}}({_scriptable:t=>!t.startsWith("on"),_indexable:t=>"events"!==t,hover:{_fallback:"interaction"},interaction:{_scriptable:!1,_indexable:!1}},[function(t){t.set("animation",{delay:void 0,duration:1e3,easing:"easeOutQuart",fn:void 0,from:void 0,loop:void 0,to:void 0,type:void 0}),t.describe("animation",{_fallback:!1,_indexable:!1,_scriptable:t=>"onProgress"!==t&&"onComplete"!==t&&"fn"!==t}),t.set("animations",{colors:{type:"color",properties:he},numbers:{type:"number",properties:le}}),t.describe("animations",{_fallback:"animation"}),t.set("transitions",{active:{animation:{duration:400}},resize:{animation:{duration:0}},show:{animations:{colors:{from:"transparent"},visible:{type:"boolean",duration:0}}},hide:{animations:{colors:{to:"transparent"},visible:{type:"boolean",easing:"linear",fn:t=>0|t}}}})},function(t){t.set("layout",{autoPadding:!0,padding:{top:0,right:0,bottom:0,left:0}})},function(t){t.set("scale",{display:!0,offset:!1,reverse:!1,beginAtZero:!1,bounds:"ticks",clip:!0,grace:0,grid:{display:!0,lineWidth:1,drawOnChartArea:!0,drawTicks:!0,tickLength:8,tickWidth:(t,e)=>e.lineWidth,tickColor:(t,e)=>e.color,offset:!1},border:{display:!0,dash:[],dashOffset:0,width:1},title:{display:!1,text:"",padding:{top:4,bottom:4}},ticks:{minRotation:0,maxRotation:50,mirror:!1,textStrokeWidth:0,textStrokeColor:"",padding:3,display:!0,autoSkip:!0,autoSkipPadding:3,labelOffset:0,callback:ge.formatters.values,minor:{},major:{},align:"center",crossAlign:"near",showLabelBackdrop:!1,backdropColor:"rgba(255, 255, 255, 0.75)",backdropPadding:2}}),t.route("scale.ticks","color","","color"),t.route("scale.grid","color","","borderColor"),t.route("scale.border","color","","borderColor"),t.route("scale.title","color","","color"),t.describe("scale",{_fallback:!1,_scriptable:t=>!t.startsWith("before")&&!t.startsWith("after")&&"callback"!==t&&"parser"!==t,_indexable:t=>"borderDash"!==t&&"tickBorderDash"!==t&&"dash"!==t}),t.describe("scales",{_fallback:"scale"}),t.describe("scale.ticks",{_scriptable:t=>"backdropPadding"!==t&&"callback"!==t,_indexable:t=>"backdropPadding"!==t})}]);function xe(){return"undefined"!=typeof window&&"undefined"!=typeof document}function ve(t){let e=t.parentNode;return e=e&&"[object ShadowRoot]"===e.toString()?e.host:e}function _e(t,e,i){let s;return"string"==typeof t?(s=parseInt(t,10),-1!==t.indexOf("%")&&(s=s/100*e.parentNode[i])):s=t,s}const ye=t=>t.ownerDocument.defaultView.getComputedStyle(t,null);function Me(t,e){return ye(t).getPropertyValue(e)}const we=["top","right","bottom","left"];function ke(e,i,s){const a={};s=s?"-"+s:"";for(let t=0;t<4;t++){var n=we[t];a[n]=parseFloat(e[i+"-"+n+s])||0}return a.width=a.left+a.right,a.height=a.top+a.bottom,a}function Se(t,e){if("native"in t)return t;var{canvas:i,currentDevicePixelRatio:s}=e,a=ye(i),n="border-box"===a.boxSizing,o=ke(a,"padding"),a=ke(a,"border","width"),{x:t,y:r,box:l}=function(t,e){var i,s=t.touches,s=s&&s.length?s[0]:t,{offsetX:a,offsetY:n}=s;let o,r,l=!1;if(i=n,t=t.target,!(0Math.round(10*t)/10;function De(t,e,i,s){var a=ye(t),n=ke(a,"margin"),o=_e(a.maxWidth,t,"clientWidth")||tt,r=_e(a.maxHeight,t,"clientHeight")||tt,t=function(t,e,i){let s,a;if(void 0===e||void 0===i){const n=ve(t);if(n){const t=n.getBoundingClientRect(),o=ye(n),r=ke(o,"border","width"),l=ke(o,"padding");e=t.width-l.width-r.width,i=t.height-l.height-r.height,s=_e(o.maxWidth,n,"clientWidth"),a=_e(o.maxHeight,n,"clientHeight")}else e=t.clientWidth,i=t.clientHeight}return{width:e,height:i,maxWidth:s||tt,maxHeight:a||tt}}(t,e,i);let{width:l,height:h}=t;if("content-box"===a.boxSizing){const t=ke(a,"border","width"),e=ke(a,"padding");l-=e.width+t.width,h-=e.height+t.height}return l=Math.max(0,l-n.width),h=Math.max(0,s?l/s:h-n.height),l=Pe(Math.min(l,o,t.maxWidth)),h=Pe(Math.min(h,r,t.maxHeight)),l&&!h&&(h=Pe(l/2)),(void 0!==e||void 0!==i)&&s&&t.height&&h>t.height&&(h=t.height,l=Pe(Math.floor(h*s))),{width:l,height:h}}function Ce(t,e,i){var e=e||1,s=Math.floor(t.height*e),a=Math.floor(t.width*e);t.height=Math.floor(t.height),t.width=Math.floor(t.width);const n=t.canvas;return n.style&&(i||!n.style.height&&!n.style.width)&&(n.style.height=t.height+"px",n.style.width=t.width+"px"),(t.currentDevicePixelRatio!==e||n.height!==s||n.width!==a)&&(t.currentDevicePixelRatio=e,n.height=s,n.width=a,t.ctx.setTransform(e,0,0,e,0,0),!0)}var Oe=function(){let t=!1;try{var e={get passive(){return!(t=!0)}};xe()&&(window.addEventListener("test",null,e),window.removeEventListener("test",null,e))}catch(t){}return t}();function Ae(t,e){const i=Me(t,e),s=i&&i.match(/^(\d+)(\.\d+)?px$/);return s?+s[1]:void 0}function Te(t){return!t||P(t.size)||P(t.family)?null:(t.style?t.style+" ":"")+(t.weight?t.weight+" ":"")+t.size+"px "+t.family}function Le(t,e,i,s,a){let n=e[a];return n||(n=e[a]=t.measureText(a).width,i.push(a)),s=n>s?n:s}function Ee(t,e,i,s){let a=(s=s||{}).data=s.data||{},n=s.garbageCollect=s.garbageCollect||[],o=(s.font!==e&&(a=s.data={},n=s.garbageCollect=[],s.font=e),t.save(),t.font=e,0);var r=i.length;let l,h,c,d,u;for(l=0;li.length){for(l=0;le.left-i&&t.xe.top-i&&t.yr[0]){const i=t||r;void 0===e&&(e=ti("_fallback",r));t={[Symbol.toStringTag]:"Object",_cacheable:!0,_scopes:r,_rootScopes:i,_fallback:e,_getTarget:a,override:t=>Ye([t,...r],l,i,e)};return new Proxy(t,{deleteProperty:(t,e)=>(delete t[e],delete t._keys,delete r[0][e],!0),get:(n,o)=>Ke(n,o,()=>{var t,e=o,i=r,s=n;for(const a of l)if(t=ti(Xe(a,e),i),void 0!==t)return qe(e,t)?Je(i,s,e,t):t}),getOwnPropertyDescriptor:(t,e)=>Reflect.getOwnPropertyDescriptor(t._scopes[0],e),getPrototypeOf:()=>Reflect.getPrototypeOf(r[0]),has:(t,e)=>ei(t).includes(e),ownKeys:t=>ei(t),set(t,e,i){const s=t._storage||(t._storage=a());return t[e]=s[e]=i,delete t._keys,!0}})}function $e(s,e,i,a){var t={_cacheable:!1,_proxy:s,_context:e,_subProxy:i,_stack:new Set,_descriptors:Ue(s,a),setContext:t=>$e(s,t,i,a),override:t=>$e(s.override(t),e,i,a)};return new Proxy(t,{deleteProperty:(t,e)=>(delete t[e],delete s[e],!0),get:(r,h,c)=>Ke(r,h,()=>{{var l=r,e=h,i=c;const{_proxy:s,_context:a,_subProxy:n,_descriptors:o}=l;let t=s[e];return O(t=u(t)&&o.isScriptable(e)?function(t,e,i){const{_proxy:s,_context:a,_subProxy:n,_stack:o}=l;if(o.has(t))throw new Error("Recursion detected: "+Array.from(o).join("->")+"->"+t);o.add(t);let r=e(a,n||i);return o.delete(t),r=qe(t,r)?Je(s._scopes,s,t,r):r}(e,t,i):t)&&t.length&&(t=function(t,e,i,s){const{_proxy:a,_context:n,_subProxy:o,_descriptors:r}=i;if(void 0!==n.index&&s(t))return e[n.index%e.length];if(A(e[0])){const i=e,s=a._scopes.filter(t=>t!==i);e=[];for(const A of i){const i=Je(s,a,t,A);e.push($e(i,n,o&&o[t],r))}}return e}(e,t,l,o.isIndexable)),t=qe(e,t)?$e(t,a,n&&n[e],o):t}}),getOwnPropertyDescriptor:(t,e)=>t._descriptors.allKeys?Reflect.has(s,e)?{enumerable:!0,configurable:!0}:void 0:Reflect.getOwnPropertyDescriptor(s,e),getPrototypeOf:()=>Reflect.getPrototypeOf(s),has:(t,e)=>Reflect.has(s,e),ownKeys:()=>Reflect.ownKeys(s),set:(t,e,i)=>(s[e]=i,delete t[e],!0)})}function Ue(t,e={scriptable:!0,indexable:!0}){const{_scriptable:i=e.scriptable,_indexable:s=e.indexable,_allKeys:a=e.allKeys}=t;return{allKeys:a,scriptable:i,indexable:s,isScriptable:u(i)?i:()=>i,isIndexable:u(s)?s:()=>s}}const Xe=(t,e)=>t?t+K(e):e,qe=(t,e)=>A(e)&&"adapters"!==t&&(null===Object.getPrototypeOf(e)||e.constructor===Object);function Ke(t,e,i){if(Object.prototype.hasOwnProperty.call(t,e))return t[e];i=i();return t[e]=i}function Ge(t,e,i){return u(t)?t(e,i):t}function Ze(t,e,i,s,a){for(const r of e){n=i,o=r;const e=!0===n?o:"string"==typeof n?m(o,n):void 0;if(e){t.add(e);o=Ge(e._fallback,i,a);if(void 0!==o&&o!==i&&o!==s)return o}else if(!1===e&&void 0!==s&&i!==s)return null}var n,o;return!1}function Je(t,s,a,n){const e=s._rootScopes,i=Ge(s._fallback,a,n),o=[...t,...e],r=new Set;r.add(n);t=Qe(r,o,a,i||a,n);return null!==t&&(void 0===i||i===a||null!==Qe(r,o,i,t,n))&&Ye(Array.from(r),[""],e,i,()=>{{var t=a,e=n;const i=s._getTarget();return t in i||(i[t]={}),O(t=i[t])&&A(e)?e:t||{}}})}function Qe(t,e,i,s,a){for(;i;)i=Ze(t,e,i,s,a);return i}function ti(t,e){for(const i of e)if(i){const e=i[t];if(void 0!==e)return e}}function ei(t){let e=t._keys;return e=e||(t._keys=function(t){const e=new Set;for(const i of t)for(const t of Object.keys(i).filter(t=>!t.startsWith("_")))e.add(t);return Array.from(e)}(t._scopes))}function ii(t,e,i,s){const a=t["iScale"],{key:n="r"}=this._parsing,o=new Array(s);let r,l,h,c;for(r=0,l=s;re"x"===t?"y":"x";function oi(t,e,i,s){var t=t.skip?e:t,a=e,e=i.skip?e:i,i=gt(a,t),n=gt(e,a);let o=i/(i+n),r=n/(i+n);o=isNaN(o)?0:o,r=isNaN(r)?0:r;i=s*o,n=s*r;return{previous:{x:a.x-i*(e.x-t.x),y:a.y-i*(e.y-t.y)},next:{x:a.x+n*(e.x-t.x),y:a.y+n*(e.y-t.y)}}}function ri(t,n="x"){const e=ni(n),i=t.length,r=Array(i).fill(0),l=Array(i);let s,a,o,h=ai(t,0);for(s=0;s!t.skip)),"monotone"===e.cubicInterpolationMode)ri(o,t);else{let t=i?o[o.length-1]:o[0];for(s=0,a=o.length;s0===t||1===t,di=(t,e,i)=>-Math.pow(2,10*--t)*Math.sin((t-e)*_/i),ui=(t,e,i)=>Math.pow(2,-10*t)*Math.sin((t-e)*_/i)+1,gi={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>-t*(t-2),easeInOutQuad:t=>(t/=.5)<1?.5*t*t:-.5*(--t*(t-2)-1),easeInCubic:t=>t*t*t,easeOutCubic:t=>--t*t*t+1,easeInOutCubic:t=>(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2),easeInQuart:t=>t*t*t*t,easeOutQuart:t=>-(--t*t*t*t-1),easeInOutQuart:t=>(t/=.5)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2),easeInQuint:t=>t*t*t*t*t,easeOutQuint:t=>--t*t*t*t*t+1,easeInOutQuint:t=>(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2),easeInSine:t=>1-Math.cos(t*D),easeOutSine:t=>Math.sin(t*D),easeInOutSine:t=>-.5*(Math.cos(S*t)-1),easeInExpo:t=>0===t?0:Math.pow(2,10*(t-1)),easeOutExpo:t=>1===t?1:1-Math.pow(2,-10*t),easeInOutExpo:t=>ci(t)?t:t<.5?.5*Math.pow(2,10*(2*t-1)):.5*(2-Math.pow(2,-10*(2*t-1))),easeInCirc:t=>1<=t?t:-(Math.sqrt(1-t*t)-1),easeOutCirc:t=>Math.sqrt(1- --t*t),easeInOutCirc:t=>(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1),easeInElastic:t=>ci(t)?t:di(t,.075,.3),easeOutElastic:t=>ci(t)?t:ui(t,.075,.3),easeInOutElastic(t){return ci(t)?t:t<.5?.5*di(2*t,.1125,.45):.5+.5*ui(2*t-1,.1125,.45)},easeInBack(t){return t*t*(2.70158*t-1.70158)},easeOutBack(t){return--t*t*(2.70158*t+1.70158)+1},easeInOutBack(t){let e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:t=>1-gi.easeOutBounce(1-t),easeOutBounce(t){var e=7.5625,i=2.75;return t<1/i?e*t*t:t<2/i?e*(t-=1.5/i)*t+.75:t<2.5/i?e*(t-=2.25/i)*t+.9375:e*(t-=2.625/i)*t+.984375},easeInOutBounce:t=>t<.5?.5*gi.easeInBounce(2*t):.5*gi.easeOutBounce(2*t-1)+.5};function fi(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:t.y+i*(e.y-t.y)}}function pi(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:("middle"===s?i<.5?t:e:"after"===s?i<1?t:e:0+t||0;function yi(e,i){const t={},s=A(i),a=s?Object.keys(i):i,n=A(e)?s?t=>T(e[t],e[i[t]]):t=>e[t]:()=>e;for(const e of a)t[e]=_i(n(e));return t}function Mi(t){return yi(t,{top:"y",right:"x",bottom:"y",left:"x"})}function wi(t){return yi(t,["topLeft","topRight","bottomLeft","bottomRight"])}function I(t){const e=Mi(t);return e.width=e.left+e.right,e.height=e.top+e.bottom,e}function z(t,e){e=e||R.font;let i=T((t=t||{}).size,e.size),s=("string"==typeof i&&(i=parseInt(i,10)),T(t.style,e.style));s&&!(""+s).match(xi)&&(console.warn('Invalid font style specified: "'+s+'"'),s=void 0);const a={family:T(t.family,e.family),lineHeight:vi(T(t.lineHeight,e.lineHeight),i),size:i,style:s,weight:T(t.weight,e.weight),string:""};return a.string=Te(a),a}function ki(t,e,i,s){let a,n,o,r=!0;for(a=0,n=t.length;ai&&0===t?0:t+e;return{min:a(t,-Math.abs(e)),max:a(s,e)}}function Pi(t,e){return Object.assign(Object.create(t),e)}function Di(t,e,i){return t?(s=e,a=i,{x:t=>s+s+a-t,setWidth(t){a=t},textAlign:t=>"center"===t?t:"right"===t?"left":"right",xPlus:(t,e)=>t-e,leftForLtr:(t,e)=>t-e}):{x:t=>t,setWidth(t){},textAlign:t=>t,xPlus:(t,e)=>t+e,leftForLtr:(t,e)=>t};var s,a}function Ci(t,e){let i,s;"ltr"!==e&&"rtl"!==e||(s=[(i=t.canvas.style).getPropertyValue("direction"),i.getPropertyPriority("direction")],i.setProperty("direction",e,"important"),t.prevTextDirection=s)}function Oi(t,e){void 0!==e&&(delete t.prevTextDirection,t.canvas.style.setProperty("direction",e[0],e[1]))}function Ai(t){return"angle"===t?{between:pt,compare:ft,normalize:v}:{between:c,compare:(t,e)=>t-e,normalize:t=>t}}function Ti({start:t,end:e,count:i,loop:s,style:a}){return{start:t%i,end:e%i,loop:s&&(e-t+1)%i==0,style:a}}function Li(t,i,g){if(!g)return[t];const{property:s,start:a,end:n}=g,o=i.length,{compare:r,between:l,normalize:h}=Ai(s),{start:c,end:d,loop:u,style:f}=function(t,e){const{property:i,start:s,end:a}=g,{between:n,normalize:o}=Ai(i),r=e.length;let l,h,{start:c,end:d,loop:u}=t;if(u){for(c+=r,d+=r,l=0,h=r;ls&&t[a%e].skip;)a--;return a%=e,{start:s,end:a}}(i,s,a);return Ii(t,!0===n?[{start:o,end:r,loop:a}]:function(t,e,i,s){const a=t.length,n=[];let o,r=e,l=t[e];for(o=e+1;o<=i;++o){const i=t[o%a];i.skip||i.stop?l.skip||(s=!1,n.push({start:e%a,end:(o-1)%a,loop:s}),e=r=i.stop?o:null):(r=o,l.skip&&(e=o)),l=i}return null!==r&&n.push({start:e%a,end:r%a,loop:s}),n}(i,o,r{t[r](s[a],n)&&(o.push({element:t,datasetIndex:e,index:i}),l=l||t.inRange(s.x,s.y,n))}),e&&!l?[]:o}var Hi={evaluateInteractionItems:Vi,modes:{index(t,e,i,s){const a=Se(e,t),n=i.axis||"x",o=i.includeInvisible||!1,r=i.intersect?Bi(t,a,n,s,o):Wi(t,a,n,!1,s,o),l=[];return r.length?(t.getSortedVisibleDatasetMetas().forEach(t=>{var e=r[0].index,i=t.data[e];i&&!i.skip&&l.push({element:i,datasetIndex:t.index,index:e})}),l):[]},dataset(t,e,i,s){var e=Se(e,t),a=i.axis||"xy",n=i.includeInvisible||!1;let o=i.intersect?Bi(t,e,a,s,n):Wi(t,e,a,!1,s,n);if(0Bi(t,Se(e,t),i.axis||"xy",s,i.includeInvisible||!1),nearest(t,e,i,s){var e=Se(e,t),a=i.axis||"xy",n=i.includeInvisible||!1;return Wi(t,e,a,i.intersect,s,n)},x:(t,e,i,s)=>Ni(t,Se(e,t),"x",i.intersect,s),y:(t,e,i,s)=>Ni(t,Se(e,t),"y",i.intersect,s)}};const ji=["left","top","right","bottom"];function Yi(t,e){return t.filter(t=>t.pos===e)}function $i(t,e){return t.filter(t=>-1===ji.indexOf(t.pos)&&t.box.axis===e)}function Ui(t,s){return t.sort((t,e)=>{var i=s?e:t,t=s?t:e;return i.weight===t.weight?i.index-t.index:i.weight-t.weight})}function Xi(t,e,i,s){return Math.max(t[i],e[i])+Math.max(t[s],e[s])}function qi(t,e){t.top=Math.max(t.top,e.top),t.left=Math.max(t.left,e.left),t.bottom=Math.max(t.bottom,e.bottom),t.right=Math.max(t.right,e.right)}function Ki(t,e,i,s){const a=[];let n,o,r,l,h,c;for(n=0,o=t.length,h=0;n{s[t]=Math.max(e[t],i[t])}),s}}(r.horizontal,e));const{same:o,other:d}=function(t,e,i,s){const{pos:a,box:n}=i,o=t.maxPadding;if(!A(a)){i.size&&(t[a]-=i.size);const e=s[i.stack]||{size:0,count:1};e.size=Math.max(e.size,i.horizontal?n.height:n.width),i.size=e.size/e.count,t[a]+=i.size}n.getPadding&&qi(o,n.getPadding());var s=Math.max(0,e.outerWidth-Xi(o,t,"left","right")),e=Math.max(0,e.outerHeight-Xi(o,t,"top","bottom")),r=s!==t.w,l=e!==t.h;return t.w=s,t.h=e,i.horizontal?{same:r,other:l}:{same:l,other:r}}(e,i,r,s);h|=o&&a.length,c=c||d,l.fullSize||a.push(r)}return h&&Ki(a,e,i,s)||c}function Gi(t,e,i,s,a){t.top=i,t.left=e,t.right=e+s,t.bottom=i+a,t.width=s,t.height=a}function Zi(t,e,i,s){var a=i.padding;let{x:n,y:o}=e;for(const r of t){const t=r.box,l=s[r.stack]||{count:1,placed:0,weight:1},h=r.stackWeight/l.weight||1;if(r.horizontal){const s=e.w*h,n=l.size||t.height;G(l.start)&&(o=l.start),t.fullSize?Gi(t,a.left,o,i.outerWidth-a.right-a.left,n):Gi(t,e.left+l.placed,o,s,n),l.start=o,l.placed+=s,o=t.bottom}else{const s=e.h*h,o=l.size||t.width;G(l.start)&&(n=l.start),t.fullSize?Gi(t,n,a.top,o,i.outerHeight-a.bottom-a.top):Gi(t,n,e.top+l.placed,o,s),l.start=n,l.placed+=s,n=t.right}}e.x=n,e.y=o}var a={addBox(t,e){t.boxes||(t.boxes=[]),e.fullSize=e.fullSize||!1,e.position=e.position||"top",e.weight=e.weight||0,e._layers=e._layers||function(){return[{z:0,draw(t){e.draw(t)}}]},t.boxes.push(e)},removeBox(t,e){e=t.boxes?t.boxes.indexOf(e):-1;-1!==e&&t.boxes.splice(e,1)},configure(t,e,i){e.fullSize=i.fullSize,e.position=i.position,e.weight=i.weight},update(l,t,e,i){if(l){const o=I(l.options.layout.padding),r=Math.max(t-o.width,0),h=Math.max(e-o.height,0),c=function(){const t=function(t){const e=[];let i,s,a,n,o,r;for(i=0,s=(t||[]).length;it.box.fullSize),!0),i=Ui(Yi(t,"left"),!0),s=Ui(Yi(t,"right")),a=Ui(Yi(t,"top"),!0),n=Ui(Yi(t,"bottom")),o=$i(t,"x"),r=$i(t,"y");return{fullSize:e,leftAndTop:i.concat(a),rightAndBottom:s.concat(r).concat(n).concat(o),chartArea:Yi(t,"chartArea"),vertical:i.concat(s).concat(r),horizontal:a.concat(n).concat(o)}}(),d=c.vertical,u=c.horizontal;k(l.boxes,t=>{"function"==typeof t.beforeLayout&&t.beforeLayout()});var s=d.reduce((t,e)=>e.box.options&&!1===e.box.options.display?t:t+1,0)||1,t=Object.freeze({outerWidth:t,outerHeight:e,padding:o,availableWidth:r,availableHeight:h,vBoxMaxWidth:r/2/s,hBoxMaxHeight:h/2}),e=Object.assign({},o);qi(e,I(i));const g=Object.assign({maxPadding:e,w:r,h:h,x:o.left,y:o.top},o),f=function(t,e){var i=function(t){const e={};for(const i of t){const{stack:t,pos:s,stackWeight:a}=i;if(t&&ji.includes(s)){const n=e[t]||(e[t]={count:0,placed:0,weight:0,size:0});n.count++,n.weight+=a}}return e}(t),{vBoxMaxWidth:s,hBoxMaxHeight:a}=e;let n,o,r;for(n=0,o=t.length;n{const e=t.box;Object.assign(e,l.chartArea),e.update(g.w,g.h,{left:0,top:0,right:0,bottom:0})})}}};class Ji{acquireContext(t,e){}releaseContext(t){return!1}addEventListener(t,e,i){}removeEventListener(t,e,i){}getDevicePixelRatio(){return 1}getMaximumSize(t,e,i,s){return e=Math.max(0,e||t.width),i=i||t.height,{width:e,height:Math.max(0,s?Math.floor(e/s):i)}}isAttached(t){return!0}updateConfig(t){}}class Qi extends Ji{acquireContext(t){return t&&t.getContext&&t.getContext("2d")||null}updateConfig(t){t.options.animation=!1}}const ts="$chartjs",es={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"},is=t=>null===t||""===t,ss=!!Oe&&{passive:!0};function as(t,e){for(const i of t)if(i===e||i.contains(e))return!0}function ns(t,e,i){const s=t.canvas,a=new MutationObserver(t=>{let e=!1;for(const i of t)e=e||as(i.addedNodes,s),e=e&&!as(i.removedNodes,s);e&&i()});return a.observe(document,{childList:!0,subtree:!0}),a}function os(t,e,i){const s=t.canvas,a=new MutationObserver(t=>{let e=!1;for(const i of t)e=e||as(i.removedNodes,s),e=e&&!as(i.addedNodes,s);e&&i()});return a.observe(document,{childList:!0,subtree:!0}),a}const rs=new Map;let ls=0;function hs(){const i=window.devicePixelRatio;i!==ls&&(ls=i,rs.forEach((t,e)=>{e.currentDevicePixelRatio!==i&&t()}))}function cs(t,e,s){const i=t.canvas,a=i&&ve(i);if(a){const o=St((t,e)=>{var i=a.clientWidth;s(t,e),i{var t=t[0],e=t.contentRect.width,t=t.contentRect.height;0===e&&0===t||o(e,t)});return r.observe(a),t=t,n=o,rs.size||window.addEventListener("resize",hs),rs.set(t,n),r;var n}}function ds(t,e,i){i&&i.disconnect(),"resize"===e&&(i=t,rs.delete(i),rs.size||window.removeEventListener("resize",hs))}function us(e,t,i){var s=e.canvas,a=St(t=>{null!==e.ctx&&i(function(t,e){var i=es[t.type]||t.type,{x:s,y:a}=Se(t,e);return{type:i,chart:e,native:t,x:void 0!==s?s:null,y:void 0!==a?a:null}}(t,e))},e);return s.addEventListener(t,a,ss),a}class gs extends Ji{acquireContext(t,e){var i=t&&t.getContext&&t.getContext("2d");{if(i&&i.canvas===t){{var s=e;const a=t.style,n=t.getAttribute("height"),o=t.getAttribute("width");if(t[ts]={initial:{height:n,width:o,style:{display:a.display,height:a.height,width:a.width}}},a.display=a.display||"block",a.boxSizing=a.boxSizing||"border-box",is(o)){const s=Ae(t,"width");void 0!==s&&(t.width=s)}if(is(n))if(""===t.style.height)t.height=t.width/(s||2);else{const s=Ae(t,"height");void 0!==s&&(t.height=s)}}return i}return null}}releaseContext(t){const i=t.canvas;if(!i[ts])return!1;const s=i[ts].initial,e=(["height","width"].forEach(t=>{var e=s[t];P(e)?i.removeAttribute(t):i.setAttribute(t,e)}),s.style||{});return Object.keys(e).forEach(t=>{i.style[t]=e[t]}),i.width=i.width,delete i[ts],!0}addEventListener(t,e,i){this.removeEventListener(t,e);const s=t.$proxies||(t.$proxies={}),a={attach:ns,detach:os,resize:cs}[e]||us;s[e]=a(t,e,i)}removeEventListener(t,e){const i=t.$proxies||(t.$proxies={}),s=i[e];s&&(({attach:ds,detach:ds,resize:ds}[e]||function(t,e,i){t.canvas.removeEventListener(e,i,ss)})(t,e,s),i[e]=void 0)}getDevicePixelRatio(){return window.devicePixelRatio}getMaximumSize(t,e,i,s){return De(t,e,i,s)}isAttached(t){t=ve(t);return!(!t||!t.isConnected)}}function fs(t){return!xe()||"undefined"!=typeof OffscreenCanvas&&t instanceof OffscreenCanvas?Qi:gs}Oe=Object.freeze({__proto__:null,BasePlatform:Ji,BasicPlatform:Qi,DomPlatform:gs,_detectPlatform:fs});const ps="transparent",ms={boolean:(t,e,i)=>.5t+(e-t)*i};class bs{constructor(t,e,i,s){var a=e[i],a=(s=ki([t.to,s,a,t.from]),ki([t.from,a,s]));this._active=!0,this._fn=t.fn||ms[t.type||typeof a],this._easing=gi[t.easing]||gi.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=i,this._from=a,this._to=s,this._promises=void 0}active(){return this._active}update(t,e,i){var s,a,n;this._active&&(this._notify(!1),s=this._target[this._prop],a=i-this._start,n=this._duration-a,this._start=i,this._duration=Math.floor(Math.max(n,t.duration)),this._total+=a,this._loop=!!t.loop,this._to=ki([t.to,e,s,t.from]),this._from=ki([t.from,s,e]))}cancel(){this._active&&(this.tick(Date.now()),this._active=!1,this._notify(!1))}tick(t){var t=t-this._start,e=this._duration,i=this._prop,s=this._from,a=this._loop,n=this._to;let o;if(this._active=s!==n&&(a||t{i.push({res:t,rej:e})})}_notify(t){const e=t?"res":"rej",i=this._promises||[];for(let t=0;t{const t=s[e];if(A(t)){const i={};for(const s of a)i[s]=t[s];(O(t.properties)&&t.properties||[e]).forEach(t=>{t!==e&&n.has(t)||n.set(t,i)})}})}}_animateOptions(t,e){const i=e.options,s=function(e,i){if(i){let t=e.options;if(t)return t.$shared&&(e.options=t=Object.assign({},t,{$shared:!1,$animations:{}})),t;e.options=i}}(t,i);if(!s)return[];e=this._createAnimations(s,i);return i.$shared&&function(e,t){const i=[],s=Object.keys(t);for(let t=0;t{t.options=i},()=>{}),e}_createAnimations(e,i){const s=this._properties,a=[],n=e.$animations||(e.$animations={}),t=Object.keys(i),o=Date.now();let r;for(r=t.length-1;0<=r;--r){const c=t[r];if("$"!==c.charAt(0))if("options"===c)a.push(...this._animateOptions(e,i));else{var l=i[c];let t=n[c];var h=s.get(c);if(t){if(h&&t.active()){t.update(h,l,o);continue}t.cancel()}h&&h.duration?(n[c]=t=new bs(h,e,c,l),a.push(t)):e[c]=l}}return a}update(t,e){{if(0!==this._properties.size)return(t=this._createAnimations(t,e)).length?(l.add(this._chart,t),!0):void 0;Object.assign(t,e)}}}function vs(t,e){var t=t&&t.options||{},i=t.reverse,s=void 0===t.min?e:0,t=void 0===t.max?e:0;return{start:i?t:s,end:i?s:t}}function _s(t,e){const i=[],s=t._getSortedDatasetMetas(e);let a,n;for(a=0,n=s.length;ai[t].axis===e).shift()}function Ps(t,e){var i=t.controller.index,s=t.vScale&&t.vScale.axis;if(s){e=e||t._parsed;for(const t of e){const e=t._stacks;if(!e||void 0===e[s]||void 0===e[s][i])return;delete e[s][i],void 0!==e[s]._visualValues&&void 0!==e[s]._visualValues[i]&&delete e[s]._visualValues[i]}}}const Ds=t=>"reset"===t||"none"===t,Cs=(t,e)=>e?t:Object.assign({},t);class Os{static defaults={};static datasetElementType=null;static dataElementType=null;constructor(t,e){this.chart=t,this._ctx=t.ctx,this.index=e,this._cachedDataOpts={},this._cachedMeta=this.getMeta(),this._type=this._cachedMeta.type,this.options=void 0,this._parsing=!1,this._data=void 0,this._objectData=void 0,this._sharedOptions=void 0,this._drawStart=void 0,this._drawCount=void 0,this.enableOptionSharing=!1,this.supportsDecimation=!1,this.$context=void 0,this._syncList=[],this.datasetElementType=new.target.datasetElementType,this.dataElementType=new.target.dataElementType,this.initialize()}initialize(){const t=this._cachedMeta;this.configure(),this.linkScales(),t._stacked=Ms(t.vScale,t),this.addElements(),this.options.fill&&!this.chart.isPluginEnabled("filler")&&console.warn("Tried to use the 'fill' option without the 'Filler' plugin enabled. Please import and register the 'Filler' plugin and make sure it is not disabled in the options")}updateIndex(t){this.index!==t&&Ps(this._cachedMeta),this.index=t}linkScales(){const t=this.chart,e=this._cachedMeta,i=this.getDataset(),s=(t,e,i,s)=>"x"===t?e:"r"===t?s:i,a=e.xAxisID=T(i.xAxisID,Ss(t,"x")),n=e.yAxisID=T(i.yAxisID,Ss(t,"y")),o=e.rAxisID=T(i.rAxisID,Ss(t,"r")),r=e.indexAxis,l=e.iAxisID=s(r,a,n,o),h=e.vAxisID=s(r,n,a,o);e.xScale=this.getScaleForId(a),e.yScale=this.getScaleForId(n),e.rScale=this.getScaleForId(o),e.iScale=this.getScaleForId(l),e.vScale=this.getScaleForId(h)}getDataset(){return this.chart.data.datasets[this.index]}getMeta(){return this.chart.getDatasetMeta(this.index)}getScaleForId(t){return this.chart.scales[t]}_getOtherScale(t){var e=this._cachedMeta;return t===e.iScale?e.vScale:e.iScale}reset(){this._update("reset")}_destroy(){var t=this._cachedMeta;this._data&&Mt(this._data,this),t._stacked&&Ps(t)}_dataCheck(){const t=this.getDataset(),e=t.data||(t.data=[]),i=this._data;if(A(e))this._data=function(t){const e=Object.keys(t),i=new Array(e.length);let s,a,n;for(s=0,a=e.length;snull===l[o]||d&&l[o]t||cthis.getContext(i,s,e),c);return g.$shared&&(g.$shared=r,a[n]=Object.freeze(Cs(g,r))),g}_resolveAnimations(t,e,i){const s=this.chart,a=this._cachedDataOpts,n="animation-"+e,o=a[n];if(o)return o;let r;if(!1!==s.options.animation){const s=this.chart.config,a=s.datasetAnimationScopeKeys(this._type,e),n=s.getOptionScopes(this.getDataset(),a);r=s.createResolver(n,this.getContext(t,i,e))}t=new xs(s,r&&r.animations);return r&&r._cacheable&&(a[n]=Object.freeze(t)),t}getSharedOptions(t){if(t.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},t))}includeOptions(t,e){return!e||Ds(t)||this.chart._animationsDisabled}_getSharedOptions(t,e){var t=this.resolveDataElementOptions(t,e),i=this._sharedOptions,s=this.getSharedOptions(t),i=this.includeOptions(e,s)||s!==i;return this.updateSharedOptions(s,e,t),{sharedOptions:s,includeOptions:i}}updateElement(t,e,i,s){Ds(s)?Object.assign(t,i):this._resolveAnimations(e,s).update(t,i)}updateSharedOptions(t,e,i){t&&!Ds(e)&&this._resolveAnimations(void 0,e).update(t,i)}_setStyle(t,e,i,s){t.active=s;var a=this.getStyle(e,s);this._resolveAnimations(e,i,s).update(t,{options:!s&&this.getSharedOptions(a)||a})}removeHoverStyle(t,e,i){this._setStyle(t,i,"active",!1)}setHoverStyle(t,e,i){this._setStyle(t,i,"active",!0)}_removeDatasetHoverStyle(){var t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!1)}_setDatasetHoverStyle(){var t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!0)}_resyncElements(t){const e=this._data,i=this._cachedMeta.data;for(const[t,e,i]of this._syncList)this[t](e,i);this._syncList=[];var s=i.length,a=e.length,n=Math.min(a,s);n&&this.parse(0,n),s{for(t.length+=e,o=t.length-1;o>=n;o--)t[o]=t[o-e]};for(r(a),o=t;o{s[t]=i[t]&&i[t].active()?i[t]._to:this[t]}),s}}function As(t,e,i,s,a){var n=T(s,0),o=Math.min(T(a,t.length),t.length);let r,l,h,c=0;for(i=Math.ceil(i),a&&(i=(r=a-s)/Math.floor(r/i)),h=n;h<0;)c++,h=Math.round(n+c*i);for(l=Math.max(n,0);l"top"===e||"left"===e?t[e]+i:t[e]-i,Ls=(t,e)=>Math.min(e||t,t);function Es(t,e){const i=[],s=t.length/e,a=t.length;let n=0;for(;nn?n:a,n=o&&a>n?a:n,{min:g(a,g(n,a)),max:g(n,g(a,n))}}getPadding(){return{left:this.paddingLeft||0,top:this.paddingTop||0,right:this.paddingRight||0,bottom:this.paddingBottom||0}}getTicks(){return this.ticks}getLabels(){var t=this.chart.data;return this.options.labels||(this.isHorizontal()?t.xLabels:t.yLabels)||t.labels||[]}getLabelItems(t=this.chart.chartArea){return this._labelItems||(this._labelItems=this._computeLabelItems(t))}beforeLayout(){this._cache={},this._dataLimitsCached=!1}beforeUpdate(){d(this.options.beforeUpdate,[this])}update(t,e,i){var{beginAtZero:s,grace:a,ticks:n}=this.options,o=n.sampleSize,t=(this.beforeUpdate(),this.maxWidth=t,this.maxHeight=e,this._margins=i=Object.assign({left:0,right:0,top:0,bottom:0},i),this.ticks=null,this._labelSizes=null,this._gridLineItems=null,this._labelItems=null,this.beforeSetDimensions(),this.setDimensions(),this.afterSetDimensions(),this._maxLength=this.isHorizontal()?this.width+i.left+i.right:this.height+i.top+i.bottom,this._dataLimitsCached||(this.beforeDataLimits(),this.determineDataLimits(),this.afterDataLimits(),this._range=Si(this,a,s),this._dataLimitsCached=!0),this.beforeBuildTicks(),this.ticks=this.buildTicks()||[],this.afterBuildTicks(),os)return i}return Math.max(s,1)}(n,s,a);if(0{const e=t.gc,i=e.length/2;let s;if(y({width:n[t]||0,height:o[t]||0});return{first:w(0),last:w(e-1),widest:w(i),highest:w(M),widths:n,heights:o}}getLabelForValue(t){return t}getPixelForValue(t,e){return NaN}getValueForPixel(t){}getPixelForTick(t){var e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getPixelForDecimal(t){this._reversePixels&&(t=1-t);t=this._startPixel+t*this._length;return mt(this._alignToPixels?Re(this.chart,t,0):t)}getDecimalForPixel(t){t=(t-this._startPixel)/this._length;return this._reversePixels?1-t:t}getBasePixel(){return this.getPixelForValue(this.getBaseValue())}getBaseValue(){var{min:t,max:e}=this;return t<0&&e<0?e:0o+1e-6)))return l}(this,b,l))&&(v=Re(s,x,A),h?_=M=k=P=v:y=w=S=D=v,u.push({tx1:_,ty1:y,tx2:M,ty2:w,x1:k,y1:S,x2:P,y2:D,width:A,color:o,borderDash:T,borderDashOffset:c,tickWidth:d,tickColor:g,tickBorderDash:f,tickBorderDashOffset:p}))}return this._ticksLength=c,this._borderValue=m,u}_computeLabelItems(s){const a=this.axis,n=this.options,{position:o,ticks:e}=n,r=this.isHorizontal(),l=this.ticks,{align:h,crossAlign:c,padding:t,mirror:d}=e,i=Rs(n.grid),u=i+t,g=d?-t:u,f=-L(this.labelRotation),p=[];let m,b,x,v,_,y,M,w,k,S,P,D="middle";if("top"===o)_=this.bottom-g,y=this._getXAxisLabelAlignment();else if("bottom"===o)_=this.top+g,y=this._getXAxisLabelAlignment();else if("left"===o){const s=this._getYAxisLabelAlignment(i);y=s.textAlign,v=s.x}else if("right"===o){const s=this._getYAxisLabelAlignment(i);y=s.textAlign,v=s.x}else if("x"===a){if("center"===o)_=(s.top+s.bottom)/2+u;else if(A(o)){const s=Object.keys(o)[0],a=o[s];_=this.chart.scales[s].getPixelForValue(a)+u}y=this._getXAxisLabelAlignment()}else if("y"===a){if("center"===o)v=(s.left+s.right)/2-u;else if(A(o)){const s=Object.keys(o)[0],a=o[s];v=this.chart.scales[s].getPixelForValue(a)}y=this._getYAxisLabelAlignment(i).textAlign}"y"===a&&("start"===h?D="top":"end"===h&&(D="bottom"));var C=this._getLabelSizes();for(m=0,b=l.length;mt.value===e);return 0<=i?t.setContext(this.getContext(i)).lineWidth:0}drawGrid(t){const e=this.options.grid,s=this.ctx,i=this._gridLineItems||(this._gridLineItems=this._computeGridLineItems(t));let a,n;var o=(t,e,i)=>{i.width&&i.color&&(s.save(),s.lineWidth=i.width,s.strokeStyle=i.color,s.setLineDash(i.borderDash||[]),s.lineDashOffset=i.borderDashOffset,s.beginPath(),s.moveTo(t.x,t.y),s.lineTo(e.x,e.y),s.stroke(),s.restore())};if(e.display)for(a=0,n=i.length;a{this.drawBackground(),this.drawGrid(t),this.drawTitle()}},{z:t,draw:()=>{this.drawBorder()}},{z:e,draw:t=>{this.drawLabels(t)}}]:[{z:e,draw:t=>{this.draw(t)}}]}getMatchingVisibleMetas(t){const e=this.chart.getSortedVisibleDatasetMetas(),i=this.axis+"AxisID",s=[];let a,n;for(a=0,n=e.length;a{const e=t.split("."),i=e.pop(),s=[r].concat(e).join("."),a=l[t].split("."),n=a.pop(),o=a.join(".");R.route(s,i,o,n)})),e.descriptors&&R.describe(s,e.descriptors),this.override&&R.override(t.id,t.overrides)),h;throw new Error("class does not have id: "+t)}get(t){return this.items[t]}unregister(t){const e=this.items,i=t.id,s=this.scope;i in e&&delete e[i],s&&i in R[s]&&(delete R[s][i],this.override&&delete fe[i])}}var b=new class{constructor(){this.controllers=new Fs(Os,"datasets",!0),this.elements=new Fs(e,"elements"),this.plugins=new Fs(Object,"plugins"),this.scales=new Fs(zs,"scales"),this._typedRegistries=[this.controllers,this.scales,this.elements]}add(...t){this._each("register",t)}remove(...t){this._each("unregister",t)}addControllers(...t){this._each("register",t,this.controllers)}addElements(...t){this._each("register",t,this.elements)}addPlugins(...t){this._each("register",t,this.plugins)}addScales(...t){this._each("register",t,this.scales)}getController(t){return this._get(t,this.controllers,"controller")}getElement(t){return this._get(t,this.elements,"element")}getPlugin(t){return this._get(t,this.plugins,"plugin")}getScale(t){return this._get(t,this.scales,"scale")}removeControllers(...t){this._each("unregister",t,this.controllers)}removeElements(...t){this._each("unregister",t,this.elements)}removePlugins(...t){this._each("unregister",t,this.plugins)}removeScales(...t){this._each("unregister",t,this.scales)}_each(i,t,s){[...t].forEach(t=>{const e=s||this._getRegistryForType(t);s||e.isForType(t)||e===this.plugins&&t.id?this._exec(i,e,t):k(t,t=>{var e=s||this._getRegistryForType(t);this._exec(i,e,t)})})}_exec(t,e,i){var s=K(t);d(i["before"+s],[],i),e[t](i),d(i["after"+s],[],i)}_getRegistryForType(e){for(let t=0;tt.filter(e=>!i.some(t=>e.plugin.id===t.plugin.id));this._notify(s(e,i),t,"stop"),this._notify(s(i,e),t,"start")}}function Bs(t,e){var i=R.datasets[t]||{};return((e.datasets||{})[t]||{}).indexAxis||e.indexAxis||i.indexAxis||"x"}function Ws(t){if("x"===t||"y"===t||"r"===t)return t}function Ns(t,...e){if(Ws(t))return t;for(const s of e){const e=s.axis||("top"===(i=s.position)||"bottom"===i?"x":"left"===i||"right"===i?"y":void 0)||1{var e=r[t];if(!A(e))return console.error("Invalid scale configuration for scale: "+t);if(e._proxy)return console.warn("Ignoring resolver passed as options for scale: "+t);const i=Ns(t,e,function(e,t){if(t.data&&t.data.datasets){t=t.data.datasets.filter(t=>t.xAxisID===e||t.yAxisID===e);if(t.length)return Hs(e,"x",t[0])||Hs(e,"y",t[0])}return{}}(t,o),R.scales[e.type]),s=i===l?"_index_":"_value_",a=n.scales||{};h[t]=$(Object.create(null),[{axis:i},e,a[i],a[s]])}),o.data.datasets.forEach(s=>{const t=s.type||o.type,a=s.indexAxis||Bs(t,e),n=(fe[t]||{}).scales||{};Object.keys(n).forEach(t=>{var e=function(t,e){let i=t;return"_index_"===t?i=e:"_value_"===t&&(i="x"===e?"y":"x"),i}(t,a),i=s[e+"AxisID"]||e;h[i]=h[i]||Object.create(null),$(h[i],[{axis:e},r[i],n[t]])})}),Object.keys(h).forEach(t=>{t=h[t];$(t,[R.scales[t.type],R.scale])}),h}(t,e)}function Ys(t){return(t=t||{}).datasets=t.datasets||[],t.labels=t.labels||[],t}const $s=new Map,Us=new Set;function Xs(t,e){let i=$s.get(t);return i||(i=e(),$s.set(t,i),Us.add(i)),i}const qs=(t,e,i)=>{e=m(e,i);void 0!==e&&t.add(e)};class Ks{constructor(t){this._config=((t=(t=t)||{}).data=Ys(t.data),js(t),t),this._scopeCache=new Map,this._resolverCache=new Map}get platform(){return this._config.platform}get type(){return this._config.type}set type(t){this._config.type=t}get data(){return this._config.data}set data(t){this._config.data=Ys(t)}get options(){return this._config.options}set options(t){this._config.options=t}get plugins(){return this._config.plugins}update(){var t=this._config;this.clearCache(),js(t)}clearCache(){this._scopeCache.clear(),this._resolverCache.clear()}datasetScopeKeys(t){return Xs(t,()=>[["datasets."+t,""]])}datasetAnimationScopeKeys(t,e){return Xs(t+".transition."+e,()=>[[`datasets.${t}.transitions.`+e,"transitions."+e],["datasets."+t,""]])}datasetElementScopeKeys(t,e){return Xs(t+"-"+e,()=>[[`datasets.${t}.elements.`+e,"datasets."+t,"elements."+e,""]])}pluginScopeKeys(t){const e=t.id;return Xs(this.type+"-plugin-"+e,()=>[["plugins."+e,...t.additionalOptionScopes||[]]])}_cachedScopes(t,e){const i=this._scopeCache;let s=i.get(t);return s&&!e||(s=new Map,i.set(t,s)),s}getOptionScopes(e,t,i){const{options:s,type:a}=this,n=this._cachedScopes(e,i),o=n.get(t);if(o)return o;const r=new Set,l=(t.forEach(t=>{e&&(r.add(e),t.forEach(t=>qs(r,e,t))),t.forEach(t=>qs(r,s,t)),t.forEach(t=>qs(r,fe[a]||{},t)),t.forEach(t=>qs(r,R,t)),t.forEach(t=>qs(r,pe,t))}),Array.from(r));return 0===l.length&&l.push(Object.create(null)),Us.has(t)&&n.set(t,l),l}chartOptionScopes(){var{options:t,type:e}=this;return[t,fe[e]||{},R.datasets[e]||{},{type:e},R,pe]}resolveNamedOptions(t,e,i,s=[""]){const a={$shared:!0},{resolver:n,subPrefixes:o}=Gs(this._resolverCache,t,s);let r=n;!function(t,e){const{isScriptable:i,isIndexable:s}=Ue(t);for(const a of e){const e=i(a),n=s(a),o=(n||e)&&t[a];if(e&&(u(o)||Zs(o))||n&&O(o))return 1}}(n,e)||(a.$shared=!1,r=$e(n,i=u(i)?i():i,this.createResolver(t,i,o)));for(const t of e)a[t]=r[t];return a}createResolver(t,e,i=[""],s){t=Gs(this._resolverCache,t,i).resolver;return A(e)?$e(t,e,void 0,s):t}}function Gs(t,e,i){let s=t.get(e);s||(s=new Map,t.set(e,s));t=i.join();let a=s.get(t);return a||(a={resolver:Ye(e,i),subPrefixes:i.filter(t=>!t.toLowerCase().includes("hover"))},s.set(t,a)),a}const Zs=e=>A(e)&&Object.getOwnPropertyNames(e).some(t=>u(e[t])),Js=["top","bottom","left","right","chartArea"];function Qs(t,e){return"top"===t||"bottom"===t||-1===Js.indexOf(t)&&"x"===e}function ta(i,s){return function(t,e){return t[i]===e[i]?t[s]-e[s]:t[i]-e[i]}}function ea(t){const e=t.chart,i=e.options.animation;e.notifyPlugins("afterRender"),d(i&&i.onComplete,[t],e)}function ia(t){var e=t.chart,i=e.options.animation;d(i&&i.onProgress,[t],e)}function sa(t){return xe()&&"string"==typeof t?t=document.getElementById(t):t&&t.length&&(t=t[0]),t=t&&t.canvas?t.canvas:t}const aa={},na=t=>{const e=sa(t);return Object.values(aa).filter(t=>t.canvas===e).pop()};function oa(t,e,i){return(t.options.clip?t:e)[i]}class i{static defaults=R;static instances=aa;static overrides=fe;static registry=b;static version="4.4.1";static getChart=na;static register(...t){b.add(...t),ra()}static unregister(...t){b.remove(...t),ra()}constructor(t,e){const i=this.config=new Ks(e),s=sa(t),a=na(s);if(a)throw new Error("Canvas is already in use. Chart with ID '"+a.id+"' must be destroyed before the canvas with ID '"+a.canvas.id+"' can be reused.");var e=i.createResolver(i.chartOptionScopes(),this.getContext()),t=(this.platform=new(i.platform||fs(s)),this.platform.updateConfig(i),this.platform.acquireContext(s,e.aspectRatio)),n=t&&t.canvas,o=n&&n.height,r=n&&n.width;this.id=F(),this.ctx=t,this.canvas=n,this.width=r,this.height=o,this._options=e,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._responsiveListeners=void 0,this._sortedMetasets=[],this.scales={},this._plugins=new Vs,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=Pt(t=>this.update(t),e.resizeDelay||0),this._dataChanges=[],aa[this.id]=this,t&&n?(l.listen(this,"complete",ea),l.listen(this,"progress",ia),this._initialize(),this.attached&&this.update()):console.error("Failed to create chart: can't acquire context from the given item")}get aspectRatio(){var{options:{aspectRatio:t,maintainAspectRatio:e},width:i,height:s,_aspectRatio:a}=this;return P(t)?e&&a?a:s?i/s:null:t}get data(){return this.config.data}set data(t){this.config.data=t}get options(){return this._options}set options(t){this.config.options=t}get registry(){return b}_initialize(){return this.notifyPlugins("beforeInit"),this.options.responsive?this.resize():Ce(this,this.options.devicePixelRatio),this.bindEvents(),this.notifyPlugins("afterInit"),this}clear(){return Ie(this.canvas,this.ctx),this}stop(){return l.stop(this),this}resize(t,e){l.running(this)?this._resizeBeforeDraw={width:t,height:e}:this._resize(t,e)}_resize(t,e){var i=this.options,s=this.canvas,a=i.maintainAspectRatio&&this.aspectRatio,s=this.platform.getMaximumSize(s,t,e,a),t=i.devicePixelRatio||this.platform.getDevicePixelRatio(),e=this.width?"resize":"attach";this.width=s.width,this.height=s.height,this._aspectRatio=this.aspectRatio,Ce(this,t,!0)&&(this.notifyPlugins("resize",{size:s}),d(i.onResize,[this,s],this),this.attached&&this._doResize(e)&&this.render())}ensureScalesHaveIDs(){k(this.options.scales||{},(t,e)=>{t.id=e})}buildOrUpdateScales(){const o=this.options,s=o.scales,r=this.scales,l=Object.keys(r).reduce((t,e)=>(t[e]=!1,t),{});let t=[];k(t=s?t.concat(Object.keys(s).map(t=>{var e=s[t],t=Ns(t,e),i="r"===t,t="x"===t;return{options:e,dposition:i?"chartArea":t?"bottom":"left",dtype:i?"radialLinear":t?"category":"linear"}})):t,t=>{const e=t.options,i=e.id,s=Ns(i,e),a=T(e.type,t.dtype);void 0!==e.position&&Qs(e.position,s)===Qs(t.dposition)||(e.position=t.dposition),l[i]=!0;let n=null;i in r&&r[i].type===a?n=r[i]:(n=new(b.getScale(a))({id:i,type:a,ctx:this.ctx,chart:this}),r[n.id]=n),n.init(e,o)}),k(l,(t,e)=>{t||delete r[e]}),k(r,t=>{a.configure(this,t,t.options),a.addBox(this,t)})}_updateMetasets(){const t=this._metasets,e=this.data.datasets.length,i=t.length;if(t.sort((t,e)=>t.index-e.index),ei.length&&delete this._stacks,t.forEach((e,t)=>{0===i.filter(t=>t===e._dataset).length&&this._destroyDatasetMeta(t)})}buildOrUpdateControllers(){const e=[],i=this.data.datasets;let s,a;for(this._removeUnreferencedMetasets(),s=0,a=i.length;s{this.getDatasetMeta(e).controller.reset()},this)}reset(){this._resetElements(),this.notifyPlugins("reset")}update(t){const s=this.config,a=(s.update(),this._options=s.createResolver(s.chartOptionScopes(),this.getContext())),n=this._animationsDisabled=!a.animation;if(this._updateScales(),this._checkEventBindings(),this._updateHiddenIndices(),this._plugins.invalidate(),!1!==this.notifyPlugins("beforeUpdate",{mode:t,cancelable:!0})){const o=this.buildOrUpdateControllers();this.notifyPlugins("beforeElementsUpdate");let i=0;for(let t=0,e=this.data.datasets.length;t{t.reset()}),this._updateDatasets(t),this.notifyPlugins("afterUpdate",{mode:t}),this._layers.sort(ta("z","_idx"));var{_active:t,_lastEvent:e}=this;e?this._eventHandler(e,!0):t.length&&this._updateHoverStyles(t,t,!0),this.render()}}_updateScales(){k(this.scales,t=>{a.removeBox(this,t)}),this.ensureScalesHaveIDs(),this.buildOrUpdateScales()}_checkEventBindings(){var t=this.options,e=new Set(Object.keys(this._listeners)),i=new Set(t.events);Z(e,i)&&!!this._responsiveListeners===t.responsive||(this.unbindEvents(),this.bindEvents())}_updateHiddenIndices(){var t,e,i,s,a=this["_hiddenIndices"];for({method:t,start:e,count:i}of this._getUniformDataChanges()||[]){n=void 0;o=void 0;r=void 0;s=void 0;var n=a;var o=e;var r="_removeElements"===t?-i:i;const l=Object.keys(n);for(const h of l){const l=+h;l>=o&&(s=n[h],delete n[h],(0o)&&(n[l+r]=s))}}}_getUniformDataChanges(){const t=this._dataChanges;if(t&&t.length){this._dataChanges=[];var e=this.data.datasets.length,i=e=>new Set(t.filter(t=>t[0]===e).map((t,e)=>e+","+t.splice(1).join(","))),s=i(0);for(let t=1;tt.split(",")).map(t=>({method:t[1],start:+t[2],count:+t[3]}))}}_updateLayout(t){if(!1!==this.notifyPlugins("beforeLayout",{cancelable:!0})){a.update(this,this.width,this.height,t);const e=this.chartArea,i=e.width<=0||e.height<=0;this._layers=[],k(this.boxes,t=>{i&&"chartArea"===t.position||(t.configure&&t.configure(),this._layers.push(...t._layers()))},this),this._layers.forEach((t,e)=>{t._idx=e}),this.notifyPlugins("afterLayout")}}_updateDatasets(i){if(!1!==this.notifyPlugins("beforeDatasetsUpdate",{mode:i,cancelable:!0})){for(let t=0,e=this.data.datasets.length;tt&&t._dataset===e).pop();return s||(s={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:e&&e.order||0,index:t,_dataset:e,_parsed:[],_sorted:!1},i.push(s)),s}getContext(){return this.$context||(this.$context=Pi(null,{chart:this,type:"chart"}))}getVisibleDatasetCount(){return this.getSortedVisibleDatasetMetas().length}isDatasetVisible(t){var e=this.data.datasets[t];if(!e)return!1;t=this.getDatasetMeta(t);return"boolean"==typeof t.hidden?!t.hidden:!e.hidden}setDatasetVisibility(t,e){this.getDatasetMeta(t).hidden=!e}toggleDataVisibility(t){this._hiddenIndices[t]=!this._hiddenIndices[t]}getDataVisibility(t){return!this._hiddenIndices[t]}_updateVisibility(e,t,i){const s=i?"show":"hide",a=this.getDatasetMeta(e),n=a.controller._resolveAnimations(void 0,s);G(t)?(a.data[t].hidden=!i,this.update()):(this.setDatasetVisibility(e,i),n.update(a,{visible:i}),this.update(t=>t.datasetIndex===e?s:void 0))}hide(t,e){this._updateVisibility(t,e,!1)}show(t,e){this._updateVisibility(t,e,!0)}_destroyDatasetMeta(t){const e=this._metasets[t];e&&e.controller&&e.controller._destroy(),delete this._metasets[t]}_stop(){let t,e;for(this.stop(),l.remove(this),t=0,e=this.data.datasets.length;t{s.addEventListener(this,t,e),i[t]=e},a=(t,e,i)=>{t.offsetX=e,t.offsetY=i,this._eventHandler(t)};k(this.options.events,t=>e(t,a))}bindResponsiveEvents(){this._responsiveListeners||(this._responsiveListeners={});const i=this._responsiveListeners,s=this.platform,t=(t,e)=>{s.addEventListener(this,t,e),i[t]=e},e=(t,e)=>{i[t]&&(s.removeEventListener(this,t,e),delete i[t])},a=(t,e)=>{this.canvas&&this.resize(t,e)};let n;const o=()=>{e("attach",o),this.attached=!0,this.resize(),t("resize",a),t("detach",n)};n=()=>{this.attached=!1,e("resize",a),this._stop(),this._resize(0,0),t("attach",o)},(s.isAttached(this.canvas)?o:n)()}unbindEvents(){k(this._listeners,(t,e)=>{this.platform.removeEventListener(this,e,t)}),this._listeners={},k(this._responsiveListeners,(t,e)=>{this.platform.removeEventListener(this,e,t)}),this._responsiveListeners=void 0}updateHoverStyle(t,e,i){var s=i?"set":"remove";let a,n,o,r;for("dataset"===e&&(a=this.getDatasetMeta(t[0].datasetIndex)).controller["_"+s+"DatasetHoverStyle"](),o=0,r=t.length;o{var i=this.getDatasetMeta(t);if(i)return{datasetIndex:t,element:i.data[e],index:e};throw new Error("No dataset found at index "+t)});W(t,e)||(this._active=t,this._lastEvent=null,this._updateHoverStyles(t,e))}notifyPlugins(t,e,i){return this._plugins.notify(this,t,e,i)}isPluginEnabled(e){return 1===this._plugins._cache.filter(t=>t.plugin.id===e).length}_updateHoverStyles(t,e,i){var s=this.options.hover,a=(t,i)=>t.filter(e=>!i.some(t=>e.datasetIndex===t.datasetIndex&&e.index===t.index)),n=a(e,t),i=i?t:a(t,e);n.length&&this.updateHoverStyle(n,s.mode,!1),i.length&&s.mode&&this.updateHoverStyle(i,s.mode,!0)}_eventHandler(e,t){const i={event:e,replay:t,cancelable:!0,inChartArea:this.isPointInArea(e)},s=t=>(t.options.events||this.options.events).includes(e.native.type);if(!1!==this.notifyPlugins("beforeEvent",i,s))return t=this._handleEvent(e,t,i.inChartArea),i.cancelable=!1,this.notifyPlugins("afterEvent",i,s),(t||i.changed)&&this.render(),this}_handleEvent(t,e,i){const{_active:s=[],options:a}=this,n=e,o=this._getActiveElements(t,s,i,n),r=J(t),l=(h=t,c=this._lastEvent,i&&"mouseout"!==h.type?r?c:h:null);i&&(this._lastEvent=null,d(a.onHover,[t,o,this],this),r&&d(a.onClick,[t,o,this],this));var h,c=!W(o,s);return(c||e)&&(this._active=o,this._updateHoverStyles(o,s,e)),this._lastEvent=l,c}_getActiveElements(t,e,i,s){if("mouseout"===t.type)return[];if(!i)return e;i=this.options.hover;return this.getElementsAtEventForMode(t,i.mode,i,s)}}function ra(){k(i.instances,t=>t._plugins.invalidate())}function la(){throw new Error("This method is not implemented: Check that a complete date adapter is provided.")}var ha={_date:class Xn{static override(t){Object.assign(Xn.prototype,t)}options;constructor(t){this.options=t||{}}init(){}formats(){return la()}parse(){return la()}format(){return la()}add(){return la()}diff(){return la()}startOf(){return la()}endOf(){return la()}}};function ca(i,s,a,n){if(O(i)){var o=i,r=s,l=a,h=n,c=l.parse(o[0],h),o=l.parse(o[1],h),h=Math.min(c,o),d=Math.max(c,o);let t=h,e=d;Math.abs(h)>Math.abs(d)&&(t=d,e=h),r[l.axis]=e,r._custom={barStart:t,barEnd:e,start:c,end:o,min:h,max:d}}else s[a.axis]=a.parse(i,n);return s}function da(t,e,i,s){const a=t.iScale,n=t.vScale,o=a.getLabels(),r=a===n,l=[];let h,c,d,u;for(c=(h=i)+s;h"spacing"!==t,_indexable:t=>"spacing"!==t&&!t.startsWith("borderDash")&&!t.startsWith("hoverBorderDash")};static overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(s){const t=s.data;if(t.labels.length&&t.datasets.length){const{pointStyle:a,color:n}=s.legend.options["labels"];return t.labels.map((t,e)=>{var i=s.getDatasetMeta(0).controller.getStyle(e);return{text:t,fillStyle:i.backgroundColor,strokeStyle:i.borderColor,fontColor:n,lineWidth:i.borderWidth,pointStyle:a,hidden:!s.getDataVisibility(e),index:e}})}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}}};constructor(t,e){super(t,e),this.enableOptionSharing=!0,this.innerRadius=void 0,this.outerRadius=void 0,this.offsetX=void 0,this.offsetY=void 0}linkScales(){}parse(s,a){const n=this.getDataset().data,o=this._cachedMeta;if(!1===this._parsing)o._parsed=n;else{let t,e,i=t=>+n[t];if(A(n[s])){const{key:s="value"}=this._parsing;i=t=>+m(n[t],s)}for(e=(t=s)+a;tpt(t,r,l,!0)?1:Math.max(e,e*s,i,i*s),f=(t,e,i)=>pt(t,r,l,!0)?-1:Math.min(e,e*s,i,i*s),p=g(0,h,d),m=g(D,c,u),b=f(S,h,d),x=f(S+D,c,u);i=(p-b)/2,a=(m-x)/2,n=-(p+b)/2,o=-(m+x)/2}return{ratioX:i,ratioY:a,offsetX:n,offsetY:o}}(c,h,r),p=(i.width-n)/d,m=(i.height-n)/u,b=Math.max(Math.min(p,m)/2,0),x=B(this.options.radius,b),v=(x-Math.max(x*r,0))/this._getVisibleDatasetWeightTotal();this.offsetX=g*x,this.offsetY=f*x,s.total=this.calculateTotal(),this.outerRadius=x-v*this._getRingWeightOffset(this.index),this.innerRadius=Math.max(this.outerRadius-v*l,0),this.updateElements(a,0,a.length,t)}_circumference(t,e){var i=this.options,s=this._cachedMeta,a=this._getCircumference();return e&&i.animation.animateRotate||!this.chart.getDataVisibility(t)||null===s._parsed[t]||s.data[t].hidden?0:this.calculateCircumference(s._parsed[t]*a/_)}updateElements(t,e,i,s){const a="reset"===s,n=this.chart,o=n.chartArea,r=n.options.animation,l=(o.left+o.right)/2,h=(o.top+o.bottom)/2,c=a&&r.animateScale,d=c?0:this.innerRadius,u=c?0:this.outerRadius,{sharedOptions:g,includeOptions:f}=this._getSharedOptions(e,s);let p,m=this._getRotation();for(p=0;p{var i=s.getDatasetMeta(0).controller.getStyle(e);return{text:t,fillStyle:i.backgroundColor,strokeStyle:i.borderColor,fontColor:n,lineWidth:i.borderWidth,pointStyle:a,hidden:!s.getDataVisibility(e),index:e}})}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}},scales:{r:{type:"radialLinear",angleLines:{display:!1},beginAtZero:!0,grid:{circular:!0},pointLabels:{display:!1},startAngle:0}}};constructor(t,e){super(t,e),this.innerRadius=void 0,this.outerRadius=void 0}getLabelAndValue(t){var e=this._cachedMeta,i=this.chart,s=i.data.labels||[],e=de(e._parsed[t].r,i.options.locale);return{label:s[t]||"",value:e}}parseObjectData(t,e,i,s){return ii.bind(this)(t,e,i,s)}update(t){var e=this._cachedMeta.data;this._updateRadius(),this.updateElements(e,0,e.length,t)}getMinMax(){const t=this._cachedMeta,s={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return t.data.forEach((t,e)=>{var i=this.getParsed(e).r;!isNaN(i)&&this.chart.getDataVisibility(e)&&(is.max&&(s.max=i))}),s}_updateRadius(){const t=this.chart,e=t.chartArea,i=t.options,s=Math.min(e.right-e.left,e.bottom-e.top),a=Math.max(s/2,0),n=(a-Math.max(i.cutoutPercentage?a/100*i.cutoutPercentage:1,0))/t.getVisibleDatasetCount();this.outerRadius=a-n*this.index,this.innerRadius=this.outerRadius-n}updateElements(s,a,t,n){const o="reset"===n,r=this.chart,l=r.options.animation,h=this._cachedMeta.rScale,c=h.xCenter,d=h.yCenter,u=h.getIndexAngle(0)-.5*S;let g,f=u;var p=360/this.countVisibleElements();for(g=0;g{!isNaN(this.getParsed(e).r)&&this.chart.getDataVisibility(e)&&i++}),i}_computeAngle(t,e,i){return this.chart.getDataVisibility(t)?L(this.resolveDataElementOptions(t,e).angle||i):0}}var ba=Object.freeze({__proto__:null,BarController:class extends Os{static id="bar";static defaults={datasetElementType:!1,dataElementType:"bar",categoryPercentage:.8,barPercentage:.9,grouped:!0,animations:{numbers:{type:"number",properties:["x","y","base","width","height"]}}};static overrides={scales:{_index_:{type:"category",offset:!0,grid:{offset:!0}},_value_:{type:"linear",beginAtZero:!0}}};parsePrimitiveData(t,e,i,s){return da(t,e,i,s)}parseArrayData(t,e,i,s){return da(t,e,i,s)}parseObjectData(t,e,i,s){const{iScale:a,vScale:n}=t,{xAxisKey:o="x",yAxisKey:r="y"}=this._parsing,l="x"===a.axis?o:r,h="x"===n.axis?o:r,c=[];let d,u,g,f;for(u=(d=i)+s;dn.x,e="left","right"):(t=n.baset.controller.options.grouped),a=e.options.stacked,n=[];for(const e of s)if((void 0===i||!(t=>{var e=t.controller.getParsed(i),e=e&&e[t.vScale.axis];if(P(e)||isNaN(e))return!0})(e))&&((!1===a||-1===n.indexOf(e.stack)||void 0===a&&void 0===e.stack)&&n.push(e.stack),e.index===t))break;return n.length||n.push(void 0),n}_getStackCount(t){return this._getStacks(void 0,t).length}_getStackIndex(t,e,i){const s=this._getStacks(t,i),a=void 0!==e?s.indexOf(e):-1;return-1===a?s.length-1:a}_getRuler(){const t=this.options,e=this._cachedMeta,i=e.iScale,s=[];let a,n;for(a=0,n=e.data.length;at-e))}return s._cache.$bar}(e,t.type);let s,a,n,o,r=e._length;var l=()=>{32767!==n&&-32768!==n&&(G(o)&&(r=Math.min(r,Math.abs(n-o)||r)),o=n)};for(s=0,a=i.length;s=m?1:-1))*n),u===o&&(x-=d/2);const t=e.getPixelForDecimal(0),P=e.getPixelForDecimal(1),a=Math.min(t,P),l=Math.max(t,P);x=Math.max(Math.min(x,l),a),c=x+d,i&&!h&&(r._stacks[e.axis]._visualValues[s]=e.getValueForPixel(c)-e.getValueForPixel(x))}if(x===e.getPixelForValue(o)){const t=y(d)*e.getLineWidthForValue(o)/2;x+=t,d-=t}return{size:d,base:x,head:c,center:c+d/2}}_calculateBarIndexPixels(t,e){const i=e.scale,s=this.options,a=s.skipNull,n=T(s.maxBarThickness,1/0);let o,r;if(e.grouped){const i=a?this._getStackCount(t):e.stackCount,T=("flex"===s.barThickness?function(t,e,i,s){var a=e.pixels,n=a[t];let o=0=b?x.skip=!0:(y=P((_=this.getParsed(t))[u]),M=x[d]=n.getPixelForValue(_[d],t),w=x[u]=a||y?o.getBasePixel():o.getPixelForValue(r?this.applyStack(o,_,r):_[u],t),x.skip=isNaN(M)||isNaN(w)||y,x.stop=0p,f&&(x.parsed=_,x.raw=l.data[t]),c&&(x.options=h||this.resolveDataElementOptions(t,g.active?"active":s)),m||this.updateElement(g,t,x,s),v=_)}}getMaxOverflow(){const t=this._cachedMeta,e=t.dataset,i=e.options&&e.options.borderWidth||0,s=t.data||[];if(!s.length)return i;var a=s[0].size(this.resolveDataElementOptions(0)),n=s[s.length-1].size(this.resolveDataElementOptions(s.length-1));return Math.max(i,a,n)/2}draw(){const t=this._cachedMeta;t.dataset.updateControlPoints(this.chart.chartArea,t.iScale.axis),super.draw()}},PieController:class extends pa{static id="pie";static defaults={cutout:0,rotation:0,circumference:360,radius:"100%"}},PolarAreaController:ma,RadarController:class extends Os{static id="radar";static defaults={datasetElementType:"line",dataElementType:"point",indexAxis:"r",showLine:!0,elements:{line:{fill:"start"}}};static overrides={aspectRatio:1,scales:{r:{type:"radialLinear"}}};getLabelAndValue(t){const e=this._cachedMeta.vScale,i=this.getParsed(t);return{label:e.getLabels()[t],value:""+e.getLabelForValue(i[e.axis])}}parseObjectData(t,e,i,s){return ii.bind(this)(t,e,i,s)}update(t){const e=this._cachedMeta,i=e.dataset,s=e.data||[],a=e.iScale.getLabels();if(i.points=s,"resize"!==t){const e=this.resolveDatasetElementOptions(t);this.options.showLine||(e.borderWidth=0);var n={_loop:!0,_fullLoop:a.length===s.length,options:e};this.updateElement(i,void 0,n,t)}this.updateElements(s,0,s.length,t)}updateElements(e,i,s,a){const n=this._cachedMeta.rScale,o="reset"===a;for(let t=i;tm,p&&(f.parsed=s,f.raw=h.data[t]),d&&(f.options=c||this.resolveDataElementOptions(t,i.active?"active":a)),b||this.updateElement(i,t,f,a),x=s}this.updateSharedOptions(c,a,t)}getMaxOverflow(){const t=this._cachedMeta,i=t.data||[];if(!this.options.showLine){let e=0;for(let t=i.length-1;0<=t;--t)e=Math.max(e,i[t].size(this.resolveDataElementOptions(t))/2);return 0{var e=(i-Math.min(a,t))*s/2;return C(t,0,Math.min(a,e))};return{outerStart:o(t.outerStart),outerEnd:o(t.outerEnd),innerStart:C(t.innerStart,0,n),innerEnd:C(t.innerEnd,0,n)}}(e,h,d,l-g),b=d-c,x=d-f,v=g+c/b,_=l-f/x,y=h+p,M=h+m,w=g+p/y,k=l-m/M;if(t.beginPath(),n){const e=(v+_)/2;if(t.arc(o,r,d,v,e),t.arc(o,r,d,e,_),0(o+(h?r-t:t))%n,v=()=>{g!==f&&(t.lineTo(m,f),t.lineTo(m,g),t.lineTo(m,p))};for(l&&(d=a[x(0)],t.moveTo(d.x,d.y)),c=0;c<=r;++c)if(!(d=a[x(c)]).skip){const e=d.x,i=d.y,s=0|e;s===u?(if&&(f=i),m=(b*m+e)/++b):(v(),t.lineTo(e,i),u=s,b=0,g=f=i),p=i}v()}function Sa(t){var e=t.options,i=e.borderDash&&e.borderDash.length;return t._decimated||t._loop||e.tension||"monotone"===e.cubicInterpolationMode||e.stepped||i?wa:ka}const Pa="function"==typeof Path2D;class Da extends e{static id="line";static defaults={borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:3,capBezierPoints:!0,cubicInterpolationMode:"default",fill:!1,spanGaps:!1,stepped:!1,tension:0};static defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};static descriptors={_scriptable:!0,_indexable:t=>"borderDash"!==t&&"fill"!==t};constructor(t){super(),this.animated=!0,this.options=void 0,this._chart=void 0,this._loop=void 0,this._fullLoop=void 0,this._path=void 0,this._points=void 0,this._segments=void 0,this._decimated=!1,this._pointsUpdated=!1,this._datasetIndex=void 0,t&&Object.assign(this,t)}updateControlPoints(t,e){var i,s=this.options;!s.tension&&"monotone"!==s.cubicInterpolationMode||s.stepped||this._pointsUpdated||(i=s.spanGaps?this._loop:this._fullLoop,hi(this._points,s,t,i,e),this._pointsUpdated=!0)}set points(t){this._points=t,delete this._segments,delete this._path,this._pointsUpdated=!1}get points(){return this._points}get segments(){return this._segments||(this._segments=Ri(this,this.options.segment))}first(){var t=this.segments,e=this.points;return t.length&&e[t[0].start]}last(){var t=this.segments,e=this.points,i=t.length;return i&&e[t[i-1].end]}interpolate(i,s){var a=this.options,n=i[s],o=this.points,r=Ei(this,{property:s,start:n,end:n});if(r.length){const l=[],h=a.stepped?pi:a.tension||"monotone"===a.cubicInterpolationMode?mi:fi;let e,t;for(e=0,t=r.length;e"borderDash"!==t};circumference;endAngle;fullCircles;innerRadius;outerRadius;pixelMargin;startAngle;constructor(t){super(),this.options=void 0,this.circumference=void 0,this.startAngle=void 0,this.endAngle=void 0,this.innerRadius=void 0,this.outerRadius=void 0,this.pixelMargin=0,this.fullCircles=0,t&&Object.assign(this,t)}inRange(t,e,i){var{angle:t,distance:e}=ut(this.getProps(["x","y"],i),{x:t,y:e}),{startAngle:i,endAngle:s,innerRadius:a,outerRadius:n,circumference:o}=this.getProps(["startAngle","endAngle","innerRadius","outerRadius","circumference"],i),r=(this.options.spacing+this.options.borderWidth)/2,o=T(o,s-i)>=_||pt(t,i,s),t=c(e,a+r,n+r);return o&&t}getCenterPoint(t){var{x:t,y:e,startAngle:i,endAngle:s,innerRadius:a,outerRadius:n}=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius"],t),{offset:o,spacing:r}=this.options,i=(i+s)/2,s=(a+n+r+o)/2;return{x:t+Math.cos(i)*s,y:e+Math.sin(i)*s}}tooltipPosition(t){return this.getCenterPoint(t)}draw(e){var{options:i,circumference:s}=this,a=(i.offset||0)/4,n=(i.spacing||0)/2,o=i.circular;if(this.pixelMargin="inner"===i.borderAlign?.33:0,this.fullCircles=s>_?Math.floor(s/_):0,!(0===s||this.innerRadius<0||this.outerRadius<0)){e.save();var r=(this.startAngle+this.endAngle)/2,r=(e.translate(Math.cos(r)*a,Math.sin(r)*a),a*(1-Math.sin(Math.min(S,s||0))));e.fillStyle=i.backgroundColor,e.strokeStyle=i.borderColor;{var l=e;a=this;s=r;i=n;var h=o;var{fullCircles:c,startAngle:d,circumference:u}=a;let t=a.endAngle;if(c){va(l,a,s,i,t,h);for(let t=0;ts=e?s:t,r=t=>a=i?a:t;if(t){const t=y(s),e=y(a);t<0&&e<0?r(0):0g&&(k=nt(w*k/g/u)*u),P(r)||(_=Math.pow(10,r),k=Math.ceil(k*_)/_),M="ticks"===s?(y=Math.floor(f/k)*k,Math.ceil(p/k)*k):(y=f,p),m&&b&&a&<((o-n)/a,k/1e3)?(w=Math.round(Math.min((o-n)/k,h)),k=(o-n)/w,y=n,M=o):x?(y=m?n:y,M=b?o:M,w=l-1,k=(M-y)/w):w=at(w=(M-y)/k,Math.round(w),k/1e3)?Math.round(w):Math.ceil(w);e=Math.max(dt(k),dt(y));_=Math.pow(10,P(r)?e:r),y=Math.round(y*_)/_,M=Math.round(M*_)/_;let S=0;for(m&&(d&&y!==n?(i.push({value:n}),yo)break;i.push({value:t})}return b&&d&&M!==o?i.length&&at(i[i.length-1].value,o,za(o,v,t))?i[i.length-1].value=o:i.push({value:o}):b&&M!==o||i.push({value:M}),i}({maxTicks:Math.max(2,i),bounds:t.bounds,min:t.min,max:t.max,precision:e.precision,step:e.stepSize,count:e.count,maxDigits:this._maxDigits(),horizontal:this.isHorizontal(),minRotation:e.minRotation||0,includeBounds:!1!==e.includeBounds},this._range||this);return"ticks"===t.bounds&&ht(s,this,"value"),t.reverse?(s.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),s}configure(){var t=this.ticks;let e=this.min,i=this.max;super.configure(),this.options.offset&&t.length&&(t=(i-e)/Math.max(t.length-1,1)/2,e-=t,i+=t),this._startValue=e,this._endValue=i,this._valueRange=i-e}getLabelForValue(t){return de(t,this.chart.options.locale,this.options.ticks.format)}}class Va extends Fa{static id="linear";static defaults={ticks:{callback:ge.formatters.numeric}};determineDataLimits(){var{min:t,max:e}=this.getMinMax(!0);this.min=p(t)?t:0,this.max=p(e)?e:1,this.handleTickRangeOptions()}computeTickLimit(){var t=this.isHorizontal(),e=t?this.width:this.height,i=L(this.options.ticks.minRotation),t=(t?Math.sin(i):Math.cos(i))||.001,i=this._resolveTickFontOptions(0);return Math.ceil(e/Math.min(40,i.lineHeight/t))}getPixelForValue(t){return null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getValueForPixel(t){return this._startValue+this.getDecimalForPixel(t)*this._valueRange}}const Ba=t=>Math.floor(r(t)),Wa=(t,e)=>Math.pow(10,Ba(t)+e);function Na(t){return 1==t/Math.pow(10,Ba(t))}function Ha(t,e,i){i=Math.pow(10,i),t=Math.floor(t/i);return Math.ceil(e/i)-t}class ja extends zs{static id="logarithmic";static defaults={ticks:{callback:ge.formatters.logarithmic,major:{enabled:!0}}};constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._valueRange=0}parse(t,e){t=Fa.prototype.parse.apply(this,[t,e]);if(0!==t)return p(t)&&0s=e?s:t,n=t=>a=i?a:t;s===a&&(s<=0?(t(1),n(10)):(t(Wa(s,-1)),n(Wa(a,1)))),s<=0&&t(Wa(a,-1)),a<=0&&n(Wa(s,1)),this.min=s,this.max=a}buildTicks(){const t=this.options,e=function(t,{min:e,max:i}){e=g(t.min,e);const s=[],a=Ba(e);let n=function(t,e){let i=Ba(e-t);for(;10n?Math.pow(10,a):0,h=Math.round((e-l)*o)/o,c=Math.floor((e-l)/r/10)*r*10;let d=Math.floor((h-c)/Math.pow(10,n)),u=g(t.min,Math.round((l+c+d*Math.pow(10,n))*o)/o);for(;uf.r&&(t=(m.end-f.r)/x,g.r=Math.max(g.r,f.r+t)),b.startf.b&&(e=(b.end-f.b)/p,g.b=Math.max(g.b,f.b+e))}}var d,u;e.setCenterPoint(i.l-s.l,s.r-i.r,i.t-s.t,s.b-i.b),e._pointLabelItems=function(e,i,s){const a=[],n=e._pointLabels.length,t=e.options,{centerPointLabels:o,display:r}=t.pointLabels,l={extra:Ya(t)/2,additionalAngle:o?S/n:0};let h;for(let t=0;tt,padding:5,centerPointLabels:!1}};static defaultRoutes={"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"};static descriptors={angleLines:{_fallback:"grid"}};constructor(t){super(t),this.xCenter=void 0,this.yCenter=void 0,this.drawingArea=void 0,this._pointLabels=[],this._pointLabelItems=[]}setDimensions(){var t=this._padding=I(Ya(this.options)/2),e=this.width=this.maxWidth-t.width,i=this.height=this.maxHeight-t.height;this.xCenter=Math.floor(this.left+e/2+t.left),this.yCenter=Math.floor(this.top+i/2+t.top),this.drawingArea=Math.floor(Math.min(e,i)/2)}determineDataLimits(){var{min:t,max:e}=this.getMinMax(!1);this.min=p(t)&&!isNaN(t)?t:0,this.max=p(e)&&!isNaN(e)?e:0,this.handleTickRangeOptions()}computeTickLimit(){return Math.ceil(this.drawingArea/Ya(this.options))}generateTickLabels(t){Fa.prototype.generateTickLabels.call(this,t),this._pointLabels=this.getLabels().map((t,e)=>{t=d(this.options.pointLabels.callback,[t,e],this);return t||0===t?t:""}).filter((t,e)=>this.chart.getDataVisibility(e))}fit(){var t=this.options;t.display&&t.pointLabels.display?Ua(this):this.setCenterPoint(0,0,0,0)}setCenterPoint(t,e,i,s){this.xCenter+=Math.floor((t-e)/2),this.yCenter+=Math.floor((i-s)/2),this.drawingArea-=Math.min(this.drawingArea/2,Math.max(t,e,i,s))}getIndexAngle(t){return v(t*(_/(this._pointLabels.length||1))+L(this.options.startAngle||0))}getDistanceFromCenterForValue(t){if(P(t))return NaN;var e=this.drawingArea/(this.max-this.min);return this.options.reverse?(this.max-t)*e:(t-this.min)*e}getValueForDistanceFromCenter(t){if(P(t))return NaN;t/=this.drawingArea/(this.max-this.min);return this.options.reverse?this.max-t:this.min+t}getPointLabelContext(t){var e=this._pointLabels||[];if(0<=t&&t0!==t)?(g.beginPath(),je(g,{x:f,y:r,w:x,h:m,radius:p}),g.fill()):g.fillRect(f,r,x,m)}var p=z(l.font),{x:v,y:b,textAlign:g}=o;He(_,n._pointLabels[t],v,b+p.lineHeight/2,p,{color:l.color,textAlign:g,textBaseline:"middle"})}}}if(h.display&&this.ticks.forEach((t,e)=>{if(0!==e){u=this.getDistanceFromCenterForValue(t.value);t=this.getContext(e),e=h.setContext(t),t=c.setContext(t);{var i=this,s=u,a=d;const n=i.ctx,o=e.circular,{color:r,lineWidth:l}=e;!o&&!a||!r||!l||s<0||(n.save(),n.strokeStyle=r,n.lineWidth=l,n.setLineDash(t.dash),n.lineDashOffset=t.dashOffset,n.beginPath(),Xa(i,s,o,a),n.closePath(),n.stroke(),n.restore())}}}),i.display){for(t.save(),s=d-1;0<=s;s--){const h=i.setContext(this.getPointLabelContext(s)),{color:c,lineWidth:d}=h;d&&c&&(t.lineWidth=d,t.strokeStyle=c,t.setLineDash(h.borderDash),t.lineDashOffset=h.borderDashOffset,u=this.getDistanceFromCenterForValue(e.ticks.reverse?this.min:this.max),a=this.getPointPosition(s,u),t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(a.x,a.y),t.stroke())}t.restore()}}drawBorder(){}drawLabels(){const o=this.ctx,r=this.options,l=r.ticks;if(l.display){var t=this.getIndexAngle(0);let a,n;o.save(),o.translate(this.xCenter,this.yCenter),o.rotate(t),o.textAlign="center",o.textBaseline="middle",this.ticks.forEach((t,e)=>{if(0!==e||r.reverse){var i=l.setContext(this.getContext(e)),s=z(i.font);if(a=this.getDistanceFromCenterForValue(this.ticks[e].value),i.showLabelBackdrop){o.font=s.string,n=o.measureText(t.label).width,o.fillStyle=i.backdropColor;const r=I(i.backdropPadding);o.fillRect(-n/2-r.left,-a-s.size/2-r.top,n+r.width,s.size+r.height)}He(o,t.label,0,-a,s,{color:i.color,strokeColor:i.textStrokeColor,strokeWidth:i.textStrokeWidth})}}),o.restore()}}drawTitle(){}}const Ka={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},h=Object.keys(Ka);function Ga(t,e){return t-e}function Za(t,e){if(P(e))return null;const i=t._adapter,{parser:s,round:a,isoWeekday:n}=t._parseOpts;let o=e;return null===(o=p(o="function"==typeof s?s(o):o)?o:"string"==typeof s?i.parse(o,s):i.parse(o))?null:+(o=a?"week"!==a||!rt(n)&&!0!==n?i.startOf(o,a):i.startOf(o,"isoWeek",n):o)}function Ja(e,i,s,a){const n=h.length;for(let t=h.indexOf(e);t=e?i[s]:i[a]]=!0):t[e]=!0}function tn(i,t,s){const a=[],n={},e=t.length;let o,r;for(o=0;o=h.indexOf(s);t--){const s=h[t];if(Ka[s].common&&e._adapter.diff(n,a,s)>=i-1)return s}return h[s?h.indexOf(s):0]}(this,n.length,e.minUnit,this.min,this.max)),this._majorUnit=i.major.enabled&&"year"!==this._unit?function(i){for(let t=h.indexOf(i)+1,e=h.length;t+t.value))}initOffsets(t=[]){let e,i,s=0,a=0;this.options.offset&&t.length&&(e=this.getDecimalForValue(t[0]),s=1===t.length?1-e:(this.getDecimalForValue(t[1])-e)/2,i=this.getDecimalForValue(t[t.length-1]),a=1===t.length?i:(i-this.getDecimalForValue(t[t.length-2]))/2);t=t.length<3?.5:.25;s=C(s,0,t),a=C(a,0,t),this._offsets={start:s,end:a,factor:1/(s+1+a)}}_generate(){const t=this._adapter,e=this.min,i=this.max,s=this.options,a=s.time,n=a.unit||Ja(a.minUnit,e,i,this._getLabelCapacity(e)),o=T(s.ticks.stepSize,1),r="week"===n&&a.isoWeekday,l=rt(r)||!0===r,h={};let c,d,u=e;if(l&&(u=+t.startOf(u,"isoWeek",r)),u=+t.startOf(u,l?"day":n),t.diff(i,e,n)>1e5*o)throw new Error(e+" and "+i+" are too far apart with stepSize of "+o+" "+n);var g="data"===s.ticks.source&&this.getDataTimestamps();for(c=u,d=0;c+t)}getLabelForValue(t){const e=this._adapter,i=this.options.time;return i.tooltipFormat?e.format(t,i.tooltipFormat):e.format(t,i.displayFormats.datetime)}format(t,e){var i=this.options.time.displayFormats,s=this._unit,e=e||i[s];return this._adapter.format(t,e)}_tickFormatFunction(t,e,i,s){var a=this.options,n=a.ticks.callback;if(n)return d(n,[t,e,i],this);var n=a.time.displayFormats,a=this._unit,o=this._majorUnit,a=a&&n[a],n=o&&n[o],i=i[e],e=o&&n&&i&&i.major;return this._adapter.format(t,s||(e?n:a))}generateTickLabels(t){let e,i,s;for(e=0,i=t.length;e=t[r].pos&&e<=t[l].pos&&({lo:r,hi:l}=f(t,"pos",e)),{pos:s,time:n}=t[r],{pos:a,time:o}=t[l]):(e>=t[r].time&&e<=t[l].time&&({lo:r,hi:l}=f(t,"time",e)),{time:s,pos:n}=t[r],{time:a,pos:o}=t[l]);i=a-s;return i?n+(o-n)*(e-s)/i:n}var an=Object.freeze({__proto__:null,CategoryScale:class extends zs{static id="category";static defaults={ticks:{callback:Ia}};constructor(t){super(t),this._startValue=void 0,this._valueRange=0,this._addedLabels=[]}init(t){var e=this._addedLabels;if(e.length){const t=this.getLabels();for(var{index:i,label:s}of e)t[i]===s&&t.splice(i,1);this._addedLabels=[]}super.init(t)}parse(t,e){if(P(t))return null;var i,s,a,n,o,r,l=this.getLabels();return a=e=isFinite(e)&&l[e]===t?e:(i=l,s=T(e,t=t),a=this._addedLabels,-1===(r=i.indexOf(t))?(o=s,a=a,"string"==typeof(n=t)?(o=i.push(n)-1,a.unshift({index:o,label:n})):isNaN(n)&&(o=null),o):r!==i.lastIndexOf(t)?s:r),n=l.length-1,null===a?null:C(Math.round(a),0,n)}determineDataLimits(){var{minDefined:t,maxDefined:e}=this.getUserBounds();let{min:i,max:s}=this.getMinMax(!0);"ticks"===this.options.bounds&&(t||(i=0),e||(s=this.getLabels().length-1)),this.min=i,this.max=s}buildTicks(){const e=this.min,i=this.max,t=this.options.offset,s=[];let a=this.getLabels();a=0===e&&i===a.length-1?a:a.slice(e,i+1),this._valueRange=Math.max(a.length-(t?0:1),1),this._startValue=this.min-(t?.5:0);for(let t=e;t<=i;t++)s.push({value:t});return s}getLabelForValue(t){return Ia.call(this,t)}configure(){super.configure(),this.isHorizontal()||(this._reversePixels=!this._reversePixels)}getPixelForValue(t){return null===(t="number"!=typeof t?this.parse(t):t)?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getPixelForTick(t){var e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getValueForPixel(t){return Math.round(this._startValue+this.getDecimalForPixel(t)*this._valueRange)}getBasePixel(){return this.bottom}},LinearScale:Va,LogarithmicScale:ja,RadialLinearScale:qa,TimeScale:en,TimeSeriesScale:class extends en{static id="timeseries";static defaults=en.defaults;constructor(t){super(t),this._table=[],this._minPos=void 0,this._tableRange=void 0}initOffsets(){var t=this._getTimestampsForTable(),e=this._table=this.buildLookupTable(t);this._minPos=sn(e,this.min),this._tableRange=sn(e,this.max)-this._minPos,super.initOffsets(t)}buildLookupTable(t){const{min:e,max:i}=this,s=[],a=[];let n,o,r,l,h;for(n=0,o=t.length;n=e&&l<=i&&s.push(l);if(s.length<2)return[{time:e,pos:0},{time:i,pos:1}];for(n=0,o=s.length;nt-e)}_getTimestampsForTable(){let t=this._cache.all||[];if(t.length)return t;const e=this.getDataTimestamps(),i=this.getLabelTimestamps();return t=e.length&&i.length?this.normalize(e.concat(i)):e.length?e:i,t=this._cache.all=t}getDecimalForValue(t){return(sn(this._table,t)-this._minPos)/this._tableRange}getValueForPixel(t){var e=this._offsets,t=this.getDecimalForPixel(t)/e.factor-e.end;return sn(this._table,t*this._tableRange+this._minPos,!0)}}});const nn=["rgb(54, 162, 235)","rgb(255, 99, 132)","rgb(255, 159, 64)","rgb(255, 205, 86)","rgb(75, 192, 192)","rgb(153, 102, 255)","rgb(201, 203, 207)"],on=nn.map(t=>t.replace("rgb(","rgba(").replace(")",", 0.5)"));function rn(t){return nn[t%nn.length]}function ln(t){return on[t%on.length]}function hn(n){let o=0;return(t,e)=>{var i,s,a,e=n.getDatasetMeta(e).controller;e instanceof pa?o=(s=t,a=o,s.backgroundColor=s.data.map(()=>rn(a++)),a):e instanceof ma?o=(s=t,i=o,s.backgroundColor=s.data.map(()=>ln(i++)),i):e&&(o=(e=t,t=o,e.borderColor=rn(t),e.backgroundColor=ln(t),++t))}}function cn(t){let e;for(e in t)if(t[e].borderColor||t[e].backgroundColor)return 1}var dn={id:"colors",defaults:{enabled:!0,forceOverride:!1},beforeLayout(t,e,i){if(i.enabled){const{data:{datasets:s},options:a}=t.config,n=a["elements"];!i.forceOverride&&(cn(s)||a&&(a.borderColor||a.backgroundColor)||n&&cn(n))||(i=hn(t),s.forEach(i))}}};function un(t){var e;t._decimated&&(e=t._data,delete t._decimated,delete t._data,Object.defineProperty(t,"data",{configurable:!0,enumerable:!0,writable:!0,value:e}))}function gn(t){t.data.datasets.forEach(t=>{un(t)})}var fn={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:(r,t,M)=>{if(M.enabled){const l=r.width;r.data.datasets.forEach((e,t)=>{var{_data:i,indexAxis:s}=e,h=r.getDatasetMeta(t),a=i||e.data;if("y"!==ki([s,r.options.indexAxis])&&h.controller.supportsDecimation){t=r.scales[h.xAxisID];if(("linear"===t.type||"time"===t.type)&&!r.options.parsing){var{start:n,count:o}=function(t){var e=t.length;let i,s=0;const a=h["iScale"],{min:n,max:o,minDefined:r,maxDefined:l}=a.getUserBounds();return r&&(s=C(f(t,a.axis,n).lo,0,e-1)),i=l?C(f(t,a.axis,o).hi+1,s,e)-s:e-s,{start:s,count:i}}(a);if(o<=(M.threshold||4*l))un(e);else{let t;switch(P(i)&&(e._data=a,delete e.data,Object.defineProperty(e,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(t){this._data=t}})),M.algorithm){case"lttb":t=function(s,a,n,t){var e=M.samples||t;if(n<=e)return s.slice(a,a+n);const o=[],r=(n-2)/(e-2);let l=0;const h=a+n-1;let c,d,u,g,f,p=a;for(o[l++]=s[p],c=0;cu&&(u=g,d=s[t],f=t);o[l++]=d,p=f}return o[l++]=s[h],o}(a,n,o,l);break;case"min-max":t=function(t,e,i,s){let a,n,o,r,l,h,c,d,u,g,f=0,p=0;const m=[],b=e+i-1,x=t[e].x,v=t[b].x-x;for(a=e;ag&&(g=r,c=a),f=(p*f+n.x)/++p;else{const i=a-1;if(!P(h)&&!P(c)){const e=Math.min(h,c),P=Math.max(h,c);e!==d&&e!==i&&m.push({...t[e],x:f}),P!==d&&P!==i&&m.push({...t[P],x:f})}0{e=mn(t,e,a);t=a[t],e=a[e];null!==s?(n.push({x:t.x,y:s}),n.push({x:e.x,y:s})):null!==i&&(n.push({x:i,y:t.y}),n.push({x:i,y:e.y}))}),n}(t)).length?new Da({points:i,options:{tension:0},_loop:s,_fullLoop:s}):null}function vn(t){return t&&!1!==t.fill}function _n(e,i,s){const a=[];for(let t=0;t{let{boxHeight:i=e,boxWidth:s=e}=t;return t.usePointStyle&&(i=Math.min(i,e),s=t.pointStyleWidth||Math.min(s,e)),{boxWidth:s,boxHeight:i,itemHeight:Math.max(e,i)}};class On extends e{constructor(t){super(),this._added=!1,this.legendHitBoxes=[],this._hoveredItem=null,this.doughnutMode=!1,this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this.legendItems=void 0,this.columnSizes=void 0,this.lineWidths=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.height=void 0,this.width=void 0,this._margins=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e,i){this.maxWidth=t,this.maxHeight=e,this._margins=i,this.setDimensions(),this.buildLabels(),this.fit()}setDimensions(){this.isHorizontal()?(this.width=this.maxWidth,this.left=this._margins.left,this.right=this.width):(this.height=this.maxHeight,this.top=this._margins.top,this.bottom=this.height)}buildLabels(){const i=this.options.labels||{};let t=d(i.generateLabels,[this.chart],this)||[];i.filter&&(t=t.filter(t=>i.filter(t,this.chart.data))),i.sort&&(t=t.sort((t,e)=>i.sort(t,e,this.chart.data))),this.options.reverse&&t.reverse(),this.legendItems=t}fit(){const{options:i,ctx:s}=this;if(i.display){var a=i.labels,n=z(a.font),o=n.size,r=this._computeTitleHeight(),{boxWidth:a,itemHeight:l}=Cn(a,o);let t,e;s.font=n.string,this.isHorizontal()?(t=this.maxWidth,e=this._fitRows(r,o,a,l)+10):(e=this.maxHeight,t=this._fitCols(r,n,a,l)+10),this.width=Math.min(t,i.maxWidth||this.maxWidth),this.height=Math.min(e,i.maxHeight||this.maxHeight)}else this.width=this.height=0}_fitRows(t,i,s,a){const{ctx:n,maxWidth:o,options:{labels:{padding:r}}}=this,l=this.legendHitBoxes=[],h=this.lineWidths=[0],c=a+r;let d=t,u=(n.textAlign="left",n.textBaseline="middle",-1),g=-c;return this.legendItems.forEach((t,e)=>{t=s+i/2+n.measureText(t.text).width;(0===e||h[h.length-1]+t+2*r>o)&&(d+=c,h[h.length-(0{o=l,i=r,s=c,a=t,n=h;var i,s,a,n,{itemWidth:t,itemHeight:o}={itemWidth:function(t,e,i){let s=a.text;return s&&"string"!=typeof s&&(s=s.reduce((t,e)=>t.length>e.length?t:e)),t+e.size/2+i.measureText(s).width}(o,i,s),itemHeight:function(t){let e=n;return e="string"!=typeof a.text?An(a,t):e}(i.lineHeight)};0f&&(p+=m+d,g.push({width:m,height:b}),x+=m+d,v++,m=b=0),u[e]={left:x,top:b,col:v,width:t,height:o},m=Math.max(m,t),b+=o+d}),p+=m,g.push({width:m,height:b}),p}adjustHitBoxes(){if(this.options.display){const i=this._computeTitleHeight(),{legendHitBoxes:s,options:{align:a,labels:{padding:n},rtl:t}}=this,o=Di(t,this.left,this.width);if(this.isHorizontal()){let t=0,e=E(a,this.left+n,this.right-this.lineWidths[t]);for(const r of s)t!==r.row&&(t=r.row,e=E(a,this.left+n,this.right-this.lineWidths[t])),r.top+=this.top+i+n,r.left=o.leftForLtr(o.x(e),r.width),e+=r.width+n}else{let t=0,e=E(a,this.top+i+n,this.bottom-this.columnSizes[t].height);for(const l of s)l.col!==t&&(t=l.col,e=E(a,this.top+i+n,this.bottom-this.columnSizes[t].height)),l.top=e,l.left+=this.left+n,l.left=o.leftForLtr(o.x(l.left),l.width),e+=l.height+n}}}isHorizontal(){return"top"===this.options.position||"bottom"===this.options.position}draw(){var t;this.options.display&&(Ve(t=this.ctx,this),this._draw(),Be(t))}_draw(){const{options:h,columnSizes:c,lineWidths:d,ctx:u}=this,{align:g,labels:f}=h,p=R.color,m=Di(h.rtl,this.left,this.width),b=z(f.font),x=f["padding"],v=b.size,_=v/2;let y;this.drawTitle(),u.textAlign=m.textAlign("left"),u.textBaseline="middle",u.lineWidth=.5,u.font=b.string;const{boxWidth:M,boxHeight:w,itemHeight:k}=Cn(f,v),S=this.isHorizontal(),P=this._computeTitleHeight(),D=(y=S?{x:E(g,this.left+x,this.right-d[0]),y:this.top+x+P,line:0}:{x:this.left+x,y:E(g,this.top+P+x,this.bottom-c[0].height),line:0},Ci(this.ctx,h.textDirection),k+x);this.legendItems.forEach((t,e)=>{u.strokeStyle=t.fontColor,u.fillStyle=t.fontColor;var i=u.measureText(t.text).width,s=m.textAlign(t.textAlign||(t.textAlign=f.textAlign)),i=M+_+i;let a=y.x,n=y.y;m.setWidth(this.width),S?0this.right&&(n=y.y+=D,y.line++,a=y.x=E(g,this.left+x,this.right-d[y.line])):0this.bottom&&(a=y.x=a+c[y.line].width+x,y.line++,n=y.y=E(g,this.top+P+x,this.bottom-c[y.line].height));var e=m.x(a),o=n,r=t;if(!(isNaN(M)||M<=0||isNaN(w)||w<0)){u.save();var l=T(r.lineWidth,1);if(u.fillStyle=T(r.fillStyle,p),u.lineCap=T(r.lineCap,"butt"),u.lineDashOffset=T(r.lineDashOffset,0),u.lineJoin=T(r.lineJoin,"miter"),u.lineWidth=l,u.strokeStyle=T(r.strokeStyle,p),u.setLineDash(T(r.lineDash,[])),f.usePointStyle){const p={radius:w*Math.SQRT2/2,pointStyle:r.pointStyle,rotation:r.rotation,borderWidth:l},T=m.xPlus(e,M/2);Fe(u,p,T,o+_,f.pointStyleWidth&&M)}else{const f=o+Math.max((v-w)/2,0),p=m.leftForLtr(e,M),T=wi(r.borderRadius);u.beginPath(),Object.values(T).some(t=>0!==t)?je(u,{x:p,y:f,w:M,h:w,radius:T}):u.rect(p,f,M,w),u.fill(),0!==l&&u.stroke()}u.restore()}if(a=Ct(s,a+M+_,S?a+i:this.right,h.rtl),o=m.x(a),e=n,r=t,He(u,r.text,o,e+k/2,b,{strikethrough:r.hidden,textAlign:m.textAlign(r.textAlign)}),S)y.x+=i+x;else if("string"!=typeof t.text){const h=b.lineHeight;y.y+=An(t,h)+x}else y.y+=D}),Oi(this.ctx,h.textDirection)}drawTitle(){const s=this.options,a=s.title,n=z(a.font),o=I(a.padding);if(a.display){const l=Di(s.rtl,this.left,this.width),h=this.ctx,c=a.position,d=n.size/2,u=o.top+d;let t,e=this.left,i=this.width;if(this.isHorizontal())i=Math.max(...this.lineWidths),t=this.top+u,e=E(s.align,e,this.right-i);else{const a=this.columnSizes.reduce((t,e)=>Math.max(t,e.height),0);t=u+E(s.align,this.top,this.bottom-a-s.labels.padding-this._computeTitleHeight())}var r=E(c,e,e+i);h.textAlign=l.textAlign(Dt(c)),h.textBaseline="middle",h.strokeStyle=a.color,h.fillStyle=a.color,h.font=n.string,He(h,a.text,r,t,n)}}_computeTitleHeight(){var t=this.options.title,e=z(t.font),i=I(t.padding);return t.display?e.lineHeight+i.height:0}_getLegendItemAt(t,e){let i,s,a;if(c(t,this.left,this.right)&&c(e,this.top,this.bottom))for(a=this.legendHitBoxes,i=0;it.chart.options.color,boxWidth:40,padding:10,generateLabels(t){const s=t.data.datasets,{usePointStyle:a,pointStyle:n,textAlign:o,color:r,useBorderRadius:l,borderRadius:h}=t.legend.options["labels"];return t._getSortedDatasetMetas().map(t=>{var e=t.controller.getStyle(a?0:void 0),i=I(e.borderWidth);return{text:s[t.index].label,fillStyle:e.backgroundColor,fontColor:r,hidden:!t.visible,lineCap:e.borderCapStyle,lineDash:e.borderDash,lineDashOffset:e.borderDashOffset,lineJoin:e.borderJoinStyle,lineWidth:(i.width+i.height)/4,strokeStyle:e.borderColor,pointStyle:n||e.pointStyle,rotation:e.rotation,textAlign:o||e.textAlign,borderRadius:l&&(h||e.borderRadius),datasetIndex:t.index}},this)}},title:{color:t=>t.chart.options.color,display:!1,position:"center",text:""}},descriptors:{_scriptable:t=>!t.startsWith("on"),labels:{_scriptable:t=>!["generateLabels","filter","sort"].includes(t)}}};class Ln extends e{constructor(t){super(),this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this._padding=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e){var i=this.options;this.left=0,this.top=0,i.display?(this.width=this.right=t,this.height=this.bottom=e,t=O(i.text)?i.text.length:1,this._padding=I(i.padding),e=t*z(i.font).lineHeight+this._padding.height,this.isHorizontal()?this.height=e:this.width=e):this.width=this.height=this.right=this.bottom=0}isHorizontal(){var t=this.options.position;return"top"===t||"bottom"===t}_drawArgs(t){var{top:e,left:i,bottom:s,right:a,options:n}=this,o=n.align;let r,l,h,c=0;return r=this.isHorizontal()?(l=E(o,i,a),h=e+t,a-i):(c="left"===n.position?(l=i+t,h=E(o,s,e),-.5*S):(l=a-t,h=E(o,e,s),.5*S),s-e),{titleX:l,titleY:h,maxWidth:r,rotation:c}}draw(){var t,e,i,s,a,n=this.ctx,o=this.options;o.display&&(e=(t=z(o.font)).lineHeight/2+this._padding.top,{titleX:e,titleY:i,maxWidth:s,rotation:a}=this._drawArgs(e),He(n,o.text,0,0,t,{color:o.color,maxWidth:s,rotation:a,textAlign:Dt(o.align),textBaseline:"middle",translation:[e,i]}))}}var En={id:"title",_element:Ln,start(t,e,i){var s;t=t,i=i,s=new Ln({ctx:t.ctx,options:i,chart:t}),a.configure(t,s,i),a.addBox(t,s),t.titleBlock=s},stop(t){var e=t.titleBlock;a.removeBox(t,e),delete t.titleBlock},beforeUpdate(t,e,i){const s=t.titleBlock;a.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"bold"},fullSize:!0,padding:10,position:"top",text:"",weight:2e3},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const Rn=new WeakMap;var In={id:"subtitle",start(t,e,i){var s=new Ln({ctx:t.ctx,options:i,chart:t});a.configure(t,s,i),a.addBox(t,s),Rn.set(t,s)},stop(t){a.removeBox(t,Rn.get(t)),Rn.delete(t)},beforeUpdate(t,e,i){const s=Rn.get(t);a.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"normal"},fullSize:!0,padding:0,position:"top",text:"",weight:1500},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const zn={average(t){if(!t.length)return!1;let e,i,s=0,a=0,n=0;for(e=0,i=t.length;et+e.before.length+e.lines.length+e.after.length,0),x=(b+=t.beforeBody.length+t.afterBody.length,d&&(p+=d*h.lineHeight+(d-1)*e.titleSpacing+e.titleMarginBottom),b&&(p+=g*(e.displayColors?Math.max(r,l.lineHeight):l.lineHeight)+(b-g)*l.lineHeight+(b-1)*e.bodySpacing),u&&(p+=e.footerMarginTop+u*c.lineHeight+(u-1)*e.footerSpacing),0);function v(t){m=Math.max(m,i.measureText(t).width+x)}return i.save(),i.font=h.string,k(t.title,v),i.font=l.string,k(t.beforeBody.concat(t.afterBody),v),x=e.displayColors?o+2+e.boxPadding:0,k(s,t=>{k(t.before,v),k(t.lines,v),k(t.after,v)}),x=0,i.font=c.string,k(t.footer,v),i.restore(),{width:m+=f.width,height:p}}function Bn(i,t,s){var e=s.yAlign||t.yAlign||function(){var{y:t,height:e}=s;return ti.height-e/2?"bottom":"center"}();return{xAlign:s.xAlign||t.xAlign||function(a,n,o,t){var{x:e,width:i}=o,{width:s,chartArea:{left:r,right:l}}=a;let h="center";return"center"===t?h=e<=(r+l)/2?"left":"right":e<=i/2?h="left":s-i/2<=e&&(h="right"),h=function(t){var{x:e,width:i}=o,s=n.caretSize+n.caretPadding;return"left"===t&&e+i+s>a.width||"right"===t&&e-i-s<0}(h)?"center":h}(i,t,s,e),yAlign:e}}function Wn(t,i,e,s){var{caretSize:t,caretPadding:a,cornerRadius:n}=t,{xAlign:o,yAlign:r}=e,l=t+a,{topLeft:e,topRight:a,bottomLeft:n,bottomRight:h}=wi(n);let c=function(){let{x:t,width:e}=i;return"right"===o?t-=e:"center"===o&&(t-=e/2),t}();var d=function(){let{y:t,height:e}=i;return"top"===r?t+=l:t-="bottom"===r?e+l:e/2,t}();return"center"===r?"left"===o?c+=l:"right"===o&&(c-=l):"left"===o?c-=Math.max(e,n)+t:"right"===o&&(c+=Math.max(a,h)+t),{x:C(c,0,s.width-i.width),y:C(d,0,s.height-i.height)}}function Nn(t,e,i){i=I(i.padding);return"center"===e?t.x+t.width/2:"right"===e?t.x+t.width-i.right:t.x+i.left}function Hn(t){return x([],Fn(t))}function jn(t,e){e=e&&e.dataset&&e.dataset.tooltip&&e.dataset.tooltip.callbacks;return e?t.override(e):t}const Yn={beforeTitle:t,title(t){if(0{var e={before:[],lines:[],after:[]},i=jn(s,t);x(e.before,Fn(w(i,"beforeLabel",this,t))),x(e.lines,w(i,"label",this,t)),x(e.after,Fn(w(i,"afterLabel",this,t))),a.push(e)}),a}getAfterBody(t,e){return Hn(w(e.callbacks,"afterBody",this,t))}getFooter(t,e){var e=e["callbacks"],i=w(e,"beforeFooter",this,t),s=w(e,"footer",this,t),e=w(e,"afterFooter",this,t),t=x([],Fn(i));return t=x(t,Fn(s)),x(t,Fn(e))}_createItems(s){const t=this._active,a=this.chart.data,i=[],n=[],o=[];let e,r,l=[];for(e=0,r=t.length;es.filter(t,e,i,a))),k(l=s.itemSort?l.sort((t,e)=>s.itemSort(t,e,a)):l,t=>{var e=jn(s.callbacks,t);i.push(w(e,"labelColor",this,t)),n.push(w(e,"labelPointStyle",this,t)),o.push(w(e,"labelTextColor",this,t))}),this.labelColors=i,this.labelPointStyles=n,this.labelTextColors=o,this.dataPoints=l}update(t,e){const i=this.options.setContext(this.getContext()),s=this._active;let a,n=[];if(s.length){const t=zn[i.position].call(this,s,this._eventPosition),e=(n=this._createItems(i),this.title=this.getTitle(n,i),this.beforeBody=this.getBeforeBody(n,i),this.body=this.getBody(n,i),this.afterBody=this.getAfterBody(n,i),this.footer=this.getFooter(n,i),this._size=Vn(this,i)),o=Object.assign({},t,e),r=Bn(this.chart,i,o),l=Wn(i,o,r,this.chart);this.xAlign=r.xAlign,this.yAlign=r.yAlign,a={opacity:1,x:l.x,y:l.y,width:e.width,height:e.height,caretX:t.x,caretY:t.y}}else 0!==this.opacity&&(a={opacity:0});this._tooltipItems=n,this.$context=void 0,a&&this._resolveAnimations().update(this,a),t&&i.external&&i.external.call(this,{chart:this.chart,tooltip:this,replay:e})}drawCaret(t,e,i,s){t=this.getCaretPosition(t,i,s);e.lineTo(t.x1,t.y1),e.lineTo(t.x2,t.y2),e.lineTo(t.x3,t.y3)}getCaretPosition(t,e,i){var{xAlign:s,yAlign:a}=this,{caretSize:i,cornerRadius:n}=i,{topLeft:n,topRight:o,bottomLeft:r,bottomRight:l}=wi(n),{x:t,y:h}=t,{width:e,height:c}=e;let d,u,g,f,p,m;return"center"===a?(p=h+c/2,m="left"===s?(d=t,u=d-i,f=p+i,p-i):(d=t+e,u=d+i,f=p-i,p+i),g=d):(u="left"===s?t+Math.max(n,r)+i:"right"===s?t+e-Math.max(o,l)-i:this.caretX,g="top"===a?(f=h,p=f-i,d=u-i,u+i):(f=h+c,p=f+i,d=u+i,u-i),m=f),{x1:d,x2:u,x3:g,y1:f,y2:p,y3:m}}drawTitle(t,e,i){var s=this.title,a=s.length;let n,o,r;if(a){const l=Di(i.rtl,this.x,this.width);for(t.x=Nn(this,i.titleAlign,i),e.textAlign=l.textAlign(i.titleAlign),e.textBaseline="middle",n=z(i.titleFont),o=i.titleSpacing,e.fillStyle=i.titleColor,e.font=n.string,r=0;r0!==t)?(t.beginPath(),t.fillStyle=a.multiKeyBackground,je(t,{x:e,y:g,w:l,h:r,radius:o}),t.fill(),t.stroke(),t.fillStyle=n.backgroundColor,t.beginPath(),je(t,{x:i,y:g+1,w:l-2,h:r-2,radius:o}),t.fill()):(t.fillStyle=a.multiKeyBackground,t.fillRect(e,g,l,r),t.strokeRect(e,g,l,r),t.fillStyle=n.backgroundColor,t.fillRect(i,g+1,l-2,r-2))}t.fillStyle=this.labelTextColors[i]}drawBody(e,i,t){const s=this["body"],{bodySpacing:a,bodyAlign:n,displayColors:o,boxHeight:r,boxWidth:l,boxPadding:h}=t,c=z(t.bodyFont);let d=c.lineHeight,u=0;function g(t){i.fillText(t,f.x(e.x+u),e.y+d/2),e.y+=d+a}const f=Di(t.rtl,this.x,this.width),p=f.textAlign(n);let m,b,x,v,_,y,M;for(i.textAlign=n,i.textBaseline="middle",i.font=c.string,e.x=Nn(this,p,t),i.fillStyle=t.bodyColor,k(this.beforeBody,g),u=o&&"right"!==p?"center"===n?l/2+h:l+2+h:0,v=0,y=s.length;v{var i=this.chart.getDatasetMeta(t);if(i)return{datasetIndex:t,element:i.data[e],index:e};throw new Error("Cannot find a dataset at index "+t)}),i=!W(i,t),s=this._positionChanged(t,e);(i||s)&&(this._active=t,this._eventPosition=e,this._ignoreReplayEvents=!0,this.update(!0))}handleEvent(t,e,i=!0){if(e&&this._ignoreReplayEvents)return!1;this._ignoreReplayEvents=!1;var s=this.options,a=this._active||[],i=this._getActiveElements(t,a,e,i),n=this._positionChanged(i,t),a=e||!W(i,a)||n;return a&&(this._active=i,(s.enabled||s.external)&&(this._eventPosition={x:t.x,y:t.y},this.update(!0,e))),a}_getActiveElements(t,e,i,s){var a=this.options;if("mouseout"===t.type)return[];if(!s)return e.filter(t=>this.chart.data.datasets[t.datasetIndex]&&void 0!==this.chart.getDatasetMeta(t.datasetIndex).controller.getParsed(t.index));const n=this.chart.getElementsAtEventForMode(t,a.mode,a,i);return a.reverse&&n.reverse(),n}_positionChanged(t,e){var{caretX:i,caretY:s,options:a}=this,a=zn[a.position].call(this,t,e);return!1!==a&&(i!==a.x||s!==a.y)}}var Un={id:"tooltip",_element:$n,positioners:zn,afterInit(t,e,i){i&&(t.tooltip=new $n({chart:t,options:i}))},beforeUpdate(t,e,i){t.tooltip&&t.tooltip.initialize(i)},reset(t,e,i){t.tooltip&&t.tooltip.initialize(i)},afterDraw(t){const e=t.tooltip;var i;e&&e._willRender()&&(!(i={tooltip:e})!==t.notifyPlugins("beforeTooltipDraw",{...i,cancelable:!0})&&(e.draw(t.ctx),t.notifyPlugins("afterTooltipDraw",i)))},afterEvent(t,e){var i;t.tooltip&&(i=e.replay,t.tooltip.handleEvent(e.event,i,e.inChartArea)&&(e.changed=!0))},defaults:{enabled:!0,external:null,position:"average",backgroundColor:"rgba(0,0,0,0.8)",titleColor:"#fff",titleFont:{weight:"bold"},titleSpacing:2,titleMarginBottom:6,titleAlign:"left",bodyColor:"#fff",bodySpacing:2,bodyFont:{},bodyAlign:"left",footerColor:"#fff",footerSpacing:2,footerMarginTop:6,footerFont:{weight:"bold"},footerAlign:"left",padding:6,caretPadding:2,caretSize:5,cornerRadius:6,boxHeight:(t,e)=>e.bodyFont.size,boxWidth:(t,e)=>e.bodyFont.size,multiKeyBackground:"#fff",displayColors:!0,boxPadding:0,borderColor:"rgba(0,0,0,0)",borderWidth:0,animation:{duration:400,easing:"easeOutQuart"},animations:{numbers:{type:"number",properties:["x","y","width","height","caretX","caretY"]},opacity:{easing:"linear",duration:200}},callbacks:Yn},defaultRoutes:{bodyFont:"font",footerFont:"font",titleFont:"font"},descriptors:{_scriptable:t=>"filter"!==t&&"itemSort"!==t&&"external"!==t,_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]};return i.register(ba,an,Ra,s),i.helpers={...Fi},i._adapters=ha,i.Animation=bs,i.Animations=xs,i.animator=l,i.controllers=b.controllers.items,i.DatasetController=Os,i.Element=e,i.elements=Ra,i.Interaction=Hi,i.layouts=a,i.platforms=Oe,i.Scale=zs,i.Ticks=ge,Object.assign(i,ba,an,Ra,s,Oe),i.Chart=i,"undefined"!=typeof window&&(window.Chart=i),i});
\ No newline at end of file
diff --git a/primary/public/lib/chart.umd.js.map b/primary/public/lib/chart.umd.js.map
new file mode 100644
index 00000000..3c391bf5
--- /dev/null
+++ b/primary/public/lib/chart.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"chart.umd.js","sources":["../src/helpers/helpers.core.ts","../src/helpers/helpers.math.ts","../src/helpers/helpers.collection.ts","../src/helpers/helpers.extras.ts","../src/core/core.animator.js","../node_modules/.pnpm/@kurkle+color@0.3.2/node_modules/@kurkle/color/dist/color.esm.js","../src/helpers/helpers.color.ts","../src/core/core.animations.defaults.js","../src/helpers/helpers.intl.ts","../src/core/core.ticks.js","../src/core/core.defaults.js","../src/core/core.layouts.defaults.js","../src/core/core.scale.defaults.js","../src/helpers/helpers.dom.ts","../src/helpers/helpers.canvas.ts","../src/helpers/helpers.config.ts","../src/helpers/helpers.curve.ts","../src/helpers/helpers.easing.ts","../src/helpers/helpers.interpolation.ts","../src/helpers/helpers.options.ts","../src/helpers/helpers.rtl.ts","../src/helpers/helpers.segment.js","../src/core/core.interaction.js","../src/core/core.layouts.js","../src/platform/platform.base.js","../src/platform/platform.basic.js","../src/platform/platform.dom.js","../src/platform/index.js","../src/core/core.animation.js","../src/core/core.animations.js","../src/core/core.datasetController.js","../src/core/core.element.ts","../src/core/core.scale.autoskip.js","../src/core/core.scale.js","../src/core/core.typedRegistry.js","../src/core/core.registry.js","../src/core/core.plugins.js","../src/core/core.config.js","../src/core/core.controller.js","../src/core/core.adapters.ts","../src/controllers/controller.bar.js","../src/controllers/controller.doughnut.js","../src/controllers/controller.polarArea.js","../src/controllers/controller.bubble.js","../src/controllers/controller.line.js","../src/controllers/controller.pie.js","../src/controllers/controller.radar.js","../src/controllers/controller.scatter.js","../src/elements/element.arc.ts","../src/elements/element.line.js","../src/elements/element.point.ts","../src/elements/element.bar.js","../src/scales/scale.category.js","../src/scales/scale.linearbase.js","../src/scales/scale.linear.js","../src/scales/scale.logarithmic.js","../src/scales/scale.radialLinear.js","../src/scales/scale.time.js","../src/scales/scale.timeseries.js","../src/plugins/plugin.colors.ts","../src/plugins/plugin.decimation.js","../src/plugins/plugin.filler/filler.segment.js","../src/plugins/plugin.filler/filler.helper.js","../src/plugins/plugin.filler/filler.options.js","../src/plugins/plugin.filler/filler.target.stack.js","../src/plugins/plugin.filler/simpleArc.js","../src/plugins/plugin.filler/filler.target.js","../src/plugins/plugin.filler/filler.drawing.js","../src/plugins/plugin.filler/index.js","../src/plugins/plugin.legend.js","../src/plugins/plugin.title.js","../src/plugins/plugin.subtitle.js","../src/plugins/plugin.tooltip.js","../src/index.umd.ts"],"sourcesContent":["/**\n * @namespace Chart.helpers\n */\n\nimport type {AnyObject} from '../types/basic.js';\nimport type {ActiveDataPoint, ChartEvent} from '../types/index.js';\n\n/**\n * An empty function that can be used, for example, for optional callback.\n */\nexport function noop() {\n /* noop */\n}\n\n/**\n * Returns a unique id, sequentially generated from a global variable.\n */\nexport const uid = (() => {\n let id = 0;\n return () => id++;\n})();\n\n/**\n * Returns true if `value` is neither null nor undefined, else returns false.\n * @param value - The value to test.\n * @since 2.7.0\n */\nexport function isNullOrUndef(value: unknown): value is null | undefined {\n return value === null || typeof value === 'undefined';\n}\n\n/**\n * Returns true if `value` is an array (including typed arrays), else returns false.\n * @param value - The value to test.\n * @function\n */\nexport function isArray(value: unknown): value is T[] {\n if (Array.isArray && Array.isArray(value)) {\n return true;\n }\n const type = Object.prototype.toString.call(value);\n if (type.slice(0, 7) === '[object' && type.slice(-6) === 'Array]') {\n return true;\n }\n return false;\n}\n\n/**\n * Returns true if `value` is an object (excluding null), else returns false.\n * @param value - The value to test.\n * @since 2.7.0\n */\nexport function isObject(value: unknown): value is AnyObject {\n return value !== null && Object.prototype.toString.call(value) === '[object Object]';\n}\n\n/**\n * Returns true if `value` is a finite number, else returns false\n * @param value - The value to test.\n */\nfunction isNumberFinite(value: unknown): value is number {\n return (typeof value === 'number' || value instanceof Number) && isFinite(+value);\n}\nexport {\n isNumberFinite as isFinite,\n};\n\n/**\n * Returns `value` if finite, else returns `defaultValue`.\n * @param value - The value to return if defined.\n * @param defaultValue - The value to return if `value` is not finite.\n */\nexport function finiteOrDefault(value: unknown, defaultValue: number) {\n return isNumberFinite(value) ? value : defaultValue;\n}\n\n/**\n * Returns `value` if defined, else returns `defaultValue`.\n * @param value - The value to return if defined.\n * @param defaultValue - The value to return if `value` is undefined.\n */\nexport function valueOrDefault(value: T | undefined, defaultValue: T) {\n return typeof value === 'undefined' ? defaultValue : value;\n}\n\nexport const toPercentage = (value: number | string, dimension: number) =>\n typeof value === 'string' && value.endsWith('%') ?\n parseFloat(value) / 100\n : +value / dimension;\n\nexport const toDimension = (value: number | string, dimension: number) =>\n typeof value === 'string' && value.endsWith('%') ?\n parseFloat(value) / 100 * dimension\n : +value;\n\n/**\n * Calls `fn` with the given `args` in the scope defined by `thisArg` and returns the\n * value returned by `fn`. If `fn` is not a function, this method returns undefined.\n * @param fn - The function to call.\n * @param args - The arguments with which `fn` should be called.\n * @param [thisArg] - The value of `this` provided for the call to `fn`.\n */\nexport function callback R, TA, R>(\n fn: T | undefined,\n args: unknown[],\n thisArg?: TA\n): R | undefined {\n if (fn && typeof fn.call === 'function') {\n return fn.apply(thisArg, args);\n }\n}\n\n/**\n * Note(SB) for performance sake, this method should only be used when loopable type\n * is unknown or in none intensive code (not called often and small loopable). Else\n * it's preferable to use a regular for() loop and save extra function calls.\n * @param loopable - The object or array to be iterated.\n * @param fn - The function to call for each item.\n * @param [thisArg] - The value of `this` provided for the call to `fn`.\n * @param [reverse] - If true, iterates backward on the loopable.\n */\nexport function each(\n loopable: Record,\n fn: (this: TA, v: T, i: string) => void,\n thisArg?: TA,\n reverse?: boolean\n): void;\nexport function each(\n loopable: T[],\n fn: (this: TA, v: T, i: number) => void,\n thisArg?: TA,\n reverse?: boolean\n): void;\nexport function each(\n loopable: T[] | Record,\n fn: (this: TA, v: T, i: any) => void,\n thisArg?: TA,\n reverse?: boolean\n) {\n let i: number, len: number, keys: string[];\n if (isArray(loopable)) {\n len = loopable.length;\n if (reverse) {\n for (i = len - 1; i >= 0; i--) {\n fn.call(thisArg, loopable[i], i);\n }\n } else {\n for (i = 0; i < len; i++) {\n fn.call(thisArg, loopable[i], i);\n }\n }\n } else if (isObject(loopable)) {\n keys = Object.keys(loopable);\n len = keys.length;\n for (i = 0; i < len; i++) {\n fn.call(thisArg, loopable[keys[i]], keys[i]);\n }\n }\n}\n\n/**\n * Returns true if the `a0` and `a1` arrays have the same content, else returns false.\n * @param a0 - The array to compare\n * @param a1 - The array to compare\n * @private\n */\nexport function _elementsEqual(a0: ActiveDataPoint[], a1: ActiveDataPoint[]) {\n let i: number, ilen: number, v0: ActiveDataPoint, v1: ActiveDataPoint;\n\n if (!a0 || !a1 || a0.length !== a1.length) {\n return false;\n }\n\n for (i = 0, ilen = a0.length; i < ilen; ++i) {\n v0 = a0[i];\n v1 = a1[i];\n\n if (v0.datasetIndex !== v1.datasetIndex || v0.index !== v1.index) {\n return false;\n }\n }\n\n return true;\n}\n\n/**\n * Returns a deep copy of `source` without keeping references on objects and arrays.\n * @param source - The value to clone.\n */\nexport function clone(source: T): T {\n if (isArray(source)) {\n return source.map(clone) as unknown as T;\n }\n\n if (isObject(source)) {\n const target = Object.create(null);\n const keys = Object.keys(source);\n const klen = keys.length;\n let k = 0;\n\n for (; k < klen; ++k) {\n target[keys[k]] = clone(source[keys[k]]);\n }\n\n return target;\n }\n\n return source;\n}\n\nfunction isValidKey(key: string) {\n return ['__proto__', 'prototype', 'constructor'].indexOf(key) === -1;\n}\n\n/**\n * The default merger when Chart.helpers.merge is called without merger option.\n * Note(SB): also used by mergeConfig and mergeScaleConfig as fallback.\n * @private\n */\nexport function _merger(key: string, target: AnyObject, source: AnyObject, options: AnyObject) {\n if (!isValidKey(key)) {\n return;\n }\n\n const tval = target[key];\n const sval = source[key];\n\n if (isObject(tval) && isObject(sval)) {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n merge(tval, sval, options);\n } else {\n target[key] = clone(sval);\n }\n}\n\nexport interface MergeOptions {\n merger?: (key: string, target: AnyObject, source: AnyObject, options?: AnyObject) => void;\n}\n\n/**\n * Recursively deep copies `source` properties into `target` with the given `options`.\n * IMPORTANT: `target` is not cloned and will be updated with `source` properties.\n * @param target - The target object in which all sources are merged into.\n * @param source - Object(s) to merge into `target`.\n * @param [options] - Merging options:\n * @param [options.merger] - The merge method (key, target, source, options)\n * @returns The `target` object.\n */\nexport function merge(target: T, source: [], options?: MergeOptions): T;\nexport function merge(target: T, source: S1, options?: MergeOptions): T & S1;\nexport function merge(target: T, source: [S1], options?: MergeOptions): T & S1;\nexport function merge(target: T, source: [S1, S2], options?: MergeOptions): T & S1 & S2;\nexport function merge(target: T, source: [S1, S2, S3], options?: MergeOptions): T & S1 & S2 & S3;\nexport function merge(\n target: T,\n source: [S1, S2, S3, S4],\n options?: MergeOptions\n): T & S1 & S2 & S3 & S4;\nexport function merge(target: T, source: AnyObject[], options?: MergeOptions): AnyObject;\nexport function merge(target: T, source: AnyObject[], options?: MergeOptions): AnyObject {\n const sources = isArray(source) ? source : [source];\n const ilen = sources.length;\n\n if (!isObject(target)) {\n return target as AnyObject;\n }\n\n options = options || {};\n const merger = options.merger || _merger;\n let current: AnyObject;\n\n for (let i = 0; i < ilen; ++i) {\n current = sources[i];\n if (!isObject(current)) {\n continue;\n }\n\n const keys = Object.keys(current);\n for (let k = 0, klen = keys.length; k < klen; ++k) {\n merger(keys[k], target, current, options as AnyObject);\n }\n }\n\n return target;\n}\n\n/**\n * Recursively deep copies `source` properties into `target` *only* if not defined in target.\n * IMPORTANT: `target` is not cloned and will be updated with `source` properties.\n * @param target - The target object in which all sources are merged into.\n * @param source - Object(s) to merge into `target`.\n * @returns The `target` object.\n */\nexport function mergeIf(target: T, source: []): T;\nexport function mergeIf(target: T, source: S1): T & S1;\nexport function mergeIf(target: T, source: [S1]): T & S1;\nexport function mergeIf(target: T, source: [S1, S2]): T & S1 & S2;\nexport function mergeIf(target: T, source: [S1, S2, S3]): T & S1 & S2 & S3;\nexport function mergeIf(target: T, source: [S1, S2, S3, S4]): T & S1 & S2 & S3 & S4;\nexport function mergeIf(target: T, source: AnyObject[]): AnyObject;\nexport function mergeIf(target: T, source: AnyObject[]): AnyObject {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n return merge(target, source, {merger: _mergerIf});\n}\n\n/**\n * Merges source[key] in target[key] only if target[key] is undefined.\n * @private\n */\nexport function _mergerIf(key: string, target: AnyObject, source: AnyObject) {\n if (!isValidKey(key)) {\n return;\n }\n\n const tval = target[key];\n const sval = source[key];\n\n if (isObject(tval) && isObject(sval)) {\n mergeIf(tval, sval);\n } else if (!Object.prototype.hasOwnProperty.call(target, key)) {\n target[key] = clone(sval);\n }\n}\n\n/**\n * @private\n */\nexport function _deprecated(scope: string, value: unknown, previous: string, current: string) {\n if (value !== undefined) {\n console.warn(scope + ': \"' + previous +\n '\" is deprecated. Please use \"' + current + '\" instead');\n }\n}\n\n// resolveObjectKey resolver cache\nconst keyResolvers = {\n // Chart.helpers.core resolveObjectKey should resolve empty key to root object\n '': v => v,\n // default resolvers\n x: o => o.x,\n y: o => o.y\n};\n\n/**\n * @private\n */\nexport function _splitKey(key: string) {\n const parts = key.split('.');\n const keys: string[] = [];\n let tmp = '';\n for (const part of parts) {\n tmp += part;\n if (tmp.endsWith('\\\\')) {\n tmp = tmp.slice(0, -1) + '.';\n } else {\n keys.push(tmp);\n tmp = '';\n }\n }\n return keys;\n}\n\nfunction _getKeyResolver(key: string) {\n const keys = _splitKey(key);\n return obj => {\n for (const k of keys) {\n if (k === '') {\n // For backward compatibility:\n // Chart.helpers.core resolveObjectKey should break at empty key\n break;\n }\n obj = obj && obj[k];\n }\n return obj;\n };\n}\n\nexport function resolveObjectKey(obj: AnyObject, key: string): any {\n const resolver = keyResolvers[key] || (keyResolvers[key] = _getKeyResolver(key));\n return resolver(obj);\n}\n\n/**\n * @private\n */\nexport function _capitalize(str: string) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n\nexport const defined = (value: unknown) => typeof value !== 'undefined';\n\nexport const isFunction = (value: unknown): value is (...args: any[]) => any => typeof value === 'function';\n\n// Adapted from https://stackoverflow.com/questions/31128855/comparing-ecma6-sets-for-equality#31129384\nexport const setsEqual = (a: Set, b: Set) => {\n if (a.size !== b.size) {\n return false;\n }\n\n for (const item of a) {\n if (!b.has(item)) {\n return false;\n }\n }\n\n return true;\n};\n\n/**\n * @param e - The event\n * @private\n */\nexport function _isClickEvent(e: ChartEvent) {\n return e.type === 'mouseup' || e.type === 'click' || e.type === 'contextmenu';\n}\n","import type {Point} from '../types/geometric.js';\nimport {isFinite as isFiniteNumber} from './helpers.core.js';\n\n/**\n * @alias Chart.helpers.math\n * @namespace\n */\n\nexport const PI = Math.PI;\nexport const TAU = 2 * PI;\nexport const PITAU = TAU + PI;\nexport const INFINITY = Number.POSITIVE_INFINITY;\nexport const RAD_PER_DEG = PI / 180;\nexport const HALF_PI = PI / 2;\nexport const QUARTER_PI = PI / 4;\nexport const TWO_THIRDS_PI = PI * 2 / 3;\n\nexport const log10 = Math.log10;\nexport const sign = Math.sign;\n\nexport function almostEquals(x: number, y: number, epsilon: number) {\n return Math.abs(x - y) < epsilon;\n}\n\n/**\n * Implementation of the nice number algorithm used in determining where axis labels will go\n */\nexport function niceNum(range: number) {\n const roundedRange = Math.round(range);\n range = almostEquals(range, roundedRange, range / 1000) ? roundedRange : range;\n const niceRange = Math.pow(10, Math.floor(log10(range)));\n const fraction = range / niceRange;\n const niceFraction = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;\n return niceFraction * niceRange;\n}\n\n/**\n * Returns an array of factors sorted from 1 to sqrt(value)\n * @private\n */\nexport function _factorize(value: number) {\n const result: number[] = [];\n const sqrt = Math.sqrt(value);\n let i: number;\n\n for (i = 1; i < sqrt; i++) {\n if (value % i === 0) {\n result.push(i);\n result.push(value / i);\n }\n }\n if (sqrt === (sqrt | 0)) { // if value is a square number\n result.push(sqrt);\n }\n\n result.sort((a, b) => a - b).pop();\n return result;\n}\n\nexport function isNumber(n: unknown): n is number {\n return !isNaN(parseFloat(n as string)) && isFinite(n as number);\n}\n\nexport function almostWhole(x: number, epsilon: number) {\n const rounded = Math.round(x);\n return ((rounded - epsilon) <= x) && ((rounded + epsilon) >= x);\n}\n\n/**\n * @private\n */\nexport function _setMinAndMaxByKey(\n array: Record