Robot
/
apexcharter
mirror of https://github.com/dreamRs/apexcharter.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Deploying to gh-pages from @ dreamRs/apexcharter@1e3ad8fcc8 🚀

This commit is contained in:
pvictor 2022-12-01 13:31:31 +00:00
parent 1e0f08c388
commit d0c126e48c
159 changed files with 4991 additions and 3912 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
404.html
View File

@ -7,8 +7,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Page not found (404) • apexcharter</title>
<script src="https://dreamrs.github.io/apexcharter/deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://dreamrs.github.io/apexcharter/deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="https://dreamrs.github.io/apexcharter/deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="https://dreamrs.github.io/apexcharter/deps/_Poppins-0.4.1/font.css" rel="stylesheet">
<link href="https://dreamrs.github.io/apexcharter/deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet">
<script src="https://dreamrs.github.io/apexcharter/deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="https://dreamrs.github.io/apexcharter/deps/Poppins-0.4.4/font.css" rel="stylesheet">
<!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="https://dreamrs.github.io/apexcharter/pkgdown.js"></script><meta property="og:title" content="Page not found (404)">
@ -25,7 +25,7 @@
<a class="navbar-brand me-2" href="https://dreamrs.github.io/apexcharter/index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -91,7 +91,7 @@ Content not found. Please use links in the navbar.
<div class="pkgdown-footer-right">
<p></p>
<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer>

6
LICENSE-text.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>License • apexcharter</title><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><meta property="og:title" content="License"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>License • apexcharter</title><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><meta property="og:title" content="License"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--></head><body>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -70,7 +70,7 @@ COPYRIGHT HOLDER: Victor Perrier
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

6
LICENSE.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>MIT License • apexcharter</title><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><meta property="og:title" content="MIT License"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>MIT License • apexcharter</title><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><meta property="og:title" content="MIT License"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--></head><body>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -74,7 +74,7 @@
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

265
articles/apexcharter.html
View File

File diff suppressed because one or more lines are too long

2
articles/apexcharter_files/apexcharter-binding-0.3.1.9200/apexcharter.js Normal file
View File

File diff suppressed because one or more lines are too long

1207
articles/extra/advanced-configuration.html
View File

File diff suppressed because one or more lines are too long

2
articles/extra/advanced-configuration_files/apexcharter-binding-0.3.1.9200/apexcharter.js Normal file
View File

File diff suppressed because one or more lines are too long

264
articles/extra/chart-options.html
View File

File diff suppressed because one or more lines are too long

2
articles/extra/chart-options_files/apexcharter-binding-0.3.1.9200/apexcharter.js Normal file
View File

File diff suppressed because one or more lines are too long

200
articles/extra/facets.html
View File

File diff suppressed because one or more lines are too long

2
articles/extra/facets_files/apexcharter-binding-0.3.1.9200/apexcharter.js Normal file
View File

File diff suppressed because one or more lines are too long

263
articles/extra/shiny-integration.html
View File

File diff suppressed because one or more lines are too long

2
articles/extra/shiny-integration_files/apexcharter-binding-0.3.1.9200/apexcharter.js Normal file
View File

File diff suppressed because one or more lines are too long

65
articles/extra/spark-box.html
View File

@ -8,8 +8,8 @@
<meta name="description" content="apexcharter">
<title>Create boxes with sparklines • apexcharter</title>
<script src="../../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="../../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="../../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../../deps/_Poppins-0.4.1/font.css" rel="stylesheet">
<link href="../../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet">
<script src="../../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../../deps/Poppins-0.4.4/font.css" rel="stylesheet">
<!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../../pkgdown.js"></script><meta property="og:title" content="Create boxes with sparklines">
@ -27,7 +27,7 @@
<a class="navbar-brand me-2" href="../../index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -77,8 +77,8 @@
<script src="spark-box_files/accessible-code-block-0.0.1/empty-anchor.js"></script><script src="spark-box_files/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="spark-box_files/apexcharter-binding-0.3.1.9000/apexcharter.js"></script><div class="row">
<main id="main"><div class="page-header">
<script src="spark-box_files/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="spark-box_files/apexcharter-binding-0.3.1.9200/apexcharter.js"></script><div class="row">
<main id="main" class="col-md-9"><div class="page-header">
<img src="" class="logo" alt=""><h1>Create boxes with sparklines</h1>
@ -89,36 +89,37 @@
<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span>
<span class="va">spark_data</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span>
date <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html" class="external-link">Sys.Date</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span> <span class="fl">1</span><span class="op">:</span><span class="fl">20</span>,
var1 <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Round.html" class="external-link">round</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span><span class="op">)</span><span class="op">)</span>,
var2 <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Round.html" class="external-link">round</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span><span class="op">)</span><span class="op">)</span>,
var3 <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Round.html" class="external-link">round</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span><span class="op">)</span><span class="op">)</span>
<span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span></span>
<span><span class="va">spark_data</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span></span>
<span> date <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html" class="external-link">Sys.Date</a></span><span class="op">(</span><span class="op">)</span> <span class="op">+</span> <span class="fl">1</span><span class="op">:</span><span class="fl">20</span>,</span>
<span> var1 <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Round.html" class="external-link">round</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span><span class="op">)</span><span class="op">)</span>,</span>
<span> var2 <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Round.html" class="external-link">round</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span><span class="op">)</span><span class="op">)</span>,</span>
<span> var3 <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Round.html" class="external-link">round</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span><span class="op">)</span><span class="op">)</span></span>
<span><span class="op">)</span></span></code></pre></div>
<p>Create boxes with a sparkline to display a specific value:</p>
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../../reference/spark_box.html">spark_box</a></span><span class="op">(</span>
data <span class="op">=</span> <span class="va">spark_data</span>,
title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">spark_data</span><span class="op">$</span><span class="va">var1</span><span class="op">)</span>,
subtitle <span class="op">=</span> <span class="st">"Variable 1"</span>
<span class="op">)</span></code></pre></div>
<div id="htmlwidget-03dabc16d6389fde54c5" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-03dabc16d6389fde54c5">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1648944000000,39],[1649030400000,48],[1649116800000,62],[1649203200000,41],[1649289600000,44],[1649376000000,53],[1649462400000,63],[1649548800000,54],[1649635200000,58],[1649721600000,59],[1649808000000,55],[1649894400000,62],[1649980800000,33],[1650067200000,53],[1650153600000,57],[1650240000000,34],[1650326400000,66],[1650412800000,56],[1650499200000,53],[1650585600000,41]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#2E93fA"],"title":{"text":51.55,"style":{"fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#2E93fA","background":"#FFF"},"xaxis":{"min":"2022-04-03","max":"2022-04-22"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>With more styles :</p>
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/spark_box.html">spark_box</a></span><span class="op">(</span></span>
<span> data <span class="op">=</span> <span class="va">spark_data</span>,</span>
<span> title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">spark_data</span><span class="op">$</span><span class="va">var1</span><span class="op">)</span>, </span>
<span> subtitle <span class="op">=</span> <span class="st">"Variable 1"</span></span>
<span><span class="op">)</span></span></code></pre></div>
<div id="htmlwidget-2a123b3e02bcb837473d" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-2a123b3e02bcb837473d">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1669939200000,50],[1670025600000,58],[1670112000000,70],[1670198400000,58],[1670284800000,40],[1670371200000,29],[1670457600000,56],[1670544000000,52],[1670630400000,40],[1670716800000,34],[1670803200000,54],[1670889600000,44],[1670976000000,75],[1671062400000,42],[1671148800000,51],[1671235200000,66],[1671321600000,48],[1671408000000,26],[1671494400000,50],[1671580800000,62]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#2E93fA"],"title":{"text":50.25,"style":{"fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#2E93fA","background":"#FFF"},"xaxis":{"min":"2022-12-02","max":"2022-12-21"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>With more styles :</p>
<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="../../reference/spark_box.html">spark_box</a></span><span class="op">(</span>
data <span class="op">=</span> <span class="va">spark_data</span>,
title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">spark_data</span><span class="op">$</span><span class="va">var1</span><span class="op">)</span>,
subtitle <span class="op">=</span> <span class="st">"Variable 1"</span>,
color <span class="op">=</span> <span class="st">"#FFF"</span>, background <span class="op">=</span> <span class="st">"#2E93fA"</span>,
title_style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"#FFF"</span><span class="op">)</span>,
subtitle_style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"#FFF"</span><span class="op">)</span>
<span class="op">)</span></code></pre></div>
<div id="htmlwidget-4cd7a5ae8da38d2ec89a" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-4cd7a5ae8da38d2ec89a">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1648944000000,39],[1649030400000,48],[1649116800000,62],[1649203200000,41],[1649289600000,44],[1649376000000,53],[1649462400000,63],[1649548800000,54],[1649635200000,58],[1649721600000,59],[1649808000000,55],[1649894400000,62],[1649980800000,33],[1650067200000,53],[1650153600000,57],[1650240000000,34],[1650326400000,66],[1650412800000,56],[1650499200000,53],[1650585600000,41]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#FFF"],"title":{"text":51.55,"style":{"color":"#FFF","fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"color":"#FFF","fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#FFF","background":"#2E93fA"},"xaxis":{"min":"2022-04-03","max":"2022-04-22"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>You can also use spark boxes in Shiny application, use code to launch an example :</p>
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/spark_box.html">spark_box</a></span><span class="op">(</span></span>
<span> data <span class="op">=</span> <span class="va">spark_data</span>,</span>
<span> title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">spark_data</span><span class="op">$</span><span class="va">var1</span><span class="op">)</span>, </span>
<span> subtitle <span class="op">=</span> <span class="st">"Variable 1"</span>,</span>
<span> color <span class="op">=</span> <span class="st">"#FFF"</span>, background <span class="op">=</span> <span class="st">"#2E93fA"</span>,</span>
<span> title_style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"#FFF"</span><span class="op">)</span>,</span>
<span> subtitle_style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"#FFF"</span><span class="op">)</span></span>
<span><span class="op">)</span></span></code></pre></div>
<div id="htmlwidget-356e70265992a176d6a9" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-356e70265992a176d6a9">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[[1669939200000,50],[1670025600000,58],[1670112000000,70],[1670198400000,58],[1670284800000,40],[1670371200000,29],[1670457600000,56],[1670544000000,52],[1670630400000,40],[1670716800000,34],[1670803200000,54],[1670889600000,44],[1670976000000,75],[1671062400000,42],[1671148800000,51],[1671235200000,66],[1671321600000,48],[1671408000000,26],[1671494400000,50],[1671580800000,62]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#FFF"],"title":{"text":50.25,"style":{"color":"#FFF","fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"color":"#FFF","fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#FFF","background":"#2E93fA"},"xaxis":{"min":"2022-12-02","max":"2022-12-21"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>You can also use spark boxes in Shiny application, use code to launch
an example :</p>
<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu">run_sparkbox_demo</span><span class="op">(</span><span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="fu">run_sparkbox_demo</span><span class="op">(</span><span class="op">)</span></span></code></pre></div>
<p><img src="figures/spark-box.png" alt="spark-box" style="width:100%;"></p>
</main>
</div>
@ -132,7 +133,7 @@
<div class="pkgdown-footer-right">
<p></p>
<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer>

2
articles/extra/spark-box_files/apexcharter-binding-0.3.1.9200/apexcharter.js Normal file
View File

File diff suppressed because one or more lines are too long

170
articles/extra/sync-charts.html
View File

File diff suppressed because one or more lines are too long

2
articles/extra/sync-charts_files/apexcharter-binding-0.3.1.9200/apexcharter.js Normal file
View File

File diff suppressed because one or more lines are too long

6
articles/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Articles • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Articles"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Articles • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Articles"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--></head><body>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="../index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -84,7 +84,7 @@
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

6
authors.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Authors and Citation • apexcharter</title><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><meta property="og:title" content="Authors and Citation"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Authors and Citation • apexcharter</title><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><meta property="og:title" content="Authors and Citation"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--></head><body>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -102,7 +102,7 @@ https://github.com/dreamRs/apexcharter, https://dreamrs.github.io/apexcharter/.
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

7
deps/Poppins-0.4.4/font.css vendored Normal file
View File

@ -0,0 +1,7 @@
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(pxiEyp8kv8JHgFVrFJM.woff) format('woff');
}

BIN
deps/Poppins-0.4.4/pxiEyp8kv8JHgFVrFJM.woff vendored Normal file
View File

Binary file not shown.

7
deps/bootstrap-5.1.3/bootstrap.bundle.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
deps/bootstrap-5.1.3/bootstrap.bundle.min.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
deps/bootstrap-5.1.3/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

21
deps/bootstrap-5.1.3/font.css vendored Normal file
View File

@ -0,0 +1,21 @@
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZs.woff) format('woff');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZs.woff) format('woff');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZs.woff) format('woff');
}

BIN
deps/bootstrap-5.1.3/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrc.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrc.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/4iCs6KVjbNBYlgo6ew.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/4iCs6KVjbNBYlgoKfw7w.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/4iCv6KVjbNBYlgoCxCvTtA.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/4iCv6KVjbNBYlgoCxCvjsGyL.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPa7j.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3aPA.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7j.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rAkw.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vAkw.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdo.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zAkw.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdo.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/CSR54z1Qlv-GDxkbKVQ_dFsvWNRevw.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/CSR54z1Qlv-GDxkbKVQ_dFsvaNA.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/CSR64z1Qlv-GDxkbKVQ_TOQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/CSR64z1Qlv-GDxkbKVQ_fOAKSw.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/JTURjIg1_i6t8kCHKm45_ZpC7g0.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/JTURjIg1_i6t8kCHKm45_dJE7g0.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/JTUSjIg1_i6t8kCHKm45xW0.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/KFOlCnqEu92Fr1MmEU9fBBc-.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/KFOlCnqEu92Fr1MmEU9vAA.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/KFOlCnqEu92Fr1MmSU5fBBc-.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/KFOlCnqEu92Fr1MmSU5vAA.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/KFOlCnqEu92Fr1MmWUlfBBc-.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/KFOlCnqEu92Fr1MmWUlvAA.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/KFOmCnqEu92Fr1Me5g.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/KFOmCnqEu92Fr1Mu4mxM.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/QGYpz_kZZAGCONcK2A4bGOj8mNhL.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/S6u8w4BMUTPHjxsAXC-s.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/S6u8w4BMUTPHjxswWA.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/S6u9w4BMUTPHh6UVSwiPHw.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/S6u9w4BMUTPHh6UVeww.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/S6u9w4BMUTPHh7USSwiPHw.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/S6u9w4BMUTPHh7USeww.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/S6uyw4BMUTPHjx4wWA.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/S6uyw4BMUTPHvxo.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZs.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZs.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZs.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/XRXV3I6Li01BKof4MQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/XRXW3I6Li01BKofA6sKkZQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/XRXW3I6Li01BKofAjsOkZQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWVAexg.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkaVQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexg.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAexg.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4k.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4k.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVQ.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4k.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/pe03MImSLYBIv1o4X1M8cc9iB_5p.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/pe0qMImSLYBIv1o4X1M8cfe5.woff vendored Normal file
View File

Binary file not shown.

BIN
deps/bootstrap-5.1.3/fonts/q5uGsou0JOdh94bfvQlr.woff vendored Normal file
View File

Binary file not shown.

6
deps/data-deps.txt vendored
View File

@ -1,5 +1,5 @@
<script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet" />
<script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script>
<link href="deps/_Poppins-0.4.1/font.css" rel="stylesheet" />
<link href="deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet" />
<script src="deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script>
<link href="deps/Poppins-0.4.4/font.css" rel="stylesheet" />

166
index.html
View File

@ -10,8 +10,8 @@
Apexcharts examples and documentation are available here: &lt;https://apexcharts.com/&gt;.">
<title>Create Interactive Chart with the JavaScript ApexCharts Library • apexcharter</title>
<script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet">
<script src="deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="deps/_Poppins-0.4.1/font.css" rel="stylesheet">
<link href="deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet">
<script src="deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="deps/Poppins-0.4.4/font.css" rel="stylesheet">
<!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
<!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><meta property="og:title" content="Create Interactive Chart with the JavaScript ApexCharts Library">
@ -31,7 +31,7 @@
<a class="navbar-brand me-2" href="index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -92,26 +92,26 @@
</h2>
<p>Install from <a href="https://CRAN.R-project.org/package=apexcharter" class="external-link">CRAN</a> with:</p>
<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html" class="external-link">install.packages</a></span><span class="op">(</span><span class="st">"apexcharter"</span><span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html" class="external-link">install.packages</a></span><span class="op">(</span><span class="st">"apexcharter"</span><span class="op">)</span></span></code></pre></div>
<p>Or install the development version from <a href="https://github.com/dreamRs/apexcharter" class="external-link">GitHub</a> with:</p>
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="co"># install.packages("remotes")</span>
<span class="fu">remotes</span><span class="fu">::</span><span class="fu">install_github</span><span class="op">(</span><span class="st">"dreamRs/apexcharter"</span><span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="co"># install.packages("remotes")</span></span>
<span><span class="fu">remotes</span><span class="fu">::</span><span class="fu">install_github</span><span class="op">(</span><span class="st">"dreamRs/apexcharter"</span><span class="op">)</span></span></code></pre></div>
</div>
<div class="section level2">
<h2 id="quick-charts">Quick Charts<a class="anchor" aria-label="anchor" href="#quick-charts"></a>
</h2>
<p>Use <code>apex</code> function to quickly create visualizations :</p>
<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span>
<span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"mpg"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span>
<span class="fu"><a href="reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">mpg</span>, type <span class="op">=</span> <span class="st">"bar"</span>, mapping <span class="op">=</span> <span class="fu"><a href="reference/apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">manufacturer</span><span class="op">)</span><span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"mpg"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span>
<span><span class="fu"><a href="reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">mpg</span>, type <span class="op">=</span> <span class="st">"bar"</span>, mapping <span class="op">=</span> <span class="fu"><a href="reference/apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">manufacturer</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
<p><img src="reference/figures/apex-bar.png"></p>
<p>With datetime:</p>
<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"economics"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span>
<span class="fu"><a href="reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span>
<span class="fu"><a href="reference/ax_stroke.html">ax_stroke</a></span><span class="op">(</span>width <span class="op">=</span> <span class="fl">1</span><span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"economics"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span>
<span><span class="fu"><a href="reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span> </span>
<span> <span class="fu"><a href="reference/ax_stroke.html">ax_stroke</a></span><span class="op">(</span>width <span class="op">=</span> <span class="fl">1</span><span class="op">)</span></span></code></pre></div>
<p><img src="reference/figures/apex-line.png"></p>
</div>
<div class="section level2">
@ -119,32 +119,32 @@
</h2>
<p>All methods from ApexCharts are available with function like <code>ax_*</code> compatible with pipe from <code>magrittr</code> :</p>
<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span>
<span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="va">mpg</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span>
<span class="fu"><a href="reference/apexchart.html">apexchart</a></span><span class="op">(</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span>
<span class="fu"><a href="reference/ax_chart.html">ax_chart</a></span><span class="op">(</span>type <span class="op">=</span> <span class="st">"bar"</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span>
<span class="fu"><a href="reference/ax_plotOptions.html">ax_plotOptions</a></span><span class="op">(</span>bar <span class="op">=</span> <span class="fu"><a href="reference/bar_opts.html">bar_opts</a></span><span class="op">(</span>
horizontal <span class="op">=</span> <span class="cn">FALSE</span>,
endingShape <span class="op">=</span> <span class="st">"flat"</span>,
columnWidth <span class="op">=</span> <span class="st">"70%"</span>,
dataLabels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
position <span class="op">=</span> <span class="st">"top"</span>
<span class="op">)</span><span class="op">)</span>
<span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span>
<span class="fu"><a href="reference/ax_grid.html">ax_grid</a></span><span class="op">(</span>
show <span class="op">=</span> <span class="cn">TRUE</span>,
position <span class="op">=</span> <span class="st">"front"</span>,
borderColor <span class="op">=</span> <span class="st">"#FFF"</span>
<span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span>
<span class="fu"><a href="reference/ax-series.html">ax_series</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
name <span class="op">=</span> <span class="st">"Count"</span>,
data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/tapply.html" class="external-link">tapply</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">$</span><span class="va">manufacturer</span>, <span class="va">mpg</span><span class="op">$</span><span class="va">manufacturer</span>, <span class="va">length</span><span class="op">)</span>
<span class="op">)</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span>
<span class="fu"><a href="reference/ax_colors.html">ax_colors</a></span><span class="op">(</span><span class="st">"#112446"</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span>
<span class="fu"><a href="reference/ax_xaxis.html">ax_xaxis</a></span><span class="op">(</span>categories <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/unique.html" class="external-link">unique</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">$</span><span class="va">manufacturer</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span>
<span class="fu"><a href="reference/ax_title.html">ax_title</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Number of models"</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span>
<span class="fu"><a href="reference/ax_subtitle.html">ax_subtitle</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Data from ggplot2"</span><span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="va">mpg</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span>
<span></span>
<span><span class="fu"><a href="reference/apexchart.html">apexchart</a></span><span class="op">(</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span> </span>
<span> <span class="fu"><a href="reference/ax_chart.html">ax_chart</a></span><span class="op">(</span>type <span class="op">=</span> <span class="st">"bar"</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span> </span>
<span> <span class="fu"><a href="reference/ax_plotOptions.html">ax_plotOptions</a></span><span class="op">(</span>bar <span class="op">=</span> <span class="fu"><a href="reference/bar_opts.html">bar_opts</a></span><span class="op">(</span></span>
<span> horizontal <span class="op">=</span> <span class="cn">FALSE</span>,</span>
<span> endingShape <span class="op">=</span> <span class="st">"flat"</span>,</span>
<span> columnWidth <span class="op">=</span> <span class="st">"70%"</span>,</span>
<span> dataLabels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> position <span class="op">=</span> <span class="st">"top"</span></span>
<span> <span class="op">)</span><span class="op">)</span></span>
<span> <span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span> </span>
<span> <span class="fu"><a href="reference/ax_grid.html">ax_grid</a></span><span class="op">(</span></span>
<span> show <span class="op">=</span> <span class="cn">TRUE</span>,</span>
<span> position <span class="op">=</span> <span class="st">"front"</span>,</span>
<span> borderColor <span class="op">=</span> <span class="st">"#FFF"</span></span>
<span> <span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span> </span>
<span> <span class="fu"><a href="reference/ax-series.html">ax_series</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> name <span class="op">=</span> <span class="st">"Count"</span>,</span>
<span> data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/tapply.html" class="external-link">tapply</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">$</span><span class="va">manufacturer</span>, <span class="va">mpg</span><span class="op">$</span><span class="va">manufacturer</span>, <span class="va">length</span><span class="op">)</span></span>
<span> <span class="op">)</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span> </span>
<span> <span class="fu"><a href="reference/ax_colors.html">ax_colors</a></span><span class="op">(</span><span class="st">"#112446"</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span> </span>
<span> <span class="fu"><a href="reference/ax_xaxis.html">ax_xaxis</a></span><span class="op">(</span>categories <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/unique.html" class="external-link">unique</a></span><span class="op">(</span><span class="va">mpg</span><span class="op">$</span><span class="va">manufacturer</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span> </span>
<span> <span class="fu"><a href="reference/ax_title.html">ax_title</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Number of models"</span><span class="op">)</span> <span class="op"><a href="reference/apexcharter-exports.html">%&gt;%</a></span> </span>
<span> <span class="fu"><a href="reference/ax_subtitle.html">ax_subtitle</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Data from ggplot2"</span><span class="op">)</span></span></code></pre></div>
<p><img src="reference/figures/apexcharter-full-bar.png"></p>
</div>
<div class="section level2">
@ -152,48 +152,48 @@
</h2>
<p>Pass a list of parameters to the function:</p>
<div class="sourceCode" id="cb6"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu"><a href="reference/apexchart.html">apexchart</a></span><span class="op">(</span>ax_opts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
chart <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
type <span class="op">=</span> <span class="st">"line"</span>
<span class="op">)</span>,
stroke <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
curve <span class="op">=</span> <span class="st">"smooth"</span>
<span class="op">)</span>,
grid <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
borderColor <span class="op">=</span> <span class="st">"#e7e7e7"</span>,
row <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
colors <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"#f3f3f3"</span>, <span class="st">"transparent"</span><span class="op">)</span>,
opacity <span class="op">=</span> <span class="fl">0.5</span>
<span class="op">)</span>
<span class="op">)</span>,
dataLabels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
enabled <span class="op">=</span> <span class="cn">TRUE</span>
<span class="op">)</span>,
markers <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>style <span class="op">=</span> <span class="st">"inverted"</span>, size <span class="op">=</span> <span class="fl">6</span><span class="op">)</span>,
series <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
<span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
name <span class="op">=</span> <span class="st">"High"</span>,
data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">28</span>, <span class="fl">29</span>, <span class="fl">33</span>, <span class="fl">36</span>, <span class="fl">32</span>, <span class="fl">32</span>, <span class="fl">33</span><span class="op">)</span>
<span class="op">)</span>,
<span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
name <span class="op">=</span> <span class="st">"Low"</span>,
data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">12</span>, <span class="fl">11</span>, <span class="fl">14</span>, <span class="fl">18</span>, <span class="fl">17</span>, <span class="fl">13</span>, <span class="fl">13</span><span class="op">)</span>
<span class="op">)</span>
<span class="op">)</span>,
title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
text <span class="op">=</span> <span class="st">"Average High &amp; Low Temperature"</span>,
align <span class="op">=</span> <span class="st">"left"</span>
<span class="op">)</span>,
xaxis <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
categories <span class="op">=</span> <span class="va">month.abb</span><span class="op">[</span><span class="fl">1</span><span class="op">:</span><span class="fl">7</span><span class="op">]</span>
<span class="op">)</span>,
yaxis <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Temperature"</span><span class="op">)</span>,
labels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>
formatter <span class="op">=</span> <span class="fu">htmlwidgets</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/htmlwidgets/man/JS.html" class="external-link">JS</a></span><span class="op">(</span><span class="st">"function(value) {return value + '\u00b0C';}"</span><span class="op">)</span>
<span class="op">)</span>
<span class="op">)</span>
<span class="op">)</span><span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="fu"><a href="reference/apexchart.html">apexchart</a></span><span class="op">(</span>ax_opts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> chart <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> type <span class="op">=</span> <span class="st">"line"</span></span>
<span> <span class="op">)</span>,</span>
<span> stroke <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> curve <span class="op">=</span> <span class="st">"smooth"</span></span>
<span> <span class="op">)</span>,</span>
<span> grid <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> borderColor <span class="op">=</span> <span class="st">"#e7e7e7"</span>,</span>
<span> row <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> colors <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"#f3f3f3"</span>, <span class="st">"transparent"</span><span class="op">)</span>,</span>
<span> opacity <span class="op">=</span> <span class="fl">0.5</span></span>
<span> <span class="op">)</span></span>
<span> <span class="op">)</span>,</span>
<span> dataLabels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> enabled <span class="op">=</span> <span class="cn">TRUE</span></span>
<span> <span class="op">)</span>,</span>
<span> markers <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>style <span class="op">=</span> <span class="st">"inverted"</span>, size <span class="op">=</span> <span class="fl">6</span><span class="op">)</span>,</span>
<span> series <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> name <span class="op">=</span> <span class="st">"High"</span>,</span>
<span> data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">28</span>, <span class="fl">29</span>, <span class="fl">33</span>, <span class="fl">36</span>, <span class="fl">32</span>, <span class="fl">32</span>, <span class="fl">33</span><span class="op">)</span></span>
<span> <span class="op">)</span>,</span>
<span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> name <span class="op">=</span> <span class="st">"Low"</span>,</span>
<span> data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">12</span>, <span class="fl">11</span>, <span class="fl">14</span>, <span class="fl">18</span>, <span class="fl">17</span>, <span class="fl">13</span>, <span class="fl">13</span><span class="op">)</span></span>
<span> <span class="op">)</span></span>
<span> <span class="op">)</span>,</span>
<span> title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> text <span class="op">=</span> <span class="st">"Average High &amp; Low Temperature"</span>,</span>
<span> align <span class="op">=</span> <span class="st">"left"</span></span>
<span> <span class="op">)</span>,</span>
<span> xaxis <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> categories <span class="op">=</span> <span class="va">month.abb</span><span class="op">[</span><span class="fl">1</span><span class="op">:</span><span class="fl">7</span><span class="op">]</span></span>
<span> <span class="op">)</span>,</span>
<span> yaxis <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Temperature"</span><span class="op">)</span>,</span>
<span> labels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span> formatter <span class="op">=</span> <span class="fu">htmlwidgets</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/htmlwidgets/man/JS.html" class="external-link">JS</a></span><span class="op">(</span><span class="st">"function(value) {return value + '\u00b0C';}"</span><span class="op">)</span></span>
<span> <span class="op">)</span></span>
<span> <span class="op">)</span></span>
<span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
<p><img src="reference/figures/raw-api.png"></p>
</div>
<div class="section level2">
@ -202,10 +202,10 @@
<p>This package use <a href="https://github.com/JohnCoene/packer" class="external-link">{packer}</a> to manage JavaScript assets, see packer’s <a href="https://packer.john-coene.com/#/" class="external-link">documentation</a> for more.</p>
<p>Install nodes modules with:</p>
<div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu">packer</span><span class="fu">::</span><span class="fu">npm_install</span><span class="op">(</span><span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="fu">packer</span><span class="fu">::</span><span class="fu">npm_install</span><span class="op">(</span><span class="op">)</span></span></code></pre></div>
<p>Modify <code>srcjs/widgets/apexcharter.js</code>, then run:</p>
<div class="sourceCode" id="cb8"><pre class="downlit sourceCode r">
<code class="sourceCode R"><span class="fu">packer</span><span class="fu">::</span><span class="fu">bundle</span><span class="op">(</span><span class="op">)</span></code></pre></div>
<code class="sourceCode R"><span><span class="fu">packer</span><span class="fu">::</span><span class="fu">bundle</span><span class="op">(</span><span class="op">)</span></span></code></pre></div>
<p>Re-install R package and try <code>apexcharter()</code> or <code><a href="reference/apex.html">apex()</a></code> functions.</p>
</div>
</div>
@ -266,7 +266,7 @@
<div class="pkgdown-footer-right">
<p></p>
<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer>

6
news/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Changelog • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Changelog"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Changelog • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Changelog"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--></head><body>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="../index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -156,7 +156,7 @@
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

2
pkgdown.js
View File

@ -70,7 +70,7 @@
/* Search marking --------------------------*/
var url = new URL(window.location.href);
var toMark = url.searchParams.get("q");
var mark = new Mark("div.col-md-9");
var mark = new Mark("main#main");
if (toMark) {
mark.mark(toMark, {
accuracy: {

6
pkgdown.yml
View File

@ -1,5 +1,5 @@
pandoc: 2.7.3
pkgdown: 2.0.2
pandoc: 2.19.2
pkgdown: 2.0.6
pkgdown_sha: ~
articles:
apexcharter: apexcharter.html
@ -9,7 +9,7 @@ articles:
shiny-integration: extra/shiny-integration.html
spark-box: extra/spark-box.html
sync-charts: extra/sync-charts.html
last_built: 2022-04-02T16:39Z
last_built: 2022-12-01T13:30Z
urls:
reference: https://dreamrs.github.io/apexcharter/reference
article: https://dreamrs.github.io/apexcharter/articles

195
reference/add-line.html
View File

File diff suppressed because one or more lines are too long

143
reference/add-shade.html
View File

File diff suppressed because one or more lines are too long

117
reference/add-vh-lines.html
View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Add horizontal or vertical line"><title>Add horizontal or vertical line — add-vh-lines • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Add horizontal or vertical line — add-vh-lines"><meta property="og:description" content="Add horizontal or vertical line"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Add horizontal or vertical line"><title>Add horizontal or vertical line — add-vh-lines • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Add horizontal or vertical line — add-vh-lines"><meta property="og:description" content="Add horizontal or vertical line"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--><!-- dependencies from examples --><script src="libs/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="libs/apexcharter-binding-0.3.1.9000/apexcharter.js"></script></head><body>
<![endif]--><!-- dependencies from examples --><script src="libs/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="libs/apexcharter-binding-0.3.1.9200/apexcharter.js"></script></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="../index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -65,80 +65,95 @@
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">add_hline</span><span class="op">(</span><span class="va">ax</span>, <span class="va">value</span>, color <span class="op">=</span> <span class="st">"#000"</span>, dash <span class="op">=</span> <span class="fl">0</span>, label <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">...</span><span class="op">)</span>
<span class="fu">add_vline</span><span class="op">(</span><span class="va">ax</span>, <span class="va">value</span>, color <span class="op">=</span> <span class="st">"#000"</span>, dash <span class="op">=</span> <span class="fl">0</span>, label <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">...</span><span class="op">)</span></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">add_hline</span><span class="op">(</span><span class="va">ax</span>, <span class="va">value</span>, color <span class="op">=</span> <span class="st">"#000"</span>, dash <span class="op">=</span> <span class="fl">0</span>, label <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">...</span><span class="op">)</span></span>
<span></span>
<span><span class="fu">add_vline</span><span class="op">(</span><span class="va">ax</span>, <span class="va">value</span>, color <span class="op">=</span> <span class="st">"#000"</span>, dash <span class="op">=</span> <span class="fl">0</span>, label <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">...</span><span class="op">)</span></span></code></pre></div>
</div>
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>ax</dt>
<dd><p>An <code><a href="apexchart.html">apexchart()</a></code> <code>htmlwidget</code> object.</p></dd>
<dt>value</dt>
<dd><p>Vector of position for the line(s).</p></dd>
<dt>color</dt>
<dd><p>Color(s) of the line(s).</p></dd>
<dt>dash</dt>
<dd><p>Creates dashes in borders of SVG path.
A higher number creates more space between dashes in the border.
Use <code>0</code> for plain line.</p></dd>
<dt>label</dt>
<dd><p>Add a label to the shade, use a <code>character</code>
or see <code><a href="label.html">label</a></code> for more controls.</p></dd>
<dt>...</dt>
<dd><p>Additional arguments, see
<a href="https://apexcharts.com/docs/options/annotations/" class="external-link">https://apexcharts.com/docs/options/annotations/</a> for possible options.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>An <code><a href="apexchart.html">apexchart()</a></code><code>htmlwidget</code> object.</p>
<p>An <code><a href="apexchart.html">apexchart()</a></code></p>
<p></p>
<p><code>htmlwidget</code> object.</p>
</div>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"></span>
<span class="r-in"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"><span class="co"># On a column chart</span></span>
<span class="r-in"><span class="va">unhcr_ts</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/subset.html" class="external-link">subset</a></span><span class="op">(</span><span class="va">year</span> <span class="op">==</span> <span class="fl">2017</span> <span class="op">&amp;</span> <span class="va">population_type</span> <span class="op">==</span> <span class="st">"Asylum-seekers"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span>
<span class="r-in"> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">continent_origin</span>, <span class="va">n</span><span class="op">)</span>,</span>
<span class="r-in"> <span class="st">"column"</span></span>
<span class="r-in"> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu">add_hline</span><span class="op">(</span>value <span class="op">=</span> <span class="fl">5e5</span><span class="op">)</span></span>
<div id="htmlwidget-4e0d3b90a946220714c3" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-4e0d3b90a946220714c3">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","data":[{"x":"Africa","y":964124},{"x":"Asia","y":1353541},{"x":"Europe","y":130065},{"x":"North America","y":384104},{"x":"Oceania","y":1315},{"x":"South America","y":210425}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false}},"tooltip":{"shared":true,"intersect":false,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"front","yaxis":[{"y":500000,"borderColor":"#000","strokeDashArray":0}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"Africa","max":"South America"},"type":"column"},"evals":[],"jsHooks":[]}</script><span class="r-in"></span>
<span class="r-in"></span>
<span class="r-in"><span class="co"># On a scatter chart</span></span>
<span class="r-in"><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span>
<span class="r-in"> data <span class="op">=</span> <span class="va">cars</span>,</span>
<span class="r-in"> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">speed</span>, <span class="va">dist</span><span class="op">)</span>,</span>
<span class="r-in"> <span class="st">"scatter"</span></span>
<span class="r-in"><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu">add_hline</span><span class="op">(</span>value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">cars</span><span class="op">$</span><span class="va">dist</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu">add_vline</span><span class="op">(</span>value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">cars</span><span class="op">$</span><span class="va">speed</span><span class="op">)</span><span class="op">)</span></span>
<div id="htmlwidget-117e40749fa542f59338" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-117e40749fa542f59338">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"dist","type":"scatter","data":[{"x":4,"y":2},{"x":4,"y":10},{"x":7,"y":4},{"x":7,"y":22},{"x":8,"y":16},{"x":9,"y":10},{"x":10,"y":18},{"x":10,"y":26},{"x":10,"y":34},{"x":11,"y":17},{"x":11,"y":28},{"x":12,"y":14},{"x":12,"y":20},{"x":12,"y":24},{"x":12,"y":28},{"x":13,"y":26},{"x":13,"y":34},{"x":13,"y":34},{"x":13,"y":46},{"x":14,"y":26},{"x":14,"y":36},{"x":14,"y":60},{"x":14,"y":80},{"x":15,"y":20},{"x":15,"y":26},{"x":15,"y":54},{"x":16,"y":32},{"x":16,"y":40},{"x":17,"y":32},{"x":17,"y":40},{"x":17,"y":50},{"x":18,"y":42},{"x":18,"y":56},{"x":18,"y":76},{"x":18,"y":84},{"x":19,"y":36},{"x":19,"y":46},{"x":19,"y":68},{"x":20,"y":32},{"x":20,"y":48},{"x":20,"y":52},{"x":20,"y":56},{"x":20,"y":64},{"x":22,"y":66},{"x":23,"y":54},{"x":24,"y":70},{"x":24,"y":92},{"x":24,"y":93},{"x":24,"y":120},{"x":25,"y":85}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":0,"max":25,"tickAmount":5,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":0,"max":120,"tickAmount":6,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","yaxis":[{"y":42.98,"borderColor":"#000","strokeDashArray":0}],"xaxis":[{"x":15.4,"borderColor":"#000","strokeDashArray":0}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4,"max":25},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script><span class="r-in"></span>
<span class="r-in"><span class="co"># With labels</span></span>
<span class="r-in"><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span>
<span class="r-in"> data <span class="op">=</span> <span class="va">cars</span>,</span>
<span class="r-in"> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">speed</span>, <span class="va">dist</span><span class="op">)</span>,</span>
<span class="r-in"> <span class="st">"scatter"</span></span>
<span class="r-in"><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu">add_hline</span><span class="op">(</span></span>
<span class="r-in"> value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">cars</span><span class="op">$</span><span class="va">dist</span><span class="op">)</span>,</span>
<span class="r-in"> label <span class="op">=</span> <span class="st">"Mean of dist"</span></span>
<span class="r-in"> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu">add_vline</span><span class="op">(</span></span>
<span class="r-in"> value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">cars</span><span class="op">$</span><span class="va">speed</span><span class="op">)</span>,</span>
<span class="r-in"> label <span class="op">=</span> <span class="fu"><a href="label.html">label</a></span><span class="op">(</span></span>
<span class="r-in"> text <span class="op">=</span> <span class="st">"Mean of speed"</span>,</span>
<span class="r-in"> borderColor <span class="op">=</span> <span class="st">"red"</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"> <span class="op">)</span></span>
<div id="htmlwidget-b8580cf678a7f63ddace" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-b8580cf678a7f63ddace">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"dist","type":"scatter","data":[{"x":4,"y":2},{"x":4,"y":10},{"x":7,"y":4},{"x":7,"y":22},{"x":8,"y":16},{"x":9,"y":10},{"x":10,"y":18},{"x":10,"y":26},{"x":10,"y":34},{"x":11,"y":17},{"x":11,"y":28},{"x":12,"y":14},{"x":12,"y":20},{"x":12,"y":24},{"x":12,"y":28},{"x":13,"y":26},{"x":13,"y":34},{"x":13,"y":34},{"x":13,"y":46},{"x":14,"y":26},{"x":14,"y":36},{"x":14,"y":60},{"x":14,"y":80},{"x":15,"y":20},{"x":15,"y":26},{"x":15,"y":54},{"x":16,"y":32},{"x":16,"y":40},{"x":17,"y":32},{"x":17,"y":40},{"x":17,"y":50},{"x":18,"y":42},{"x":18,"y":56},{"x":18,"y":76},{"x":18,"y":84},{"x":19,"y":36},{"x":19,"y":46},{"x":19,"y":68},{"x":20,"y":32},{"x":20,"y":48},{"x":20,"y":52},{"x":20,"y":56},{"x":20,"y":64},{"x":22,"y":66},{"x":23,"y":54},{"x":24,"y":70},{"x":24,"y":92},{"x":24,"y":93},{"x":24,"y":120},{"x":25,"y":85}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":0,"max":25,"tickAmount":5,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":0,"max":120,"tickAmount":6,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","yaxis":[{"y":42.98,"borderColor":"#000","strokeDashArray":0,"label":{"text":"Mean of dist"}}],"xaxis":[{"x":15.4,"borderColor":"#000","strokeDashArray":0,"label":{"borderColor":"red","text":"Mean of speed","style":{"padding":{"top":2,"right":5,"bottom":2,"left":5}}}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4,"max":25},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span></span></span>
<span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># On a column chart</span></span></span>
<span class="r-in"><span><span class="va">unhcr_ts</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/base/subset.html" class="external-link">subset</a></span><span class="op">(</span><span class="va">year</span> <span class="op">==</span> <span class="fl">2017</span> <span class="op">&amp;</span> <span class="va">population_type</span> <span class="op">==</span> <span class="st">"Asylum-seekers"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">continent_origin</span>, <span class="va">n</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> <span class="st">"column"</span></span></span>
<span class="r-in"><span> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu">add_hline</span><span class="op">(</span>value <span class="op">=</span> <span class="fl">5e5</span><span class="op">)</span></span></span>
<div id="htmlwidget-25d02b736c293faf4b0a" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-25d02b736c293faf4b0a">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","data":[{"x":"Africa","y":964124},{"x":"Asia","y":1353541},{"x":"Europe","y":130065},{"x":"North America","y":384104},{"x":"Oceania","y":1315},{"x":"South America","y":210425}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false}},"tooltip":{"shared":true,"intersect":false,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"front","yaxis":[{"y":500000,"borderColor":"#000","strokeDashArray":0}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"Africa","max":"South America"},"type":"column"},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># On a scatter chart</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> data <span class="op">=</span> <span class="va">cars</span>,</span></span>
<span class="r-in"><span> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">speed</span>, <span class="va">dist</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> <span class="st">"scatter"</span></span></span>
<span class="r-in"><span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu">add_hline</span><span class="op">(</span>value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">cars</span><span class="op">$</span><span class="va">dist</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu">add_vline</span><span class="op">(</span>value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">cars</span><span class="op">$</span><span class="va">speed</span><span class="op">)</span><span class="op">)</span></span></span>
<div id="htmlwidget-4210e340e6aed6038e16" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-4210e340e6aed6038e16">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"dist","type":"scatter","data":[{"x":4,"y":2},{"x":4,"y":10},{"x":7,"y":4},{"x":7,"y":22},{"x":8,"y":16},{"x":9,"y":10},{"x":10,"y":18},{"x":10,"y":26},{"x":10,"y":34},{"x":11,"y":17},{"x":11,"y":28},{"x":12,"y":14},{"x":12,"y":20},{"x":12,"y":24},{"x":12,"y":28},{"x":13,"y":26},{"x":13,"y":34},{"x":13,"y":34},{"x":13,"y":46},{"x":14,"y":26},{"x":14,"y":36},{"x":14,"y":60},{"x":14,"y":80},{"x":15,"y":20},{"x":15,"y":26},{"x":15,"y":54},{"x":16,"y":32},{"x":16,"y":40},{"x":17,"y":32},{"x":17,"y":40},{"x":17,"y":50},{"x":18,"y":42},{"x":18,"y":56},{"x":18,"y":76},{"x":18,"y":84},{"x":19,"y":36},{"x":19,"y":46},{"x":19,"y":68},{"x":20,"y":32},{"x":20,"y":48},{"x":20,"y":52},{"x":20,"y":56},{"x":20,"y":64},{"x":22,"y":66},{"x":23,"y":54},{"x":24,"y":70},{"x":24,"y":92},{"x":24,"y":93},{"x":24,"y":120},{"x":25,"y":85}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":0,"max":25,"tickAmount":5,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":0,"max":120,"tickAmount":6,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","yaxis":[{"y":42.98,"borderColor":"#000","strokeDashArray":0}],"xaxis":[{"x":15.4,"borderColor":"#000","strokeDashArray":0}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4,"max":25},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># With labels</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> data <span class="op">=</span> <span class="va">cars</span>,</span></span>
<span class="r-in"><span> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">speed</span>, <span class="va">dist</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> <span class="st">"scatter"</span></span></span>
<span class="r-in"><span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu">add_hline</span><span class="op">(</span></span></span>
<span class="r-in"><span> value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">cars</span><span class="op">$</span><span class="va">dist</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> label <span class="op">=</span> <span class="st">"Mean of dist"</span></span></span>
<span class="r-in"><span> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu">add_vline</span><span class="op">(</span></span></span>
<span class="r-in"><span> value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">cars</span><span class="op">$</span><span class="va">speed</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> label <span class="op">=</span> <span class="fu"><a href="label.html">label</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> text <span class="op">=</span> <span class="st">"Mean of speed"</span>,</span></span>
<span class="r-in"><span> borderColor <span class="op">=</span> <span class="st">"red"</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<div id="htmlwidget-0cdc7ca2c11ed4fad11a" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-0cdc7ca2c11ed4fad11a">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"dist","type":"scatter","data":[{"x":4,"y":2},{"x":4,"y":10},{"x":7,"y":4},{"x":7,"y":22},{"x":8,"y":16},{"x":9,"y":10},{"x":10,"y":18},{"x":10,"y":26},{"x":10,"y":34},{"x":11,"y":17},{"x":11,"y":28},{"x":12,"y":14},{"x":12,"y":20},{"x":12,"y":24},{"x":12,"y":28},{"x":13,"y":26},{"x":13,"y":34},{"x":13,"y":34},{"x":13,"y":46},{"x":14,"y":26},{"x":14,"y":36},{"x":14,"y":60},{"x":14,"y":80},{"x":15,"y":20},{"x":15,"y":26},{"x":15,"y":54},{"x":16,"y":32},{"x":16,"y":40},{"x":17,"y":32},{"x":17,"y":40},{"x":17,"y":50},{"x":18,"y":42},{"x":18,"y":56},{"x":18,"y":76},{"x":18,"y":84},{"x":19,"y":36},{"x":19,"y":46},{"x":19,"y":68},{"x":20,"y":32},{"x":20,"y":48},{"x":20,"y":52},{"x":20,"y":56},{"x":20,"y":64},{"x":22,"y":66},{"x":23,"y":54},{"x":24,"y":70},{"x":24,"y":92},{"x":24,"y":93},{"x":24,"y":120},{"x":25,"y":85}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":0,"max":25,"tickAmount":5,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":0,"max":120,"tickAmount":6,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","yaxis":[{"y":42.98,"borderColor":"#000","strokeDashArray":0,"label":{"text":"Mean of dist"}}],"xaxis":[{"x":15.4,"borderColor":"#000","strokeDashArray":0,"label":{"borderColor":"red","text":"Mean of speed","style":{"padding":{"top":2,"right":5,"bottom":2,"left":5}}}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4,"max":25},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script></code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>
@ -149,7 +164,7 @@ or see <code><a href="label.html">label</a></code> for more controls.</p></dd>
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

81
reference/add_event.html
View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Add a vertical line to mark a special event on a chart."><title>Add an event to a chart — add_event • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Add an event to a chart — add_event"><meta property="og:description" content="Add a vertical line to mark a special event on a chart."><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Add a vertical line to mark a special event on a chart."><title>Add an event to a chart — add_event • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Add an event to a chart — add_event"><meta property="og:description" content="Add a vertical line to mark a special event on a chart."><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--><!-- dependencies from examples --><script src="libs/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="libs/apexcharter-binding-0.3.1.9000/apexcharter.js"></script></head><body>
<![endif]--><!-- dependencies from examples --><script src="libs/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="libs/apexcharter-binding-0.3.1.9200/apexcharter.js"></script></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="../index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -65,31 +65,46 @@
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">add_event</span><span class="op">(</span><span class="va">ax</span>, <span class="va">when</span>, color <span class="op">=</span> <span class="st">"#E41A1C"</span>, dash <span class="op">=</span> <span class="fl">4</span>, label <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">...</span><span class="op">)</span></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">add_event</span><span class="op">(</span><span class="va">ax</span>, <span class="va">when</span>, color <span class="op">=</span> <span class="st">"#E41A1C"</span>, dash <span class="op">=</span> <span class="fl">4</span>, label <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">...</span><span class="op">)</span></span></code></pre></div>
</div>
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>ax</dt>
<dd><p>An <code><a href="apexchart.html">apexchart()</a></code> <code>htmlwidget</code> object.</p></dd>
<dt>when</dt>
<dd><p>Vector of position to place the event.</p></dd>
<dt>color</dt>
<dd><p>Color of the line.</p></dd>
<dt>dash</dt>
<dd><p>Creates dashes in borders of SVG path.
A higher number creates more space between dashes in the border.
Use <code>0</code> for plain line.</p></dd>
<dt>label</dt>
<dd><p>Add a label to the shade, use a <code>character</code>
or see <code><a href="label.html">label</a></code> for more controls.</p></dd>
<dt>...</dt>
<dd><p>Additional arguments, see
<a href="https://apexcharts.com/docs/options/annotations/" class="external-link">https://apexcharts.com/docs/options/annotations/</a> for possible options.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>An <code><a href="apexchart.html">apexchart()</a></code><code>htmlwidget</code> object.</p>
<p>An <code><a href="apexchart.html">apexchart()</a></code></p>
<p></p>
<p><code>htmlwidget</code> object.</p>
</div>
<div class="section level2">
<h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2>
@ -98,33 +113,33 @@ or see <code><a href="label.html">label</a></code> for more controls.</p></dd>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span class="r-in"><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"consumption"</span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"><span class="co"># specify from and to date</span></span>
<span class="r-in"><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">consumption</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">value</span>, group <span class="op">=</span> <span class="va">type</span><span class="op">)</span>, <span class="st">"spline"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">add_event</span><span class="op">(</span>when <span class="op">=</span> <span class="st">"2020-01-11"</span><span class="op">)</span></span>
<div id="htmlwidget-68123417b2713417c437" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-68123417b2713417c437">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"Realised","type":"line","data":[[1577836800000,1445],[1577923200000,1545],[1578009600000,1501],[1578096000000,1444],[1578182400000,1443],[1578268800000,1659],[1578355200000,1631],[1578441600000,1558],[1578528000000,1510],[1578614400000,1545],[1578700800000,1478],[1578787200000,1453],[1578873600000,1614],[1578960000000,1594],[1579046400000,1565],[1579132800000,1543],[1579219200000,1539],[1579305600000,1498],[1579392000000,1520],[1579478400000,1744],[1579564800000,1792],[1579651200000,1805],[1579737600000,1798],[1579824000000,1760],[1579910400000,1593],[1579996800000,1469],[1580083200000,1616],[1580169600000,1637],[1580256000000,1619],[1580342400000,1594],[1580428800000,1462],[1580515200000,1314],[1580601600000,1247],[1580688000000,1385],[1580774400000,1511],[1580860800000,1588],[1580947200000,1636],[1581033600000,1628],[1581120000000,1430],[1581206400000,1352],[1581292800000,1470],[1581379200000,1534],[1581465600000,1572],[1581552000000,1597],[1581638400000,1512],[1581724800000,1361],[1581811200000,1258],[1581897600000,1448],[1581984000000,1523],[1582070400000,1547],[1582156800000,1521],[1582243200000,1535],[1582329600000,1387],[1582416000000,1276],[1582502400000,1403],[1582588800000,1464],[1582675200000,1591],[1582761600000,1631],[1582848000000,1601],[1582934400000,1400]]},{"name":"Forecast D-1","type":"line","data":[[1577836800000,1481],[1577923200000,1577],[1578009600000,1553],[1578096000000,1463],[1578182400000,1459],[1578268800000,1681],[1578355200000,1652],[1578441600000,1569],[1578528000000,1512],[1578614400000,1520],[1578700800000,1467],[1578787200000,1457],[1578873600000,1630],[1578960000000,1603],[1579046400000,1563],[1579132800000,1570],[1579219200000,1545],[1579305600000,1490],[1579392000000,1520],[1579478400000,1754],[1579564800000,1814],[1579651200000,1804],[1579737600000,1786],[1579824000000,1756],[1579910400000,1614],[1579996800000,1516],[1580083200000,1644],[1580169600000,1645],[1580256000000,1629],[1580342400000,1617],[1580428800000,1489],[1580515200000,1305],[1580601600000,1226],[1580688000000,1421],[1580774400000,1501],[1580860800000,1589],[1580947200000,1650],[1581033600000,1648],[1581120000000,1474],[1581206400000,1326],[1581292800000,1477],[1581379200000,1527],[1581465600000,1601],[1581552000000,1576],[1581638400000,1518],[1581724800000,1358],[1581811200000,1235],[1581897600000,1459],[1581984000000,1542],[1582070400000,1568],[1582156800000,1540],[1582243200000,1528],[1582329600000,1391],[1582416000000,1282],[1582502400000,1437],[1582588800000,1487],[1582675200000,1553],[1582761600000,1598],[1582848000000,1611],[1582934400000,1391]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"back","xaxis":[{"x":"new Date('2020-01-11').getTime()","borderColor":"#E41A1C","strokeDashArray":4}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2020-01-01","max":"2020-02-29"},"type":"spline"},"evals":["ax_opts.annotations.xaxis.0.x"],"jsHooks":[]}</script><span class="r-in"></span>
<span class="r-in"><span class="co"># several events</span></span>
<span class="r-in"><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">consumption</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">value</span>, group <span class="op">=</span> <span class="va">type</span><span class="op">)</span>, <span class="st">"spline"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">add_event</span><span class="op">(</span>when <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"2020-01-11"</span>, <span class="st">"2020-01-29"</span><span class="op">)</span><span class="op">)</span></span>
<div id="htmlwidget-5c76ffc080ef5519540e" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-5c76ffc080ef5519540e">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"Realised","type":"line","data":[[1577836800000,1445],[1577923200000,1545],[1578009600000,1501],[1578096000000,1444],[1578182400000,1443],[1578268800000,1659],[1578355200000,1631],[1578441600000,1558],[1578528000000,1510],[1578614400000,1545],[1578700800000,1478],[1578787200000,1453],[1578873600000,1614],[1578960000000,1594],[1579046400000,1565],[1579132800000,1543],[1579219200000,1539],[1579305600000,1498],[1579392000000,1520],[1579478400000,1744],[1579564800000,1792],[1579651200000,1805],[1579737600000,1798],[1579824000000,1760],[1579910400000,1593],[1579996800000,1469],[1580083200000,1616],[1580169600000,1637],[1580256000000,1619],[1580342400000,1594],[1580428800000,1462],[1580515200000,1314],[1580601600000,1247],[1580688000000,1385],[1580774400000,1511],[1580860800000,1588],[1580947200000,1636],[1581033600000,1628],[1581120000000,1430],[1581206400000,1352],[1581292800000,1470],[1581379200000,1534],[1581465600000,1572],[1581552000000,1597],[1581638400000,1512],[1581724800000,1361],[1581811200000,1258],[1581897600000,1448],[1581984000000,1523],[1582070400000,1547],[1582156800000,1521],[1582243200000,1535],[1582329600000,1387],[1582416000000,1276],[1582502400000,1403],[1582588800000,1464],[1582675200000,1591],[1582761600000,1631],[1582848000000,1601],[1582934400000,1400]]},{"name":"Forecast D-1","type":"line","data":[[1577836800000,1481],[1577923200000,1577],[1578009600000,1553],[1578096000000,1463],[1578182400000,1459],[1578268800000,1681],[1578355200000,1652],[1578441600000,1569],[1578528000000,1512],[1578614400000,1520],[1578700800000,1467],[1578787200000,1457],[1578873600000,1630],[1578960000000,1603],[1579046400000,1563],[1579132800000,1570],[1579219200000,1545],[1579305600000,1490],[1579392000000,1520],[1579478400000,1754],[1579564800000,1814],[1579651200000,1804],[1579737600000,1786],[1579824000000,1756],[1579910400000,1614],[1579996800000,1516],[1580083200000,1644],[1580169600000,1645],[1580256000000,1629],[1580342400000,1617],[1580428800000,1489],[1580515200000,1305],[1580601600000,1226],[1580688000000,1421],[1580774400000,1501],[1580860800000,1589],[1580947200000,1650],[1581033600000,1648],[1581120000000,1474],[1581206400000,1326],[1581292800000,1477],[1581379200000,1527],[1581465600000,1601],[1581552000000,1576],[1581638400000,1518],[1581724800000,1358],[1581811200000,1235],[1581897600000,1459],[1581984000000,1542],[1582070400000,1568],[1582156800000,1540],[1582243200000,1528],[1582329600000,1391],[1582416000000,1282],[1582502400000,1437],[1582588800000,1487],[1582675200000,1553],[1582761600000,1598],[1582848000000,1611],[1582934400000,1391]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"back","xaxis":[{"x":"new Date('2020-01-11').getTime()","borderColor":"#E41A1C","strokeDashArray":4},{"x":"new Date('2020-01-29').getTime()","borderColor":"#E41A1C","strokeDashArray":4}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2020-01-01","max":"2020-02-29"},"type":"spline"},"evals":["ax_opts.annotations.xaxis.0.x","ax_opts.annotations.xaxis.1.x"],"jsHooks":[]}</script><span class="r-in"></span>
<span class="r-in"><span class="co"># Add labels on events</span></span>
<span class="r-in"><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">consumption</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">value</span>, group <span class="op">=</span> <span class="va">type</span><span class="op">)</span>, <span class="st">"spline"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">add_event</span><span class="op">(</span></span>
<span class="r-in"> when <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"2020-01-11"</span>, <span class="st">"2020-01-29"</span><span class="op">)</span>,</span>
<span class="r-in"> label <span class="op">=</span> <span class="fu"><a href="label.html">label</a></span><span class="op">(</span>text <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"Am"</span>, <span class="st">"Ar"</span><span class="op">)</span><span class="op">)</span></span>
<span class="r-in"> <span class="op">)</span></span>
<div id="htmlwidget-e6cfde3ed677ef9f05f3" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-e6cfde3ed677ef9f05f3">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"Realised","type":"line","data":[[1577836800000,1445],[1577923200000,1545],[1578009600000,1501],[1578096000000,1444],[1578182400000,1443],[1578268800000,1659],[1578355200000,1631],[1578441600000,1558],[1578528000000,1510],[1578614400000,1545],[1578700800000,1478],[1578787200000,1453],[1578873600000,1614],[1578960000000,1594],[1579046400000,1565],[1579132800000,1543],[1579219200000,1539],[1579305600000,1498],[1579392000000,1520],[1579478400000,1744],[1579564800000,1792],[1579651200000,1805],[1579737600000,1798],[1579824000000,1760],[1579910400000,1593],[1579996800000,1469],[1580083200000,1616],[1580169600000,1637],[1580256000000,1619],[1580342400000,1594],[1580428800000,1462],[1580515200000,1314],[1580601600000,1247],[1580688000000,1385],[1580774400000,1511],[1580860800000,1588],[1580947200000,1636],[1581033600000,1628],[1581120000000,1430],[1581206400000,1352],[1581292800000,1470],[1581379200000,1534],[1581465600000,1572],[1581552000000,1597],[1581638400000,1512],[1581724800000,1361],[1581811200000,1258],[1581897600000,1448],[1581984000000,1523],[1582070400000,1547],[1582156800000,1521],[1582243200000,1535],[1582329600000,1387],[1582416000000,1276],[1582502400000,1403],[1582588800000,1464],[1582675200000,1591],[1582761600000,1631],[1582848000000,1601],[1582934400000,1400]]},{"name":"Forecast D-1","type":"line","data":[[1577836800000,1481],[1577923200000,1577],[1578009600000,1553],[1578096000000,1463],[1578182400000,1459],[1578268800000,1681],[1578355200000,1652],[1578441600000,1569],[1578528000000,1512],[1578614400000,1520],[1578700800000,1467],[1578787200000,1457],[1578873600000,1630],[1578960000000,1603],[1579046400000,1563],[1579132800000,1570],[1579219200000,1545],[1579305600000,1490],[1579392000000,1520],[1579478400000,1754],[1579564800000,1814],[1579651200000,1804],[1579737600000,1786],[1579824000000,1756],[1579910400000,1614],[1579996800000,1516],[1580083200000,1644],[1580169600000,1645],[1580256000000,1629],[1580342400000,1617],[1580428800000,1489],[1580515200000,1305],[1580601600000,1226],[1580688000000,1421],[1580774400000,1501],[1580860800000,1589],[1580947200000,1650],[1581033600000,1648],[1581120000000,1474],[1581206400000,1326],[1581292800000,1477],[1581379200000,1527],[1581465600000,1601],[1581552000000,1576],[1581638400000,1518],[1581724800000,1358],[1581811200000,1235],[1581897600000,1459],[1581984000000,1542],[1582070400000,1568],[1582156800000,1540],[1582243200000,1528],[1582329600000,1391],[1582416000000,1282],[1582502400000,1437],[1582588800000,1487],[1582675200000,1553],[1582761600000,1598],[1582848000000,1611],[1582934400000,1391]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"back","xaxis":[{"x":"new Date('2020-01-11').getTime()","borderColor":"#E41A1C","strokeDashArray":4,"label":{"text":"Am","style":{"padding":{"top":2,"right":5,"bottom":2,"left":5}}}},{"x":"new Date('2020-01-29').getTime()","borderColor":"#E41A1C","strokeDashArray":4,"label":{"text":"Ar","style":{"padding":{"top":2,"right":5,"bottom":2,"left":5}}}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2020-01-01","max":"2020-02-29"},"type":"spline"},"evals":["ax_opts.annotations.xaxis.0.x","ax_opts.annotations.xaxis.1.x"],"jsHooks":[]}</script><span class="r-in"></span>
<span class="r-in"><span class="co"># can be combined with shade</span></span>
<span class="r-in"><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">consumption</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">value</span>, group <span class="op">=</span> <span class="va">type</span><span class="op">)</span>, <span class="st">"spline"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="add-shade.html">add_shade</a></span><span class="op">(</span>from <span class="op">=</span> <span class="st">"2020-01-06"</span>, to <span class="op">=</span> <span class="st">"2020-01-20"</span><span class="op">)</span><span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">add_event</span><span class="op">(</span>when <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"2020-01-11"</span>, <span class="st">"2020-01-29"</span><span class="op">)</span><span class="op">)</span></span>
<div id="htmlwidget-9959efa7f4802d46d9ec" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-9959efa7f4802d46d9ec">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"Realised","type":"line","data":[[1577836800000,1445],[1577923200000,1545],[1578009600000,1501],[1578096000000,1444],[1578182400000,1443],[1578268800000,1659],[1578355200000,1631],[1578441600000,1558],[1578528000000,1510],[1578614400000,1545],[1578700800000,1478],[1578787200000,1453],[1578873600000,1614],[1578960000000,1594],[1579046400000,1565],[1579132800000,1543],[1579219200000,1539],[1579305600000,1498],[1579392000000,1520],[1579478400000,1744],[1579564800000,1792],[1579651200000,1805],[1579737600000,1798],[1579824000000,1760],[1579910400000,1593],[1579996800000,1469],[1580083200000,1616],[1580169600000,1637],[1580256000000,1619],[1580342400000,1594],[1580428800000,1462],[1580515200000,1314],[1580601600000,1247],[1580688000000,1385],[1580774400000,1511],[1580860800000,1588],[1580947200000,1636],[1581033600000,1628],[1581120000000,1430],[1581206400000,1352],[1581292800000,1470],[1581379200000,1534],[1581465600000,1572],[1581552000000,1597],[1581638400000,1512],[1581724800000,1361],[1581811200000,1258],[1581897600000,1448],[1581984000000,1523],[1582070400000,1547],[1582156800000,1521],[1582243200000,1535],[1582329600000,1387],[1582416000000,1276],[1582502400000,1403],[1582588800000,1464],[1582675200000,1591],[1582761600000,1631],[1582848000000,1601],[1582934400000,1400]]},{"name":"Forecast D-1","type":"line","data":[[1577836800000,1481],[1577923200000,1577],[1578009600000,1553],[1578096000000,1463],[1578182400000,1459],[1578268800000,1681],[1578355200000,1652],[1578441600000,1569],[1578528000000,1512],[1578614400000,1520],[1578700800000,1467],[1578787200000,1457],[1578873600000,1630],[1578960000000,1603],[1579046400000,1563],[1579132800000,1570],[1579219200000,1545],[1579305600000,1490],[1579392000000,1520],[1579478400000,1754],[1579564800000,1814],[1579651200000,1804],[1579737600000,1786],[1579824000000,1756],[1579910400000,1614],[1579996800000,1516],[1580083200000,1644],[1580169600000,1645],[1580256000000,1629],[1580342400000,1617],[1580428800000,1489],[1580515200000,1305],[1580601600000,1226],[1580688000000,1421],[1580774400000,1501],[1580860800000,1589],[1580947200000,1650],[1581033600000,1648],[1581120000000,1474],[1581206400000,1326],[1581292800000,1477],[1581379200000,1527],[1581465600000,1601],[1581552000000,1576],[1581638400000,1518],[1581724800000,1358],[1581811200000,1235],[1581897600000,1459],[1581984000000,1542],[1582070400000,1568],[1582156800000,1540],[1582243200000,1528],[1582329600000,1391],[1582416000000,1282],[1582502400000,1437],[1582588800000,1487],[1582675200000,1553],[1582761600000,1598],[1582848000000,1611],[1582934400000,1391]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"back","xaxis":[{"x":"new Date('2020-01-11').getTime()","borderColor":"#E41A1C","strokeDashArray":4},{"x":"new Date('2020-01-29').getTime()","borderColor":"#E41A1C","strokeDashArray":4},{"x":"new Date('2020-01-06').getTime()","x2":"new Date('2020-01-20').getTime()","fillColor":"#848484","opacity":0.2}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2020-01-01","max":"2020-02-29"},"type":"spline"},"evals":["ax_opts.annotations.xaxis.0.x","ax_opts.annotations.xaxis.1.x","ax_opts.annotations.xaxis.2.x","ax_opts.annotations.xaxis.2.x2"],"jsHooks":[]}</script></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span></span>
<span class="r-in"><span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"consumption"</span><span class="op">)</span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># specify from and to date</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">consumption</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">value</span>, group <span class="op">=</span> <span class="va">type</span><span class="op">)</span>, <span class="st">"spline"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">add_event</span><span class="op">(</span>when <span class="op">=</span> <span class="st">"2020-01-11"</span><span class="op">)</span></span></span>
<div id="htmlwidget-aeb5eb005a30de775333" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-aeb5eb005a30de775333">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"Realised","type":"line","data":[[1577836800000,1445],[1577923200000,1545],[1578009600000,1501],[1578096000000,1444],[1578182400000,1443],[1578268800000,1659],[1578355200000,1631],[1578441600000,1558],[1578528000000,1510],[1578614400000,1545],[1578700800000,1478],[1578787200000,1453],[1578873600000,1614],[1578960000000,1594],[1579046400000,1565],[1579132800000,1543],[1579219200000,1539],[1579305600000,1498],[1579392000000,1520],[1579478400000,1744],[1579564800000,1792],[1579651200000,1805],[1579737600000,1798],[1579824000000,1760],[1579910400000,1593],[1579996800000,1469],[1580083200000,1616],[1580169600000,1637],[1580256000000,1619],[1580342400000,1594],[1580428800000,1462],[1580515200000,1314],[1580601600000,1247],[1580688000000,1385],[1580774400000,1511],[1580860800000,1588],[1580947200000,1636],[1581033600000,1628],[1581120000000,1430],[1581206400000,1352],[1581292800000,1470],[1581379200000,1534],[1581465600000,1572],[1581552000000,1597],[1581638400000,1512],[1581724800000,1361],[1581811200000,1258],[1581897600000,1448],[1581984000000,1523],[1582070400000,1547],[1582156800000,1521],[1582243200000,1535],[1582329600000,1387],[1582416000000,1276],[1582502400000,1403],[1582588800000,1464],[1582675200000,1591],[1582761600000,1631],[1582848000000,1601],[1582934400000,1400]]},{"name":"Forecast D-1","type":"line","data":[[1577836800000,1481],[1577923200000,1577],[1578009600000,1553],[1578096000000,1463],[1578182400000,1459],[1578268800000,1681],[1578355200000,1652],[1578441600000,1569],[1578528000000,1512],[1578614400000,1520],[1578700800000,1467],[1578787200000,1457],[1578873600000,1630],[1578960000000,1603],[1579046400000,1563],[1579132800000,1570],[1579219200000,1545],[1579305600000,1490],[1579392000000,1520],[1579478400000,1754],[1579564800000,1814],[1579651200000,1804],[1579737600000,1786],[1579824000000,1756],[1579910400000,1614],[1579996800000,1516],[1580083200000,1644],[1580169600000,1645],[1580256000000,1629],[1580342400000,1617],[1580428800000,1489],[1580515200000,1305],[1580601600000,1226],[1580688000000,1421],[1580774400000,1501],[1580860800000,1589],[1580947200000,1650],[1581033600000,1648],[1581120000000,1474],[1581206400000,1326],[1581292800000,1477],[1581379200000,1527],[1581465600000,1601],[1581552000000,1576],[1581638400000,1518],[1581724800000,1358],[1581811200000,1235],[1581897600000,1459],[1581984000000,1542],[1582070400000,1568],[1582156800000,1540],[1582243200000,1528],[1582329600000,1391],[1582416000000,1282],[1582502400000,1437],[1582588800000,1487],[1582675200000,1553],[1582761600000,1598],[1582848000000,1611],[1582934400000,1391]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"back","xaxis":[{"x":"new Date('2020-01-11').getTime()","borderColor":"#E41A1C","strokeDashArray":4}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2020-01-01","max":"2020-02-29"},"type":"spline"},"evals":["ax_opts.annotations.xaxis.0.x"],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># several events</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">consumption</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">value</span>, group <span class="op">=</span> <span class="va">type</span><span class="op">)</span>, <span class="st">"spline"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">add_event</span><span class="op">(</span>when <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"2020-01-11"</span>, <span class="st">"2020-01-29"</span><span class="op">)</span><span class="op">)</span></span></span>
<div id="htmlwidget-58532ae0a2ceaf163e57" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-58532ae0a2ceaf163e57">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"Realised","type":"line","data":[[1577836800000,1445],[1577923200000,1545],[1578009600000,1501],[1578096000000,1444],[1578182400000,1443],[1578268800000,1659],[1578355200000,1631],[1578441600000,1558],[1578528000000,1510],[1578614400000,1545],[1578700800000,1478],[1578787200000,1453],[1578873600000,1614],[1578960000000,1594],[1579046400000,1565],[1579132800000,1543],[1579219200000,1539],[1579305600000,1498],[1579392000000,1520],[1579478400000,1744],[1579564800000,1792],[1579651200000,1805],[1579737600000,1798],[1579824000000,1760],[1579910400000,1593],[1579996800000,1469],[1580083200000,1616],[1580169600000,1637],[1580256000000,1619],[1580342400000,1594],[1580428800000,1462],[1580515200000,1314],[1580601600000,1247],[1580688000000,1385],[1580774400000,1511],[1580860800000,1588],[1580947200000,1636],[1581033600000,1628],[1581120000000,1430],[1581206400000,1352],[1581292800000,1470],[1581379200000,1534],[1581465600000,1572],[1581552000000,1597],[1581638400000,1512],[1581724800000,1361],[1581811200000,1258],[1581897600000,1448],[1581984000000,1523],[1582070400000,1547],[1582156800000,1521],[1582243200000,1535],[1582329600000,1387],[1582416000000,1276],[1582502400000,1403],[1582588800000,1464],[1582675200000,1591],[1582761600000,1631],[1582848000000,1601],[1582934400000,1400]]},{"name":"Forecast D-1","type":"line","data":[[1577836800000,1481],[1577923200000,1577],[1578009600000,1553],[1578096000000,1463],[1578182400000,1459],[1578268800000,1681],[1578355200000,1652],[1578441600000,1569],[1578528000000,1512],[1578614400000,1520],[1578700800000,1467],[1578787200000,1457],[1578873600000,1630],[1578960000000,1603],[1579046400000,1563],[1579132800000,1570],[1579219200000,1545],[1579305600000,1490],[1579392000000,1520],[1579478400000,1754],[1579564800000,1814],[1579651200000,1804],[1579737600000,1786],[1579824000000,1756],[1579910400000,1614],[1579996800000,1516],[1580083200000,1644],[1580169600000,1645],[1580256000000,1629],[1580342400000,1617],[1580428800000,1489],[1580515200000,1305],[1580601600000,1226],[1580688000000,1421],[1580774400000,1501],[1580860800000,1589],[1580947200000,1650],[1581033600000,1648],[1581120000000,1474],[1581206400000,1326],[1581292800000,1477],[1581379200000,1527],[1581465600000,1601],[1581552000000,1576],[1581638400000,1518],[1581724800000,1358],[1581811200000,1235],[1581897600000,1459],[1581984000000,1542],[1582070400000,1568],[1582156800000,1540],[1582243200000,1528],[1582329600000,1391],[1582416000000,1282],[1582502400000,1437],[1582588800000,1487],[1582675200000,1553],[1582761600000,1598],[1582848000000,1611],[1582934400000,1391]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"back","xaxis":[{"x":"new Date('2020-01-11').getTime()","borderColor":"#E41A1C","strokeDashArray":4},{"x":"new Date('2020-01-29').getTime()","borderColor":"#E41A1C","strokeDashArray":4}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2020-01-01","max":"2020-02-29"},"type":"spline"},"evals":["ax_opts.annotations.xaxis.0.x","ax_opts.annotations.xaxis.1.x"],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># Add labels on events</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">consumption</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">value</span>, group <span class="op">=</span> <span class="va">type</span><span class="op">)</span>, <span class="st">"spline"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">add_event</span><span class="op">(</span></span></span>
<span class="r-in"><span> when <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"2020-01-11"</span>, <span class="st">"2020-01-29"</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> label <span class="op">=</span> <span class="fu"><a href="label.html">label</a></span><span class="op">(</span>text <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"Am"</span>, <span class="st">"Ar"</span><span class="op">)</span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<div id="htmlwidget-1a15f1f0b4fa01b5c975" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-1a15f1f0b4fa01b5c975">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"Realised","type":"line","data":[[1577836800000,1445],[1577923200000,1545],[1578009600000,1501],[1578096000000,1444],[1578182400000,1443],[1578268800000,1659],[1578355200000,1631],[1578441600000,1558],[1578528000000,1510],[1578614400000,1545],[1578700800000,1478],[1578787200000,1453],[1578873600000,1614],[1578960000000,1594],[1579046400000,1565],[1579132800000,1543],[1579219200000,1539],[1579305600000,1498],[1579392000000,1520],[1579478400000,1744],[1579564800000,1792],[1579651200000,1805],[1579737600000,1798],[1579824000000,1760],[1579910400000,1593],[1579996800000,1469],[1580083200000,1616],[1580169600000,1637],[1580256000000,1619],[1580342400000,1594],[1580428800000,1462],[1580515200000,1314],[1580601600000,1247],[1580688000000,1385],[1580774400000,1511],[1580860800000,1588],[1580947200000,1636],[1581033600000,1628],[1581120000000,1430],[1581206400000,1352],[1581292800000,1470],[1581379200000,1534],[1581465600000,1572],[1581552000000,1597],[1581638400000,1512],[1581724800000,1361],[1581811200000,1258],[1581897600000,1448],[1581984000000,1523],[1582070400000,1547],[1582156800000,1521],[1582243200000,1535],[1582329600000,1387],[1582416000000,1276],[1582502400000,1403],[1582588800000,1464],[1582675200000,1591],[1582761600000,1631],[1582848000000,1601],[1582934400000,1400]]},{"name":"Forecast D-1","type":"line","data":[[1577836800000,1481],[1577923200000,1577],[1578009600000,1553],[1578096000000,1463],[1578182400000,1459],[1578268800000,1681],[1578355200000,1652],[1578441600000,1569],[1578528000000,1512],[1578614400000,1520],[1578700800000,1467],[1578787200000,1457],[1578873600000,1630],[1578960000000,1603],[1579046400000,1563],[1579132800000,1570],[1579219200000,1545],[1579305600000,1490],[1579392000000,1520],[1579478400000,1754],[1579564800000,1814],[1579651200000,1804],[1579737600000,1786],[1579824000000,1756],[1579910400000,1614],[1579996800000,1516],[1580083200000,1644],[1580169600000,1645],[1580256000000,1629],[1580342400000,1617],[1580428800000,1489],[1580515200000,1305],[1580601600000,1226],[1580688000000,1421],[1580774400000,1501],[1580860800000,1589],[1580947200000,1650],[1581033600000,1648],[1581120000000,1474],[1581206400000,1326],[1581292800000,1477],[1581379200000,1527],[1581465600000,1601],[1581552000000,1576],[1581638400000,1518],[1581724800000,1358],[1581811200000,1235],[1581897600000,1459],[1581984000000,1542],[1582070400000,1568],[1582156800000,1540],[1582243200000,1528],[1582329600000,1391],[1582416000000,1282],[1582502400000,1437],[1582588800000,1487],[1582675200000,1553],[1582761600000,1598],[1582848000000,1611],[1582934400000,1391]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"back","xaxis":[{"x":"new Date('2020-01-11').getTime()","borderColor":"#E41A1C","strokeDashArray":4,"label":{"text":"Am","style":{"padding":{"top":2,"right":5,"bottom":2,"left":5}}}},{"x":"new Date('2020-01-29').getTime()","borderColor":"#E41A1C","strokeDashArray":4,"label":{"text":"Ar","style":{"padding":{"top":2,"right":5,"bottom":2,"left":5}}}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2020-01-01","max":"2020-02-29"},"type":"spline"},"evals":["ax_opts.annotations.xaxis.0.x","ax_opts.annotations.xaxis.1.x"],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># can be combined with shade</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">consumption</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">value</span>, group <span class="op">=</span> <span class="va">type</span><span class="op">)</span>, <span class="st">"spline"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="add-shade.html">add_shade</a></span><span class="op">(</span>from <span class="op">=</span> <span class="st">"2020-01-06"</span>, to <span class="op">=</span> <span class="st">"2020-01-20"</span><span class="op">)</span><span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">add_event</span><span class="op">(</span>when <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"2020-01-11"</span>, <span class="st">"2020-01-29"</span><span class="op">)</span><span class="op">)</span></span></span>
<div id="htmlwidget-3f76ec60829e8e964af5" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-3f76ec60829e8e964af5">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"Realised","type":"line","data":[[1577836800000,1445],[1577923200000,1545],[1578009600000,1501],[1578096000000,1444],[1578182400000,1443],[1578268800000,1659],[1578355200000,1631],[1578441600000,1558],[1578528000000,1510],[1578614400000,1545],[1578700800000,1478],[1578787200000,1453],[1578873600000,1614],[1578960000000,1594],[1579046400000,1565],[1579132800000,1543],[1579219200000,1539],[1579305600000,1498],[1579392000000,1520],[1579478400000,1744],[1579564800000,1792],[1579651200000,1805],[1579737600000,1798],[1579824000000,1760],[1579910400000,1593],[1579996800000,1469],[1580083200000,1616],[1580169600000,1637],[1580256000000,1619],[1580342400000,1594],[1580428800000,1462],[1580515200000,1314],[1580601600000,1247],[1580688000000,1385],[1580774400000,1511],[1580860800000,1588],[1580947200000,1636],[1581033600000,1628],[1581120000000,1430],[1581206400000,1352],[1581292800000,1470],[1581379200000,1534],[1581465600000,1572],[1581552000000,1597],[1581638400000,1512],[1581724800000,1361],[1581811200000,1258],[1581897600000,1448],[1581984000000,1523],[1582070400000,1547],[1582156800000,1521],[1582243200000,1535],[1582329600000,1387],[1582416000000,1276],[1582502400000,1403],[1582588800000,1464],[1582675200000,1591],[1582761600000,1631],[1582848000000,1601],[1582934400000,1400]]},{"name":"Forecast D-1","type":"line","data":[[1577836800000,1481],[1577923200000,1577],[1578009600000,1553],[1578096000000,1463],[1578182400000,1459],[1578268800000,1681],[1578355200000,1652],[1578441600000,1569],[1578528000000,1512],[1578614400000,1520],[1578700800000,1467],[1578787200000,1457],[1578873600000,1630],[1578960000000,1603],[1579046400000,1563],[1579132800000,1570],[1579219200000,1545],[1579305600000,1490],[1579392000000,1520],[1579478400000,1754],[1579564800000,1814],[1579651200000,1804],[1579737600000,1786],[1579824000000,1756],[1579910400000,1614],[1579996800000,1516],[1580083200000,1644],[1580169600000,1645],[1580256000000,1629],[1580342400000,1617],[1580428800000,1489],[1580515200000,1305],[1580601600000,1226],[1580688000000,1421],[1580774400000,1501],[1580860800000,1589],[1580947200000,1650],[1581033600000,1648],[1581120000000,1474],[1581206400000,1326],[1581292800000,1477],[1581379200000,1527],[1581465600000,1601],[1581552000000,1576],[1581638400000,1518],[1581724800000,1358],[1581811200000,1235],[1581897600000,1459],[1581984000000,1542],[1582070400000,1568],[1582156800000,1540],[1582243200000,1528],[1582329600000,1391],[1582416000000,1282],[1582502400000,1437],[1582588800000,1487],[1582675200000,1553],[1582761600000,1598],[1582848000000,1611],[1582934400000,1391]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"annotations":{"position":"back","xaxis":[{"x":"new Date('2020-01-11').getTime()","borderColor":"#E41A1C","strokeDashArray":4},{"x":"new Date('2020-01-29').getTime()","borderColor":"#E41A1C","strokeDashArray":4},{"x":"new Date('2020-01-06').getTime()","x2":"new Date('2020-01-20').getTime()","fillColor":"#848484","opacity":0.2}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2020-01-01","max":"2020-02-29"},"type":"spline"},"evals":["ax_opts.annotations.xaxis.0.x","ax_opts.annotations.xaxis.1.x","ax_opts.annotations.xaxis.2.x","ax_opts.annotations.xaxis.2.x2"],"jsHooks":[]}</script></code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>
@ -135,7 +150,7 @@ or see <code><a href="label.html">label</a></code> for more controls.</p></dd>
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

115
reference/add_event_marker.html
View File

File diff suppressed because one or more lines are too long

151
reference/add_point.html
View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Add an annotation point"><title>Add an annotation point — add_point • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Add an annotation point — add_point"><meta property="og:description" content="Add an annotation point"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Add an annotation point"><title>Add an annotation point — add_point • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Add an annotation point — add_point"><meta property="og:description" content="Add an annotation point"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--><!-- dependencies from examples --><script src="libs/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="libs/apexcharter-binding-0.3.1.9000/apexcharter.js"></script></head><body>
<![endif]--><!-- dependencies from examples --><script src="libs/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="libs/apexcharter-binding-0.3.1.9200/apexcharter.js"></script></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="../index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -65,51 +65,76 @@
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">add_point</span><span class="op">(</span>
<span class="va">ax</span>,
<span class="va">x</span>,
<span class="va">y</span>,
size <span class="op">=</span> <span class="fl">5</span>,
color <span class="op">=</span> <span class="st">"#000"</span>,
fill <span class="op">=</span> <span class="st">"#FFF"</span>,
width <span class="op">=</span> <span class="fl">2</span>,
shape <span class="op">=</span> <span class="st">"circle"</span>,
radius <span class="op">=</span> <span class="fl">2</span>,
label <span class="op">=</span> <span class="cn">NULL</span>,
<span class="va">...</span>
<span class="op">)</span></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">add_point</span><span class="op">(</span></span>
<span> <span class="va">ax</span>,</span>
<span> <span class="va">x</span>,</span>
<span> <span class="va">y</span>,</span>
<span> size <span class="op">=</span> <span class="fl">5</span>,</span>
<span> color <span class="op">=</span> <span class="st">"#000"</span>,</span>
<span> fill <span class="op">=</span> <span class="st">"#FFF"</span>,</span>
<span> width <span class="op">=</span> <span class="fl">2</span>,</span>
<span> shape <span class="op">=</span> <span class="st">"circle"</span>,</span>
<span> radius <span class="op">=</span> <span class="fl">2</span>,</span>
<span> label <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> <span class="va">...</span></span>
<span><span class="op">)</span></span></code></pre></div>
</div>
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>ax</dt>
<dd><p>An <code><a href="apexchart.html">apexchart()</a></code> <code>htmlwidget</code> object.</p></dd>
<dt>x</dt>
<dd><p>Coordinate(s) on the x-axis.</p></dd>
<dt>y</dt>
<dd><p>Coordinate(s) on the y-axis.</p></dd>
<dt>size</dt>
<dd><p>Size of the marker.</p></dd>
<dt>color</dt>
<dd><p>Stroke Color of the marker point.</p></dd>
<dt>fill</dt>
<dd><p>Fill Color of the marker point.</p></dd>
<dt>width</dt>
<dd><p>Stroke Size of the marker point.</p></dd>
<dt>shape</dt>
<dd><p>Shape of the marker: <code>"circle"</code> or <code>"square"</code>.</p></dd>
<dt>radius</dt>
<dd><p>Radius of the marker (applies to square shape).</p></dd>
<dt>label</dt>
<dd><p>Add a label to the shade, use a <code>character</code>
or see <code><a href="label.html">label</a></code> for more controls.</p></dd>
<dt>...</dt>
<dd><p>Additional arguments, see
<a href="https://apexcharts.com/docs/options/annotations/" class="external-link">https://apexcharts.com/docs/options/annotations/</a> for possible options.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>An <code><a href="apexchart.html">apexchart()</a></code><code>htmlwidget</code> object.</p>
<p>An <code><a href="apexchart.html">apexchart()</a></code></p>
<p></p>
<p><code>htmlwidget</code> object.</p>
</div>
<div class="section level2">
<h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2>
@ -118,51 +143,51 @@ or see <code><a href="label.html">label</a></code> for more controls.</p></dd>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"></span>
<span class="r-in"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"><span class="co"># On scatter chart</span></span>
<span class="r-in"><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span>
<span class="r-in"> data <span class="op">=</span> <span class="va">iris</span>,</span>
<span class="r-in"> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">Sepal.Length</span>, <span class="va">Sepal.Width</span><span class="op">)</span>,</span>
<span class="r-in"> <span class="st">"scatter"</span></span>
<span class="r-in"><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">add_point</span><span class="op">(</span></span>
<span class="r-in"> x <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">iris</span><span class="op">$</span><span class="va">Sepal.Length</span><span class="op">)</span>,</span>
<span class="r-in"> y <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">iris</span><span class="op">$</span><span class="va">Sepal.Width</span><span class="op">)</span></span>
<span class="r-in"> <span class="op">)</span></span>
<div id="htmlwidget-dd6507df17b5a1a893af" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-dd6507df17b5a1a893af">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"Sepal.Width","type":"scatter","data":[{"x":5.1,"y":3.5},{"x":4.9,"y":3},{"x":4.7,"y":3.2},{"x":4.6,"y":3.1},{"x":5,"y":3.6},{"x":5.4,"y":3.9},{"x":4.6,"y":3.4},{"x":5,"y":3.4},{"x":4.4,"y":2.9},{"x":4.9,"y":3.1},{"x":5.4,"y":3.7},{"x":4.8,"y":3.4},{"x":4.8,"y":3},{"x":4.3,"y":3},{"x":5.8,"y":4},{"x":5.7,"y":4.4},{"x":5.4,"y":3.9},{"x":5.1,"y":3.5},{"x":5.7,"y":3.8},{"x":5.1,"y":3.8},{"x":5.4,"y":3.4},{"x":5.1,"y":3.7},{"x":4.6,"y":3.6},{"x":5.1,"y":3.3},{"x":4.8,"y":3.4},{"x":5,"y":3},{"x":5,"y":3.4},{"x":5.2,"y":3.5},{"x":5.2,"y":3.4},{"x":4.7,"y":3.2},{"x":4.8,"y":3.1},{"x":5.4,"y":3.4},{"x":5.2,"y":4.1},{"x":5.5,"y":4.2},{"x":4.9,"y":3.1},{"x":5,"y":3.2},{"x":5.5,"y":3.5},{"x":4.9,"y":3.6},{"x":4.4,"y":3},{"x":5.1,"y":3.4},{"x":5,"y":3.5},{"x":4.5,"y":2.3},{"x":4.4,"y":3.2},{"x":5,"y":3.5},{"x":5.1,"y":3.8},{"x":4.8,"y":3},{"x":5.1,"y":3.8},{"x":4.6,"y":3.2},{"x":5.3,"y":3.7},{"x":5,"y":3.3},{"x":7,"y":3.2},{"x":6.4,"y":3.2},{"x":6.9,"y":3.1},{"x":5.5,"y":2.3},{"x":6.5,"y":2.8},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":4.9,"y":2.4},{"x":6.6,"y":2.9},{"x":5.2,"y":2.7},{"x":5,"y":2},{"x":5.9,"y":3},{"x":6,"y":2.2},{"x":6.1,"y":2.9},{"x":5.6,"y":2.9},{"x":6.7,"y":3.1},{"x":5.6,"y":3},{"x":5.8,"y":2.7},{"x":6.2,"y":2.2},{"x":5.6,"y":2.5},{"x":5.9,"y":3.2},{"x":6.1,"y":2.8},{"x":6.3,"y":2.5},{"x":6.1,"y":2.8},{"x":6.4,"y":2.9},{"x":6.6,"y":3},{"x":6.8,"y":2.8},{"x":6.7,"y":3},{"x":6,"y":2.9},{"x":5.7,"y":2.6},{"x":5.5,"y":2.4},{"x":5.5,"y":2.4},{"x":5.8,"y":2.7},{"x":6,"y":2.7},{"x":5.4,"y":3},{"x":6,"y":3.4},{"x":6.7,"y":3.1},{"x":6.3,"y":2.3},{"x":5.6,"y":3},{"x":5.5,"y":2.5},{"x":5.5,"y":2.6},{"x":6.1,"y":3},{"x":5.8,"y":2.6},{"x":5,"y":2.3},{"x":5.6,"y":2.7},{"x":5.7,"y":3},{"x":5.7,"y":2.9},{"x":6.2,"y":2.9},{"x":5.1,"y":2.5},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":5.8,"y":2.7},{"x":7.1,"y":3},{"x":6.3,"y":2.9},{"x":6.5,"y":3},{"x":7.6,"y":3},{"x":4.9,"y":2.5},{"x":7.3,"y":2.9},{"x":6.7,"y":2.5},{"x":7.2,"y":3.6},{"x":6.5,"y":3.2},{"x":6.4,"y":2.7},{"x":6.8,"y":3},{"x":5.7,"y":2.5},{"x":5.8,"y":2.8},{"x":6.4,"y":3.2},{"x":6.5,"y":3},{"x":7.7,"y":3.8},{"x":7.7,"y":2.6},{"x":6,"y":2.2},{"x":6.9,"y":3.2},{"x":5.6,"y":2.8},{"x":7.7,"y":2.8},{"x":6.3,"y":2.7},{"x":6.7,"y":3.3},{"x":7.2,"y":3.2},{"x":6.2,"y":2.8},{"x":6.1,"y":3},{"x":6.4,"y":2.8},{"x":7.2,"y":3},{"x":7.4,"y":2.8},{"x":7.9,"y":3.8},{"x":6.4,"y":2.8},{"x":6.3,"y":2.8},{"x":6.1,"y":2.6},{"x":7.7,"y":3},{"x":6.3,"y":3.4},{"x":6.4,"y":3.1},{"x":6,"y":3},{"x":6.9,"y":3.1},{"x":6.7,"y":3.1},{"x":6.9,"y":3.1},{"x":5.8,"y":2.7},{"x":6.8,"y":3.2},{"x":6.7,"y":3.3},{"x":6.7,"y":3},{"x":6.3,"y":2.5},{"x":6.5,"y":3},{"x":6.2,"y":3.4},{"x":5.9,"y":3}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":4,"max":8,"tickAmount":4,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":2,"max":4.5,"tickAmount":5,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","points":[{"x":5.84333333333333,"y":3.05733333333333,"marker":{"size":5,"fillColor":"#FFF","strokeColor":"#000","strokeWidth":2,"shape":"circle","radius":2}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4.3,"max":7.9},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script><span class="r-in"></span>
<span class="r-in"><span class="co"># Some options</span></span>
<span class="r-in"><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span>
<span class="r-in"> data <span class="op">=</span> <span class="va">iris</span>,</span>
<span class="r-in"> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">Sepal.Length</span>, <span class="va">Sepal.Width</span><span class="op">)</span>,</span>
<span class="r-in"> <span class="st">"scatter"</span></span>
<span class="r-in"><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">add_point</span><span class="op">(</span></span>
<span class="r-in"> x <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">iris</span><span class="op">$</span><span class="va">Sepal.Length</span><span class="op">)</span>,</span>
<span class="r-in"> y <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">iris</span><span class="op">$</span><span class="va">Sepal.Width</span><span class="op">)</span>, </span>
<span class="r-in"> fill <span class="op">=</span> <span class="st">"firebrick"</span>,</span>
<span class="r-in"> color <span class="op">=</span> <span class="st">"firebrick"</span>,</span>
<span class="r-in"> size <span class="op">=</span> <span class="fl">8</span>,</span>
<span class="r-in"> label <span class="op">=</span> <span class="fu"><a href="label.html">label</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Mean"</span>, offsetY <span class="op">=</span> <span class="fl">0</span><span class="op">)</span></span>
<span class="r-in"> <span class="op">)</span></span>
<div id="htmlwidget-c83f9709d2e2034be014" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-c83f9709d2e2034be014">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"Sepal.Width","type":"scatter","data":[{"x":5.1,"y":3.5},{"x":4.9,"y":3},{"x":4.7,"y":3.2},{"x":4.6,"y":3.1},{"x":5,"y":3.6},{"x":5.4,"y":3.9},{"x":4.6,"y":3.4},{"x":5,"y":3.4},{"x":4.4,"y":2.9},{"x":4.9,"y":3.1},{"x":5.4,"y":3.7},{"x":4.8,"y":3.4},{"x":4.8,"y":3},{"x":4.3,"y":3},{"x":5.8,"y":4},{"x":5.7,"y":4.4},{"x":5.4,"y":3.9},{"x":5.1,"y":3.5},{"x":5.7,"y":3.8},{"x":5.1,"y":3.8},{"x":5.4,"y":3.4},{"x":5.1,"y":3.7},{"x":4.6,"y":3.6},{"x":5.1,"y":3.3},{"x":4.8,"y":3.4},{"x":5,"y":3},{"x":5,"y":3.4},{"x":5.2,"y":3.5},{"x":5.2,"y":3.4},{"x":4.7,"y":3.2},{"x":4.8,"y":3.1},{"x":5.4,"y":3.4},{"x":5.2,"y":4.1},{"x":5.5,"y":4.2},{"x":4.9,"y":3.1},{"x":5,"y":3.2},{"x":5.5,"y":3.5},{"x":4.9,"y":3.6},{"x":4.4,"y":3},{"x":5.1,"y":3.4},{"x":5,"y":3.5},{"x":4.5,"y":2.3},{"x":4.4,"y":3.2},{"x":5,"y":3.5},{"x":5.1,"y":3.8},{"x":4.8,"y":3},{"x":5.1,"y":3.8},{"x":4.6,"y":3.2},{"x":5.3,"y":3.7},{"x":5,"y":3.3},{"x":7,"y":3.2},{"x":6.4,"y":3.2},{"x":6.9,"y":3.1},{"x":5.5,"y":2.3},{"x":6.5,"y":2.8},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":4.9,"y":2.4},{"x":6.6,"y":2.9},{"x":5.2,"y":2.7},{"x":5,"y":2},{"x":5.9,"y":3},{"x":6,"y":2.2},{"x":6.1,"y":2.9},{"x":5.6,"y":2.9},{"x":6.7,"y":3.1},{"x":5.6,"y":3},{"x":5.8,"y":2.7},{"x":6.2,"y":2.2},{"x":5.6,"y":2.5},{"x":5.9,"y":3.2},{"x":6.1,"y":2.8},{"x":6.3,"y":2.5},{"x":6.1,"y":2.8},{"x":6.4,"y":2.9},{"x":6.6,"y":3},{"x":6.8,"y":2.8},{"x":6.7,"y":3},{"x":6,"y":2.9},{"x":5.7,"y":2.6},{"x":5.5,"y":2.4},{"x":5.5,"y":2.4},{"x":5.8,"y":2.7},{"x":6,"y":2.7},{"x":5.4,"y":3},{"x":6,"y":3.4},{"x":6.7,"y":3.1},{"x":6.3,"y":2.3},{"x":5.6,"y":3},{"x":5.5,"y":2.5},{"x":5.5,"y":2.6},{"x":6.1,"y":3},{"x":5.8,"y":2.6},{"x":5,"y":2.3},{"x":5.6,"y":2.7},{"x":5.7,"y":3},{"x":5.7,"y":2.9},{"x":6.2,"y":2.9},{"x":5.1,"y":2.5},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":5.8,"y":2.7},{"x":7.1,"y":3},{"x":6.3,"y":2.9},{"x":6.5,"y":3},{"x":7.6,"y":3},{"x":4.9,"y":2.5},{"x":7.3,"y":2.9},{"x":6.7,"y":2.5},{"x":7.2,"y":3.6},{"x":6.5,"y":3.2},{"x":6.4,"y":2.7},{"x":6.8,"y":3},{"x":5.7,"y":2.5},{"x":5.8,"y":2.8},{"x":6.4,"y":3.2},{"x":6.5,"y":3},{"x":7.7,"y":3.8},{"x":7.7,"y":2.6},{"x":6,"y":2.2},{"x":6.9,"y":3.2},{"x":5.6,"y":2.8},{"x":7.7,"y":2.8},{"x":6.3,"y":2.7},{"x":6.7,"y":3.3},{"x":7.2,"y":3.2},{"x":6.2,"y":2.8},{"x":6.1,"y":3},{"x":6.4,"y":2.8},{"x":7.2,"y":3},{"x":7.4,"y":2.8},{"x":7.9,"y":3.8},{"x":6.4,"y":2.8},{"x":6.3,"y":2.8},{"x":6.1,"y":2.6},{"x":7.7,"y":3},{"x":6.3,"y":3.4},{"x":6.4,"y":3.1},{"x":6,"y":3},{"x":6.9,"y":3.1},{"x":6.7,"y":3.1},{"x":6.9,"y":3.1},{"x":5.8,"y":2.7},{"x":6.8,"y":3.2},{"x":6.7,"y":3.3},{"x":6.7,"y":3},{"x":6.3,"y":2.5},{"x":6.5,"y":3},{"x":6.2,"y":3.4},{"x":5.9,"y":3}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":4,"max":8,"tickAmount":4,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":2,"max":4.5,"tickAmount":5,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","points":[{"x":5.84333333333333,"y":3.05733333333333,"marker":{"size":8,"fillColor":"firebrick","strokeColor":"firebrick","strokeWidth":2,"shape":"circle","radius":2},"label":{"text":"Mean","offsetY":0,"style":{"padding":{"top":2,"right":5,"bottom":2,"left":5}}}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4.3,"max":7.9},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script><span class="r-in"></span>
<span class="r-in"></span>
<span class="r-in"><span class="co"># Several points</span></span>
<span class="r-in"><span class="va">clusters</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/kmeans.html" class="external-link">kmeans</a></span><span class="op">(</span><span class="va">iris</span><span class="op">[</span>, <span class="fl">1</span><span class="op">:</span><span class="fl">2</span><span class="op">]</span>, <span class="fl">3</span><span class="op">)</span></span>
<span class="r-in"><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span>
<span class="r-in"> data <span class="op">=</span> <span class="va">iris</span>,</span>
<span class="r-in"> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">Sepal.Length</span>, <span class="va">Sepal.Width</span><span class="op">)</span>,</span>
<span class="r-in"> <span class="st">"scatter"</span></span>
<span class="r-in"><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">add_point</span><span class="op">(</span></span>
<span class="r-in"> x <span class="op">=</span> <span class="va">clusters</span><span class="op">$</span><span class="va">centers</span><span class="op">[</span>, <span class="fl">1</span><span class="op">]</span>,</span>
<span class="r-in"> y <span class="op">=</span> <span class="va">clusters</span><span class="op">$</span><span class="va">centers</span><span class="op">[</span>, <span class="fl">2</span><span class="op">]</span></span>
<span class="r-in"> <span class="op">)</span></span>
<div id="htmlwidget-8a0c0f0cdb21d09936cc" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-8a0c0f0cdb21d09936cc">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"Sepal.Width","type":"scatter","data":[{"x":5.1,"y":3.5},{"x":4.9,"y":3},{"x":4.7,"y":3.2},{"x":4.6,"y":3.1},{"x":5,"y":3.6},{"x":5.4,"y":3.9},{"x":4.6,"y":3.4},{"x":5,"y":3.4},{"x":4.4,"y":2.9},{"x":4.9,"y":3.1},{"x":5.4,"y":3.7},{"x":4.8,"y":3.4},{"x":4.8,"y":3},{"x":4.3,"y":3},{"x":5.8,"y":4},{"x":5.7,"y":4.4},{"x":5.4,"y":3.9},{"x":5.1,"y":3.5},{"x":5.7,"y":3.8},{"x":5.1,"y":3.8},{"x":5.4,"y":3.4},{"x":5.1,"y":3.7},{"x":4.6,"y":3.6},{"x":5.1,"y":3.3},{"x":4.8,"y":3.4},{"x":5,"y":3},{"x":5,"y":3.4},{"x":5.2,"y":3.5},{"x":5.2,"y":3.4},{"x":4.7,"y":3.2},{"x":4.8,"y":3.1},{"x":5.4,"y":3.4},{"x":5.2,"y":4.1},{"x":5.5,"y":4.2},{"x":4.9,"y":3.1},{"x":5,"y":3.2},{"x":5.5,"y":3.5},{"x":4.9,"y":3.6},{"x":4.4,"y":3},{"x":5.1,"y":3.4},{"x":5,"y":3.5},{"x":4.5,"y":2.3},{"x":4.4,"y":3.2},{"x":5,"y":3.5},{"x":5.1,"y":3.8},{"x":4.8,"y":3},{"x":5.1,"y":3.8},{"x":4.6,"y":3.2},{"x":5.3,"y":3.7},{"x":5,"y":3.3},{"x":7,"y":3.2},{"x":6.4,"y":3.2},{"x":6.9,"y":3.1},{"x":5.5,"y":2.3},{"x":6.5,"y":2.8},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":4.9,"y":2.4},{"x":6.6,"y":2.9},{"x":5.2,"y":2.7},{"x":5,"y":2},{"x":5.9,"y":3},{"x":6,"y":2.2},{"x":6.1,"y":2.9},{"x":5.6,"y":2.9},{"x":6.7,"y":3.1},{"x":5.6,"y":3},{"x":5.8,"y":2.7},{"x":6.2,"y":2.2},{"x":5.6,"y":2.5},{"x":5.9,"y":3.2},{"x":6.1,"y":2.8},{"x":6.3,"y":2.5},{"x":6.1,"y":2.8},{"x":6.4,"y":2.9},{"x":6.6,"y":3},{"x":6.8,"y":2.8},{"x":6.7,"y":3},{"x":6,"y":2.9},{"x":5.7,"y":2.6},{"x":5.5,"y":2.4},{"x":5.5,"y":2.4},{"x":5.8,"y":2.7},{"x":6,"y":2.7},{"x":5.4,"y":3},{"x":6,"y":3.4},{"x":6.7,"y":3.1},{"x":6.3,"y":2.3},{"x":5.6,"y":3},{"x":5.5,"y":2.5},{"x":5.5,"y":2.6},{"x":6.1,"y":3},{"x":5.8,"y":2.6},{"x":5,"y":2.3},{"x":5.6,"y":2.7},{"x":5.7,"y":3},{"x":5.7,"y":2.9},{"x":6.2,"y":2.9},{"x":5.1,"y":2.5},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":5.8,"y":2.7},{"x":7.1,"y":3},{"x":6.3,"y":2.9},{"x":6.5,"y":3},{"x":7.6,"y":3},{"x":4.9,"y":2.5},{"x":7.3,"y":2.9},{"x":6.7,"y":2.5},{"x":7.2,"y":3.6},{"x":6.5,"y":3.2},{"x":6.4,"y":2.7},{"x":6.8,"y":3},{"x":5.7,"y":2.5},{"x":5.8,"y":2.8},{"x":6.4,"y":3.2},{"x":6.5,"y":3},{"x":7.7,"y":3.8},{"x":7.7,"y":2.6},{"x":6,"y":2.2},{"x":6.9,"y":3.2},{"x":5.6,"y":2.8},{"x":7.7,"y":2.8},{"x":6.3,"y":2.7},{"x":6.7,"y":3.3},{"x":7.2,"y":3.2},{"x":6.2,"y":2.8},{"x":6.1,"y":3},{"x":6.4,"y":2.8},{"x":7.2,"y":3},{"x":7.4,"y":2.8},{"x":7.9,"y":3.8},{"x":6.4,"y":2.8},{"x":6.3,"y":2.8},{"x":6.1,"y":2.6},{"x":7.7,"y":3},{"x":6.3,"y":3.4},{"x":6.4,"y":3.1},{"x":6,"y":3},{"x":6.9,"y":3.1},{"x":6.7,"y":3.1},{"x":6.9,"y":3.1},{"x":5.8,"y":2.7},{"x":6.8,"y":3.2},{"x":6.7,"y":3.3},{"x":6.7,"y":3},{"x":6.3,"y":2.5},{"x":6.5,"y":3},{"x":6.2,"y":3.4},{"x":5.9,"y":3}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":4,"max":8,"tickAmount":4,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":2,"max":4.5,"tickAmount":5,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","points":[{"x":6.81276595744681,"y":3.07446808510638,"marker":{"size":5,"fillColor":"#FFF","strokeColor":"#000","strokeWidth":2,"shape":"circle","radius":2}},{"x":5.006,"y":3.428,"marker":{"size":5,"fillColor":"#FFF","strokeColor":"#000","strokeWidth":2,"shape":"circle","radius":2}},{"x":5.77358490566038,"y":2.69245283018868,"marker":{"size":5,"fillColor":"#FFF","strokeColor":"#000","strokeWidth":2,"shape":"circle","radius":2}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4.3,"max":7.9},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span></span></span>
<span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># On scatter chart</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> data <span class="op">=</span> <span class="va">iris</span>,</span></span>
<span class="r-in"><span> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">Sepal.Length</span>, <span class="va">Sepal.Width</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> <span class="st">"scatter"</span></span></span>
<span class="r-in"><span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">add_point</span><span class="op">(</span></span></span>
<span class="r-in"><span> x <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">iris</span><span class="op">$</span><span class="va">Sepal.Length</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> y <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">iris</span><span class="op">$</span><span class="va">Sepal.Width</span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<div id="htmlwidget-ba909866ff871ea28472" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-ba909866ff871ea28472">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"Sepal.Width","type":"scatter","data":[{"x":5.1,"y":3.5},{"x":4.9,"y":3},{"x":4.7,"y":3.2},{"x":4.6,"y":3.1},{"x":5,"y":3.6},{"x":5.4,"y":3.9},{"x":4.6,"y":3.4},{"x":5,"y":3.4},{"x":4.4,"y":2.9},{"x":4.9,"y":3.1},{"x":5.4,"y":3.7},{"x":4.8,"y":3.4},{"x":4.8,"y":3},{"x":4.3,"y":3},{"x":5.8,"y":4},{"x":5.7,"y":4.4},{"x":5.4,"y":3.9},{"x":5.1,"y":3.5},{"x":5.7,"y":3.8},{"x":5.1,"y":3.8},{"x":5.4,"y":3.4},{"x":5.1,"y":3.7},{"x":4.6,"y":3.6},{"x":5.1,"y":3.3},{"x":4.8,"y":3.4},{"x":5,"y":3},{"x":5,"y":3.4},{"x":5.2,"y":3.5},{"x":5.2,"y":3.4},{"x":4.7,"y":3.2},{"x":4.8,"y":3.1},{"x":5.4,"y":3.4},{"x":5.2,"y":4.1},{"x":5.5,"y":4.2},{"x":4.9,"y":3.1},{"x":5,"y":3.2},{"x":5.5,"y":3.5},{"x":4.9,"y":3.6},{"x":4.4,"y":3},{"x":5.1,"y":3.4},{"x":5,"y":3.5},{"x":4.5,"y":2.3},{"x":4.4,"y":3.2},{"x":5,"y":3.5},{"x":5.1,"y":3.8},{"x":4.8,"y":3},{"x":5.1,"y":3.8},{"x":4.6,"y":3.2},{"x":5.3,"y":3.7},{"x":5,"y":3.3},{"x":7,"y":3.2},{"x":6.4,"y":3.2},{"x":6.9,"y":3.1},{"x":5.5,"y":2.3},{"x":6.5,"y":2.8},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":4.9,"y":2.4},{"x":6.6,"y":2.9},{"x":5.2,"y":2.7},{"x":5,"y":2},{"x":5.9,"y":3},{"x":6,"y":2.2},{"x":6.1,"y":2.9},{"x":5.6,"y":2.9},{"x":6.7,"y":3.1},{"x":5.6,"y":3},{"x":5.8,"y":2.7},{"x":6.2,"y":2.2},{"x":5.6,"y":2.5},{"x":5.9,"y":3.2},{"x":6.1,"y":2.8},{"x":6.3,"y":2.5},{"x":6.1,"y":2.8},{"x":6.4,"y":2.9},{"x":6.6,"y":3},{"x":6.8,"y":2.8},{"x":6.7,"y":3},{"x":6,"y":2.9},{"x":5.7,"y":2.6},{"x":5.5,"y":2.4},{"x":5.5,"y":2.4},{"x":5.8,"y":2.7},{"x":6,"y":2.7},{"x":5.4,"y":3},{"x":6,"y":3.4},{"x":6.7,"y":3.1},{"x":6.3,"y":2.3},{"x":5.6,"y":3},{"x":5.5,"y":2.5},{"x":5.5,"y":2.6},{"x":6.1,"y":3},{"x":5.8,"y":2.6},{"x":5,"y":2.3},{"x":5.6,"y":2.7},{"x":5.7,"y":3},{"x":5.7,"y":2.9},{"x":6.2,"y":2.9},{"x":5.1,"y":2.5},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":5.8,"y":2.7},{"x":7.1,"y":3},{"x":6.3,"y":2.9},{"x":6.5,"y":3},{"x":7.6,"y":3},{"x":4.9,"y":2.5},{"x":7.3,"y":2.9},{"x":6.7,"y":2.5},{"x":7.2,"y":3.6},{"x":6.5,"y":3.2},{"x":6.4,"y":2.7},{"x":6.8,"y":3},{"x":5.7,"y":2.5},{"x":5.8,"y":2.8},{"x":6.4,"y":3.2},{"x":6.5,"y":3},{"x":7.7,"y":3.8},{"x":7.7,"y":2.6},{"x":6,"y":2.2},{"x":6.9,"y":3.2},{"x":5.6,"y":2.8},{"x":7.7,"y":2.8},{"x":6.3,"y":2.7},{"x":6.7,"y":3.3},{"x":7.2,"y":3.2},{"x":6.2,"y":2.8},{"x":6.1,"y":3},{"x":6.4,"y":2.8},{"x":7.2,"y":3},{"x":7.4,"y":2.8},{"x":7.9,"y":3.8},{"x":6.4,"y":2.8},{"x":6.3,"y":2.8},{"x":6.1,"y":2.6},{"x":7.7,"y":3},{"x":6.3,"y":3.4},{"x":6.4,"y":3.1},{"x":6,"y":3},{"x":6.9,"y":3.1},{"x":6.7,"y":3.1},{"x":6.9,"y":3.1},{"x":5.8,"y":2.7},{"x":6.8,"y":3.2},{"x":6.7,"y":3.3},{"x":6.7,"y":3},{"x":6.3,"y":2.5},{"x":6.5,"y":3},{"x":6.2,"y":3.4},{"x":5.9,"y":3}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":4,"max":8,"tickAmount":4,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":2,"max":4.5,"tickAmount":5,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","points":[{"x":5.84333333333333,"y":3.05733333333333,"marker":{"size":5,"fillColor":"#FFF","strokeColor":"#000","strokeWidth":2,"shape":"circle","radius":2}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4.3,"max":7.9},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># Some options</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> data <span class="op">=</span> <span class="va">iris</span>,</span></span>
<span class="r-in"><span> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">Sepal.Length</span>, <span class="va">Sepal.Width</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> <span class="st">"scatter"</span></span></span>
<span class="r-in"><span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">add_point</span><span class="op">(</span></span></span>
<span class="r-in"><span> x <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">iris</span><span class="op">$</span><span class="va">Sepal.Length</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> y <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html" class="external-link">mean</a></span><span class="op">(</span><span class="va">iris</span><span class="op">$</span><span class="va">Sepal.Width</span><span class="op">)</span>, </span></span>
<span class="r-in"><span> fill <span class="op">=</span> <span class="st">"firebrick"</span>,</span></span>
<span class="r-in"><span> color <span class="op">=</span> <span class="st">"firebrick"</span>,</span></span>
<span class="r-in"><span> size <span class="op">=</span> <span class="fl">8</span>,</span></span>
<span class="r-in"><span> label <span class="op">=</span> <span class="fu"><a href="label.html">label</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Mean"</span>, offsetY <span class="op">=</span> <span class="fl">0</span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<div id="htmlwidget-33946e22718a885cc59b" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-33946e22718a885cc59b">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"Sepal.Width","type":"scatter","data":[{"x":5.1,"y":3.5},{"x":4.9,"y":3},{"x":4.7,"y":3.2},{"x":4.6,"y":3.1},{"x":5,"y":3.6},{"x":5.4,"y":3.9},{"x":4.6,"y":3.4},{"x":5,"y":3.4},{"x":4.4,"y":2.9},{"x":4.9,"y":3.1},{"x":5.4,"y":3.7},{"x":4.8,"y":3.4},{"x":4.8,"y":3},{"x":4.3,"y":3},{"x":5.8,"y":4},{"x":5.7,"y":4.4},{"x":5.4,"y":3.9},{"x":5.1,"y":3.5},{"x":5.7,"y":3.8},{"x":5.1,"y":3.8},{"x":5.4,"y":3.4},{"x":5.1,"y":3.7},{"x":4.6,"y":3.6},{"x":5.1,"y":3.3},{"x":4.8,"y":3.4},{"x":5,"y":3},{"x":5,"y":3.4},{"x":5.2,"y":3.5},{"x":5.2,"y":3.4},{"x":4.7,"y":3.2},{"x":4.8,"y":3.1},{"x":5.4,"y":3.4},{"x":5.2,"y":4.1},{"x":5.5,"y":4.2},{"x":4.9,"y":3.1},{"x":5,"y":3.2},{"x":5.5,"y":3.5},{"x":4.9,"y":3.6},{"x":4.4,"y":3},{"x":5.1,"y":3.4},{"x":5,"y":3.5},{"x":4.5,"y":2.3},{"x":4.4,"y":3.2},{"x":5,"y":3.5},{"x":5.1,"y":3.8},{"x":4.8,"y":3},{"x":5.1,"y":3.8},{"x":4.6,"y":3.2},{"x":5.3,"y":3.7},{"x":5,"y":3.3},{"x":7,"y":3.2},{"x":6.4,"y":3.2},{"x":6.9,"y":3.1},{"x":5.5,"y":2.3},{"x":6.5,"y":2.8},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":4.9,"y":2.4},{"x":6.6,"y":2.9},{"x":5.2,"y":2.7},{"x":5,"y":2},{"x":5.9,"y":3},{"x":6,"y":2.2},{"x":6.1,"y":2.9},{"x":5.6,"y":2.9},{"x":6.7,"y":3.1},{"x":5.6,"y":3},{"x":5.8,"y":2.7},{"x":6.2,"y":2.2},{"x":5.6,"y":2.5},{"x":5.9,"y":3.2},{"x":6.1,"y":2.8},{"x":6.3,"y":2.5},{"x":6.1,"y":2.8},{"x":6.4,"y":2.9},{"x":6.6,"y":3},{"x":6.8,"y":2.8},{"x":6.7,"y":3},{"x":6,"y":2.9},{"x":5.7,"y":2.6},{"x":5.5,"y":2.4},{"x":5.5,"y":2.4},{"x":5.8,"y":2.7},{"x":6,"y":2.7},{"x":5.4,"y":3},{"x":6,"y":3.4},{"x":6.7,"y":3.1},{"x":6.3,"y":2.3},{"x":5.6,"y":3},{"x":5.5,"y":2.5},{"x":5.5,"y":2.6},{"x":6.1,"y":3},{"x":5.8,"y":2.6},{"x":5,"y":2.3},{"x":5.6,"y":2.7},{"x":5.7,"y":3},{"x":5.7,"y":2.9},{"x":6.2,"y":2.9},{"x":5.1,"y":2.5},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":5.8,"y":2.7},{"x":7.1,"y":3},{"x":6.3,"y":2.9},{"x":6.5,"y":3},{"x":7.6,"y":3},{"x":4.9,"y":2.5},{"x":7.3,"y":2.9},{"x":6.7,"y":2.5},{"x":7.2,"y":3.6},{"x":6.5,"y":3.2},{"x":6.4,"y":2.7},{"x":6.8,"y":3},{"x":5.7,"y":2.5},{"x":5.8,"y":2.8},{"x":6.4,"y":3.2},{"x":6.5,"y":3},{"x":7.7,"y":3.8},{"x":7.7,"y":2.6},{"x":6,"y":2.2},{"x":6.9,"y":3.2},{"x":5.6,"y":2.8},{"x":7.7,"y":2.8},{"x":6.3,"y":2.7},{"x":6.7,"y":3.3},{"x":7.2,"y":3.2},{"x":6.2,"y":2.8},{"x":6.1,"y":3},{"x":6.4,"y":2.8},{"x":7.2,"y":3},{"x":7.4,"y":2.8},{"x":7.9,"y":3.8},{"x":6.4,"y":2.8},{"x":6.3,"y":2.8},{"x":6.1,"y":2.6},{"x":7.7,"y":3},{"x":6.3,"y":3.4},{"x":6.4,"y":3.1},{"x":6,"y":3},{"x":6.9,"y":3.1},{"x":6.7,"y":3.1},{"x":6.9,"y":3.1},{"x":5.8,"y":2.7},{"x":6.8,"y":3.2},{"x":6.7,"y":3.3},{"x":6.7,"y":3},{"x":6.3,"y":2.5},{"x":6.5,"y":3},{"x":6.2,"y":3.4},{"x":5.9,"y":3}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":4,"max":8,"tickAmount":4,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":2,"max":4.5,"tickAmount":5,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","points":[{"x":5.84333333333333,"y":3.05733333333333,"marker":{"size":8,"fillColor":"firebrick","strokeColor":"firebrick","strokeWidth":2,"shape":"circle","radius":2},"label":{"text":"Mean","offsetY":0,"style":{"padding":{"top":2,"right":5,"bottom":2,"left":5}}}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4.3,"max":7.9},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># Several points</span></span></span>
<span class="r-in"><span><span class="va">clusters</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/kmeans.html" class="external-link">kmeans</a></span><span class="op">(</span><span class="va">iris</span><span class="op">[</span>, <span class="fl">1</span><span class="op">:</span><span class="fl">2</span><span class="op">]</span>, <span class="fl">3</span><span class="op">)</span></span></span>
<span class="r-in"><span><span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> data <span class="op">=</span> <span class="va">iris</span>,</span></span>
<span class="r-in"><span> <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">Sepal.Length</span>, <span class="va">Sepal.Width</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> <span class="st">"scatter"</span></span></span>
<span class="r-in"><span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">add_point</span><span class="op">(</span></span></span>
<span class="r-in"><span> x <span class="op">=</span> <span class="va">clusters</span><span class="op">$</span><span class="va">centers</span><span class="op">[</span>, <span class="fl">1</span><span class="op">]</span>,</span></span>
<span class="r-in"><span> y <span class="op">=</span> <span class="va">clusters</span><span class="op">$</span><span class="va">centers</span><span class="op">[</span>, <span class="fl">2</span><span class="op">]</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<div id="htmlwidget-17aaa5c47e69f7dcc4eb" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-17aaa5c47e69f7dcc4eb">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"Sepal.Width","type":"scatter","data":[{"x":5.1,"y":3.5},{"x":4.9,"y":3},{"x":4.7,"y":3.2},{"x":4.6,"y":3.1},{"x":5,"y":3.6},{"x":5.4,"y":3.9},{"x":4.6,"y":3.4},{"x":5,"y":3.4},{"x":4.4,"y":2.9},{"x":4.9,"y":3.1},{"x":5.4,"y":3.7},{"x":4.8,"y":3.4},{"x":4.8,"y":3},{"x":4.3,"y":3},{"x":5.8,"y":4},{"x":5.7,"y":4.4},{"x":5.4,"y":3.9},{"x":5.1,"y":3.5},{"x":5.7,"y":3.8},{"x":5.1,"y":3.8},{"x":5.4,"y":3.4},{"x":5.1,"y":3.7},{"x":4.6,"y":3.6},{"x":5.1,"y":3.3},{"x":4.8,"y":3.4},{"x":5,"y":3},{"x":5,"y":3.4},{"x":5.2,"y":3.5},{"x":5.2,"y":3.4},{"x":4.7,"y":3.2},{"x":4.8,"y":3.1},{"x":5.4,"y":3.4},{"x":5.2,"y":4.1},{"x":5.5,"y":4.2},{"x":4.9,"y":3.1},{"x":5,"y":3.2},{"x":5.5,"y":3.5},{"x":4.9,"y":3.6},{"x":4.4,"y":3},{"x":5.1,"y":3.4},{"x":5,"y":3.5},{"x":4.5,"y":2.3},{"x":4.4,"y":3.2},{"x":5,"y":3.5},{"x":5.1,"y":3.8},{"x":4.8,"y":3},{"x":5.1,"y":3.8},{"x":4.6,"y":3.2},{"x":5.3,"y":3.7},{"x":5,"y":3.3},{"x":7,"y":3.2},{"x":6.4,"y":3.2},{"x":6.9,"y":3.1},{"x":5.5,"y":2.3},{"x":6.5,"y":2.8},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":4.9,"y":2.4},{"x":6.6,"y":2.9},{"x":5.2,"y":2.7},{"x":5,"y":2},{"x":5.9,"y":3},{"x":6,"y":2.2},{"x":6.1,"y":2.9},{"x":5.6,"y":2.9},{"x":6.7,"y":3.1},{"x":5.6,"y":3},{"x":5.8,"y":2.7},{"x":6.2,"y":2.2},{"x":5.6,"y":2.5},{"x":5.9,"y":3.2},{"x":6.1,"y":2.8},{"x":6.3,"y":2.5},{"x":6.1,"y":2.8},{"x":6.4,"y":2.9},{"x":6.6,"y":3},{"x":6.8,"y":2.8},{"x":6.7,"y":3},{"x":6,"y":2.9},{"x":5.7,"y":2.6},{"x":5.5,"y":2.4},{"x":5.5,"y":2.4},{"x":5.8,"y":2.7},{"x":6,"y":2.7},{"x":5.4,"y":3},{"x":6,"y":3.4},{"x":6.7,"y":3.1},{"x":6.3,"y":2.3},{"x":5.6,"y":3},{"x":5.5,"y":2.5},{"x":5.5,"y":2.6},{"x":6.1,"y":3},{"x":5.8,"y":2.6},{"x":5,"y":2.3},{"x":5.6,"y":2.7},{"x":5.7,"y":3},{"x":5.7,"y":2.9},{"x":6.2,"y":2.9},{"x":5.1,"y":2.5},{"x":5.7,"y":2.8},{"x":6.3,"y":3.3},{"x":5.8,"y":2.7},{"x":7.1,"y":3},{"x":6.3,"y":2.9},{"x":6.5,"y":3},{"x":7.6,"y":3},{"x":4.9,"y":2.5},{"x":7.3,"y":2.9},{"x":6.7,"y":2.5},{"x":7.2,"y":3.6},{"x":6.5,"y":3.2},{"x":6.4,"y":2.7},{"x":6.8,"y":3},{"x":5.7,"y":2.5},{"x":5.8,"y":2.8},{"x":6.4,"y":3.2},{"x":6.5,"y":3},{"x":7.7,"y":3.8},{"x":7.7,"y":2.6},{"x":6,"y":2.2},{"x":6.9,"y":3.2},{"x":5.6,"y":2.8},{"x":7.7,"y":2.8},{"x":6.3,"y":2.7},{"x":6.7,"y":3.3},{"x":7.2,"y":3.2},{"x":6.2,"y":2.8},{"x":6.1,"y":3},{"x":6.4,"y":2.8},{"x":7.2,"y":3},{"x":7.4,"y":2.8},{"x":7.9,"y":3.8},{"x":6.4,"y":2.8},{"x":6.3,"y":2.8},{"x":6.1,"y":2.6},{"x":7.7,"y":3},{"x":6.3,"y":3.4},{"x":6.4,"y":3.1},{"x":6,"y":3},{"x":6.9,"y":3.1},{"x":6.7,"y":3.1},{"x":6.9,"y":3.1},{"x":5.8,"y":2.7},{"x":6.8,"y":3.2},{"x":6.7,"y":3.3},{"x":6.7,"y":3},{"x":6.3,"y":2.5},{"x":6.5,"y":3},{"x":6.2,"y":3.4},{"x":5.9,"y":3}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":4,"max":8,"tickAmount":4,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":2,"max":4.5,"tickAmount":5,"labels":{"formatter":"function(value) {var locale = formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true}},"grid":{"xaxis":{"lines":{"show":true}}},"annotations":{"position":"front","points":[{"x":5.006,"y":3.428,"marker":{"size":5,"fillColor":"#FFF","strokeColor":"#000","strokeWidth":2,"shape":"circle","radius":2}},{"x":5.77358490566038,"y":2.69245283018868,"marker":{"size":5,"fillColor":"#FFF","strokeColor":"#000","strokeWidth":2,"shape":"circle","radius":2}},{"x":6.81276595744681,"y":3.07446808510638,"marker":{"size":5,"fillColor":"#FFF","strokeColor":"#000","strokeWidth":2,"shape":"circle","radius":2}}]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":4.3,"max":7.9},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script></code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>
@ -173,7 +198,7 @@ or see <code><a href="label.html">label</a></code> for more controls.</p></dd>
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

363
reference/apex-facets.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create matrix of charts by row and column faceting variable (ax_facet_grid),
or by specified number of row and column for faceting variable(s) (ax_facet_wrap)."><title>Facets for ApexCharts — apex-facets • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Facets for ApexCharts — apex-facets"><meta property="og:description" content="Create matrix of charts by row and column faceting variable (ax_facet_grid),
or by specified number of row and column for faceting variable(s) (ax_facet_wrap)."><title>Facets for ApexCharts — apex-facets • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Facets for ApexCharts — apex-facets"><meta property="og:description" content="Create matrix of charts by row and column faceting variable (ax_facet_grid),
or by specified number of row and column for faceting variable(s) (ax_facet_wrap)."><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
@ -12,7 +12,7 @@ or by specified number of row and column for faceting variable(s) (ax_facet_wrap
<a class="navbar-brand me-2" href="../index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -68,48 +68,65 @@ or by specified number of row and column for faceting variable(s) (<code>ax_face
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">ax_facet_wrap</span><span class="op">(</span>
<span class="va">ax</span>,
<span class="va">facets</span>,
nrow <span class="op">=</span> <span class="cn">NULL</span>,
ncol <span class="op">=</span> <span class="cn">NULL</span>,
scales <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"fixed"</span>, <span class="st">"free"</span>, <span class="st">"free_y"</span>, <span class="st">"free_x"</span><span class="op">)</span>,
labeller <span class="op">=</span> <span class="va">label_value</span>,
chart_height <span class="op">=</span> <span class="st">"300px"</span>
<span class="op">)</span>
<span class="fu">ax_facet_grid</span><span class="op">(</span>
<span class="va">ax</span>,
rows <span class="op">=</span> <span class="cn">NULL</span>,
cols <span class="op">=</span> <span class="cn">NULL</span>,
scales <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"fixed"</span>, <span class="st">"free"</span>, <span class="st">"free_y"</span>, <span class="st">"free_x"</span><span class="op">)</span>,
labeller <span class="op">=</span> <span class="va">label_value</span>,
chart_height <span class="op">=</span> <span class="st">"300px"</span>
<span class="op">)</span></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">ax_facet_wrap</span><span class="op">(</span></span>
<span> <span class="va">ax</span>,</span>
<span> <span class="va">facets</span>,</span>
<span> nrow <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> ncol <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> scales <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"fixed"</span>, <span class="st">"free"</span>, <span class="st">"free_y"</span>, <span class="st">"free_x"</span><span class="op">)</span>,</span>
<span> labeller <span class="op">=</span> <span class="va">label_value</span>,</span>
<span> chart_height <span class="op">=</span> <span class="st">"300px"</span></span>
<span><span class="op">)</span></span>
<span></span>
<span><span class="fu">ax_facet_grid</span><span class="op">(</span></span>
<span> <span class="va">ax</span>,</span>
<span> rows <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> cols <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> scales <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"fixed"</span>, <span class="st">"free"</span>, <span class="st">"free_y"</span>, <span class="st">"free_x"</span><span class="op">)</span>,</span>
<span> labeller <span class="op">=</span> <span class="va">label_value</span>,</span>
<span> chart_height <span class="op">=</span> <span class="st">"300px"</span></span>
<span><span class="op">)</span></span></code></pre></div>
</div>
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>ax</dt>
<dd><p>An <code><a href="apexchart.html">apexchart()</a></code> <code>htmlwidget</code> object.</p></dd>
<dt>facets</dt>
<dd><p>Variable(s) to use for facetting, wrapped in <code>vars(...)</code>.</p></dd>
<dt>nrow, ncol</dt>
<dd><p>Number of row and column in output matrix.</p></dd>
<dt>scales</dt>
<dd><p>Should scales be fixed (<code>"fixed"</code>, the default),
free (<code>"free"</code>), or free in one dimension (<code>"free_x"</code>, <code>"free_y"</code>)?</p></dd>
<dt>labeller</dt>
<dd><p>A function with one argument containing for each facet the value of the faceting variable.</p></dd>
<dt>chart_height</dt>
<dd><p>Individual chart height.</p></dd>
<dt>rows, cols</dt>
<dd><p>A set of variables or expressions quoted by <code><a href="apexcharter-exports.html">vars()</a></code>
and defining faceting groups on the rows or columns dimension.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>An <code><a href="apexchart.html">apexchart()</a></code><code>htmlwidget</code> object with an additionnal class <code>"apex_facet"</code>.</p>
<p>An <code><a href="apexchart.html">apexchart()</a></code></p>
<p></p>
<p><code>htmlwidget</code> object with an additionnal class <code>"apex_facet"</code>.</p>
</div>
<div class="section level2">
<h2 id="warning">Warning<a class="anchor" aria-label="anchor" href="#warning"></a></h2>
@ -118,157 +135,157 @@ and defining faceting groups on the rows or columns dimension.</p></dd>
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="co">### Wrap --------</span></span>
<span class="r-in"></span>
<span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Scatter ----</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"mpg"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Create facets</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Change number of columns</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Free axis</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span>, scales <span class="op">=</span> <span class="st">"free"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># labels</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span></span>
<span class="r-in"> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span>,</span>
<span class="r-in"> labeller <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">x</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="kw"><a href="https://rdrr.io/r/base/switch.html" class="external-link">switch</a></span><span class="op">(</span></span>
<span class="r-in"> <span class="va">x</span>,</span>
<span class="r-in"> <span class="st">"f"</span> <span class="op">=</span> <span class="st">"front-wheel drive"</span>, </span>
<span class="r-in"> <span class="st">"r"</span> <span class="op">=</span> <span class="st">"rear wheel drive"</span>,</span>
<span class="r-in"> <span class="st">"4"</span> <span class="op">=</span> <span class="st">"4wd"</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"> <span class="op">}</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Title and subtitle are treated as global</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu"><a href="ax_labs.html">ax_labs</a></span><span class="op">(</span></span>
<span class="r-in"> title <span class="op">=</span> <span class="st">"Facet wrap example"</span>,</span>
<span class="r-in"> subtitle <span class="op">=</span> <span class="st">"mpg data from ggplot2"</span></span>
<span class="r-in"> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Multiple variables</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span>, <span class="va">drv</span><span class="op">)</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span>, <span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span>, nrow <span class="op">=</span> <span class="fl">3</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="ax_chart.html">ax_chart</a></span><span class="op">(</span>toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>show <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span></span>
<span class="r-in"> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span>, <span class="va">drv</span><span class="op">)</span>,</span>
<span class="r-in"> labeller <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">x</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="va">x</span>, collapse <span class="op">=</span> <span class="st">" / "</span><span class="op">)</span></span>
<span class="r-in"> <span class="op">}</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Lines ----</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"unhcr_ts"</span><span class="op">)</span></span>
<span class="r-in"> <span class="va">refugees</span> <span class="op">&lt;-</span> <span class="va">unhcr_ts</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/subset.html" class="external-link">subset</a></span><span class="op">(</span><span class="va">population_type</span> <span class="op">==</span> <span class="st">"Refugees (incl. refugee-like situations)"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/transform.html" class="external-link">transform</a></span><span class="op">(</span>date <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/as.Date.html" class="external-link">as.Date</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste0</a></span><span class="op">(</span><span class="va">year</span>, <span class="st">"-01-01"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">refugees</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">n</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"line"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>tickAmount <span class="op">=</span> <span class="fl">5</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">continent_origin</span><span class="op">)</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Free y-axis and synchronize</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">refugees</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">n</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"line"</span>, synchronize <span class="op">=</span> <span class="st">"my-id"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>tickAmount <span class="op">=</span> <span class="fl">5</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="ax_xaxis.html">ax_xaxis</a></span><span class="op">(</span>tooltip <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>enabled <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="ax_tooltip.html">ax_tooltip</a></span><span class="op">(</span>x <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>format <span class="op">=</span> <span class="st">"yyyy"</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">continent_origin</span><span class="op">)</span>, scales <span class="op">=</span> <span class="st">"free_y"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Bars ----</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"unhcr_ts"</span><span class="op">)</span></span>
<span class="r-in"> <span class="va">refugees</span> <span class="op">&lt;-</span> <span class="va">unhcr_ts</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/subset.html" class="external-link">subset</a></span><span class="op">(</span><span class="va">year</span> <span class="op">==</span> <span class="fl">2017</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">refugees</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">continent_origin</span>, <span class="va">n</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"column"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span></span>
<span class="r-in"> labels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span class="r-in"> formatter <span class="op">=</span> <span class="fu"><a href="format_num.html">format_num</a></span><span class="op">(</span><span class="st">"~s"</span><span class="op">)</span></span>
<span class="r-in"> <span class="op">)</span>,</span>
<span class="r-in"> tickAmount <span class="op">=</span> <span class="fl">5</span></span>
<span class="r-in"> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">population_type</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"><span class="op">}</span></span>
<span class="r-in"></span>
<span class="r-in"><span class="co">### Grid --------</span></span>
<span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Scatter ----</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"mpg"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Only rows</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_grid</span><span class="op">(</span>rows <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, chart_height <span class="op">=</span> <span class="st">"200px"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Only cols</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_grid</span><span class="op">(</span>cols <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span><span class="op">)</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Rows and Cols</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_grid</span><span class="op">(</span>rows <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, cols <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span><span class="op">)</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="ax_chart.html">ax_chart</a></span><span class="op">(</span>toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>show <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_grid</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">cyl</span><span class="op">)</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Labels</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_grid</span><span class="op">(</span></span>
<span class="r-in"> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>,</span>
<span class="r-in"> labeller <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">x</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="kw"><a href="https://rdrr.io/r/base/switch.html" class="external-link">switch</a></span><span class="op">(</span></span>
<span class="r-in"> <span class="va">x</span>,</span>
<span class="r-in"> <span class="st">"f"</span> <span class="op">=</span> <span class="st">"front-wheel drive"</span>, </span>
<span class="r-in"> <span class="st">"r"</span> <span class="op">=</span> <span class="st">"rear wheel drive"</span>,</span>
<span class="r-in"> <span class="st">"4"</span> <span class="op">=</span> <span class="st">"4wd"</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"> <span class="op">}</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Title and subtitle are treated as global</span></span>
<span class="r-in"> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu"><a href="ax_labs.html">ax_labs</a></span><span class="op">(</span></span>
<span class="r-in"> title <span class="op">=</span> <span class="st">"Facet grid example"</span>,</span>
<span class="r-in"> subtitle <span class="op">=</span> <span class="st">"mpg data from ggplot2"</span></span>
<span class="r-in"> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span>
<span class="r-in"> <span class="fu">ax_facet_grid</span><span class="op">(</span>rows <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, cols <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span><span class="op">)</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"><span class="op">}</span></span>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co">### Wrap --------</span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Scatter ----</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"mpg"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Create facets</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Change number of columns</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Free axis</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span>, scales <span class="op">=</span> <span class="st">"free"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># labels</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span>,</span></span>
<span class="r-in"><span> labeller <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">x</span><span class="op">)</span> <span class="op">{</span></span></span>
<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/switch.html" class="external-link">switch</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> <span class="va">x</span>,</span></span>
<span class="r-in"><span> <span class="st">"f"</span> <span class="op">=</span> <span class="st">"front-wheel drive"</span>, </span></span>
<span class="r-in"><span> <span class="st">"r"</span> <span class="op">=</span> <span class="st">"rear wheel drive"</span>,</span></span>
<span class="r-in"><span> <span class="st">"4"</span> <span class="op">=</span> <span class="st">"4wd"</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">}</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Title and subtitle are treated as global</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_labs.html">ax_labs</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> title <span class="op">=</span> <span class="st">"Facet wrap example"</span>,</span></span>
<span class="r-in"><span> subtitle <span class="op">=</span> <span class="st">"mpg data from ggplot2"</span></span></span>
<span class="r-in"><span> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Multiple variables</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span>, <span class="va">drv</span><span class="op">)</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span>, <span class="va">drv</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span>, nrow <span class="op">=</span> <span class="fl">3</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_chart.html">ax_chart</a></span><span class="op">(</span>toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>show <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span>, <span class="va">drv</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> labeller <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">x</span><span class="op">)</span> <span class="op">{</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="va">x</span>, collapse <span class="op">=</span> <span class="st">" / "</span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">}</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Lines ----</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"unhcr_ts"</span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="va">refugees</span> <span class="op">&lt;-</span> <span class="va">unhcr_ts</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/base/subset.html" class="external-link">subset</a></span><span class="op">(</span><span class="va">population_type</span> <span class="op">==</span> <span class="st">"Refugees (incl. refugee-like situations)"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/base/transform.html" class="external-link">transform</a></span><span class="op">(</span>date <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/as.Date.html" class="external-link">as.Date</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste0</a></span><span class="op">(</span><span class="va">year</span>, <span class="st">"-01-01"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">refugees</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">n</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"line"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>tickAmount <span class="op">=</span> <span class="fl">5</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">continent_origin</span><span class="op">)</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Free y-axis and synchronize</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">refugees</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">date</span>, <span class="va">n</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"line"</span>, synchronize <span class="op">=</span> <span class="st">"my-id"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>tickAmount <span class="op">=</span> <span class="fl">5</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_xaxis.html">ax_xaxis</a></span><span class="op">(</span>tooltip <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>enabled <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_tooltip.html">ax_tooltip</a></span><span class="op">(</span>x <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>format <span class="op">=</span> <span class="st">"yyyy"</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">continent_origin</span><span class="op">)</span>, scales <span class="op">=</span> <span class="st">"free_y"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Bars ----</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"unhcr_ts"</span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="va">refugees</span> <span class="op">&lt;-</span> <span class="va">unhcr_ts</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/base/subset.html" class="external-link">subset</a></span><span class="op">(</span><span class="va">year</span> <span class="op">==</span> <span class="fl">2017</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">refugees</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">continent_origin</span>, <span class="va">n</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"column"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> labels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> formatter <span class="op">=</span> <span class="fu"><a href="format_num.html">format_num</a></span><span class="op">(</span><span class="st">"~s"</span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">)</span>,</span></span>
<span class="r-in"><span> tickAmount <span class="op">=</span> <span class="fl">5</span></span></span>
<span class="r-in"><span> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_wrap</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">population_type</span><span class="op">)</span>, ncol <span class="op">=</span> <span class="fl">2</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span><span class="op">}</span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co">### Grid --------</span></span></span>
<span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Scatter ----</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"mpg"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Only rows</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_grid</span><span class="op">(</span>rows <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, chart_height <span class="op">=</span> <span class="st">"200px"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Only cols</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_grid</span><span class="op">(</span>cols <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span><span class="op">)</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Rows and Cols</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_grid</span><span class="op">(</span>rows <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, cols <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span><span class="op">)</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_chart.html">ax_chart</a></span><span class="op">(</span>toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>show <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_grid</span><span class="op">(</span><span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">cyl</span><span class="op">)</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Labels</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_grid</span><span class="op">(</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> labeller <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">x</span><span class="op">)</span> <span class="op">{</span></span></span>
<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/switch.html" class="external-link">switch</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> <span class="va">x</span>,</span></span>
<span class="r-in"><span> <span class="st">"f"</span> <span class="op">=</span> <span class="st">"front-wheel drive"</span>, </span></span>
<span class="r-in"><span> <span class="st">"r"</span> <span class="op">=</span> <span class="st">"rear wheel drive"</span>,</span></span>
<span class="r-in"><span> <span class="st">"4"</span> <span class="op">=</span> <span class="st">"4wd"</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">}</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Title and subtitle are treated as global</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">displ</span>, <span class="va">cty</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"scatter"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_labs.html">ax_labs</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> title <span class="op">=</span> <span class="st">"Facet grid example"</span>,</span></span>
<span class="r-in"><span> subtitle <span class="op">=</span> <span class="st">"mpg data from ggplot2"</span></span></span>
<span class="r-in"><span> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span> </span></span>
<span class="r-in"><span> <span class="fu">ax_facet_grid</span><span class="op">(</span>rows <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, cols <span class="op">=</span> <span class="fu"><a href="apexcharter-exports.html">vars</a></span><span class="op">(</span><span class="va">year</span><span class="op">)</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span><span class="op">}</span></span></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
@ -280,7 +297,7 @@ and defining faceting groups on the rows or columns dimension.</p></dd>
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

133
reference/apex.html
View File

File diff suppressed because one or more lines are too long

87
reference/apex_grid.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a grid of ApexCharts"><title>Create a grid of ApexCharts — apex_grid • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Create a grid of ApexCharts — apex_grid"><meta property="og:description" content="Create a grid of ApexCharts"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a grid of ApexCharts"><title>Create a grid of ApexCharts — apex_grid • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Create a grid of ApexCharts — apex_grid"><meta property="og:description" content="Create a grid of ApexCharts"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--></head><body>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="../index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -65,38 +65,51 @@
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">apex_grid</span><span class="op">(</span>
<span class="va">...</span>,
nrow <span class="op">=</span> <span class="cn">NULL</span>,
ncol <span class="op">=</span> <span class="cn">NULL</span>,
row_gap <span class="op">=</span> <span class="st">"10px"</span>,
col_gap <span class="op">=</span> <span class="st">"0px"</span>,
grid_area <span class="op">=</span> <span class="cn">NULL</span>,
height <span class="op">=</span> <span class="cn">NULL</span>,
width <span class="op">=</span> <span class="cn">NULL</span>,
.list <span class="op">=</span> <span class="cn">NULL</span>
<span class="op">)</span></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">apex_grid</span><span class="op">(</span></span>
<span> <span class="va">...</span>,</span>
<span> nrow <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> ncol <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> row_gap <span class="op">=</span> <span class="st">"10px"</span>,</span>
<span> col_gap <span class="op">=</span> <span class="st">"0px"</span>,</span>
<span> grid_area <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> height <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> width <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> .list <span class="op">=</span> <span class="cn">NULL</span></span>
<span><span class="op">)</span></span></code></pre></div>
</div>
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>...</dt>
<dd><p>Several <code>apexcharts</code> <code>htmlwidget</code> objects.</p></dd>
<dt>nrow, ncol</dt>
<dd><p>Number of rows and columns.</p></dd>
<dt>row_gap, col_gap</dt>
<dd><p>Gap between rows and columns.</p></dd>
<dt>grid_area</dt>
<dd><p>Custom grid area to make elements take more than a single
cell in grid, see <a href="https://cssgrid-generator.netlify.app/" class="external-link">https://cssgrid-generator.netlify.app/</a> for examples.</p></dd>
<dt>height, width</dt>
<dd><p>Height and width of the main grid.</p></dd>
<dt>.list</dt>
<dd><p>A list of <code>apexcharts</code> <code>htmlwidget</code> objects.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>Custom <code>apex_grid</code> object.</p>
<p>Custom <code>apex_grid</code> object.</p>
</div>
<div class="section level2">
<h2 id="note">Note<a class="anchor" aria-label="anchor" href="#note"></a></h2>
@ -105,28 +118,28 @@ cell in grid, see <a href="https://cssgrid-generator.netlify.app/" class="extern
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span>
<span class="r-in"> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"mpg"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># Two chart side-by-side </span></span>
<span class="r-in"> <span class="va">a1</span> <span class="op">&lt;-</span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">manufacturer</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"bar"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="va">a2</span> <span class="op">&lt;-</span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">trans</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"column"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu">apex_grid</span><span class="op">(</span><span class="va">a1</span>, <span class="va">a2</span>, height <span class="op">=</span> <span class="st">"400px"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> </span>
<span class="r-in"> <span class="co"># More complex layout:</span></span>
<span class="r-in"> <span class="va">a3</span> <span class="op">&lt;-</span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"pie"</span><span class="op">)</span></span>
<span class="r-in"> </span>
<span class="r-in"> <span class="fu">apex_grid</span><span class="op">(</span></span>
<span class="r-in"> <span class="va">a1</span>, <span class="va">a2</span>, <span class="va">a3</span>, </span>
<span class="r-in"> grid_area <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"1 / 1 / 3 / 2"</span>, <span class="st">"1 / 2 / 2 / 4"</span>, <span class="st">"2 / 2 / 3 / 4"</span><span class="op">)</span>,</span>
<span class="r-in"> ncol <span class="op">=</span> <span class="fl">3</span>, nrow <span class="op">=</span> <span class="fl">2</span>,</span>
<span class="r-in"> height <span class="op">=</span> <span class="st">"600px"</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"><span class="op">}</span></span>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"mpg"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># Two chart side-by-side </span></span></span>
<span class="r-in"><span> <span class="va">a1</span> <span class="op">&lt;-</span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">manufacturer</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"bar"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="va">a2</span> <span class="op">&lt;-</span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">trans</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"column"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu">apex_grid</span><span class="op">(</span><span class="va">a1</span>, <span class="va">a2</span>, height <span class="op">=</span> <span class="st">"400px"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="co"># More complex layout:</span></span></span>
<span class="r-in"><span> <span class="va">a3</span> <span class="op">&lt;-</span> <span class="fu"><a href="apex.html">apex</a></span><span class="op">(</span><span class="va">mpg</span>, <span class="fu"><a href="apexcharter-exports.html">aes</a></span><span class="op">(</span><span class="va">drv</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"pie"</span><span class="op">)</span></span></span>
<span class="r-in"><span> </span></span>
<span class="r-in"><span> <span class="fu">apex_grid</span><span class="op">(</span></span></span>
<span class="r-in"><span> <span class="va">a1</span>, <span class="va">a2</span>, <span class="va">a3</span>, </span></span>
<span class="r-in"><span> grid_area <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"1 / 1 / 3 / 2"</span>, <span class="st">"1 / 2 / 2 / 4"</span>, <span class="st">"2 / 2 / 3 / 4"</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> ncol <span class="op">=</span> <span class="fl">3</span>, nrow <span class="op">=</span> <span class="fl">2</span>,</span></span>
<span class="r-in"><span> height <span class="op">=</span> <span class="st">"600px"</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span><span class="op">}</span></span></span>
</code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
@ -138,7 +151,7 @@ cell in grid, see <a href="https://cssgrid-generator.netlify.app/" class="extern
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

107
reference/apexchart.html
View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create an ApexCharts widget"><title>Create an ApexCharts widget — apexchart • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.0/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.0/bootstrap.bundle.min.js"></script><link href="../deps/_Poppins-0.4.1/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Create an ApexCharts widget — apexchart"><meta property="og:description" content="Create an ApexCharts widget"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create an ApexCharts widget"><title>Create an ApexCharts widget — apexchart • apexcharter</title><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.1.3/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.1.3/bootstrap.bundle.min.js"></script><link href="../deps/Poppins-0.4.4/font.css" rel="stylesheet"><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><meta property="og:title" content="Create an ApexCharts widget — apexchart"><meta property="og:description" content="Create an ApexCharts widget"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--><!-- dependencies from examples --><script src="libs/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="libs/apexcharter-binding-0.3.1.9000/apexcharter.js"></script></head><body>
<![endif]--><!-- dependencies from examples --><script src="libs/htmlwidgets-1.5.4/htmlwidgets.js"></script><script src="libs/apexcharter-binding-0.3.1.9200/apexcharter.js"></script></head><body>
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>
@ -10,7 +10,7 @@
<a class="navbar-brand me-2" href="../index.html">apexcharter</a>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9000</small>
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.3.1.9200</small>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
@ -65,31 +65,42 @@
<div class="section level2">
<h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="fu">apexchart</span><span class="op">(</span>
ax_opts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="op">)</span>,
auto_update <span class="op">=</span> <span class="cn">TRUE</span>,
width <span class="op">=</span> <span class="cn">NULL</span>,
height <span class="op">=</span> <span class="cn">NULL</span>,
elementId <span class="op">=</span> <span class="cn">NULL</span>
<span class="op">)</span></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">apexchart</span><span class="op">(</span></span>
<span> ax_opts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="op">)</span>,</span>
<span> auto_update <span class="op">=</span> <span class="cn">TRUE</span>,</span>
<span> width <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> height <span class="op">=</span> <span class="cn">NULL</span>,</span>
<span> elementId <span class="op">=</span> <span class="cn">NULL</span></span>
<span><span class="op">)</span></span></code></pre></div>
</div>
<div class="section level2">
<h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
<dl><dt>ax_opts</dt>
<dd><p>A <code>list</code> in JSON format with chart parameters.</p></dd>
<dt>auto_update</dt>
<dd><p>In Shiny application, update existing chart
rather than generating new one. Can be <code>TRUE</code>/<code>FALSE</code> or
use <code><a href="config_update.html">config_update()</a></code> for more control.</p></dd>
<dt>width, height</dt>
<dd><p>A numeric input in pixels.</p></dd>
<dt>elementId</dt>
<dd><p>Use an explicit element ID for the widget.</p></dd>
</dl></div>
<div class="section level2">
<h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
<p>An <code>apexchart()</code><code>htmlwidget</code> object.</p>
<p>An <code>apexchart()</code></p>
<p></p>
<p><code>htmlwidget</code> object.</p>
</div>
<div class="section level2">
<h2 id="see-also">See also<a class="anchor" aria-label="anchor" href="#see-also"></a></h2>
@ -98,42 +109,42 @@ use <code><a href="config_update.html">config_update()</a></code> for more contr
<div class="section level2">
<h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
<span class="r-in"></span>
<span class="r-in"><span class="co"># Use raw API by passing a list of</span></span>
<span class="r-in"><span class="co"># parameters to the function</span></span>
<span class="r-in"></span>
<span class="r-in"><span class="fu">apexchart</span><span class="op">(</span>ax_opts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span class="r-in"> chart <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span class="r-in"> type <span class="op">=</span> <span class="st">"bar"</span></span>
<span class="r-in"> <span class="op">)</span>,</span>
<span class="r-in"> series <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span class="r-in"> name <span class="op">=</span> <span class="st">"Example"</span>,</span>
<span class="r-in"> data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/sample.html" class="external-link">sample</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">100</span>, <span class="fl">5</span><span class="op">)</span></span>
<span class="r-in"> <span class="op">)</span><span class="op">)</span>,</span>
<span class="r-in"> xaxis <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span class="r-in"> categories <span class="op">=</span> <span class="va">LETTERS</span><span class="op">[</span><span class="fl">1</span><span class="op">:</span><span class="fl">5</span><span class="op">]</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"><span class="op">)</span><span class="op">)</span></span>
<div id="htmlwidget-85161ace7e14a749c6fa" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-85161ace7e14a749c6fa">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"Example","data":[93,59,94,15,84]}],"xaxis":{"categories":["A","B","C","D","E"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><span class="r-in"></span>
<span class="r-in"></span>
<span class="r-in"><span class="co"># Or use apexchart() to initialize the chart</span></span>
<span class="r-in"><span class="co"># before passing parameters</span></span>
<span class="r-in"></span>
<span class="r-in"><span class="fu">apexchart</span><span class="op">(</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu"><a href="ax_chart.html">ax_chart</a></span><span class="op">(</span>type <span class="op">=</span> <span class="st">"bar"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu"><a href="ax-series.html">ax_series</a></span><span class="op">(</span></span>
<span class="r-in"> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
<span class="r-in"> name <span class="op">=</span> <span class="st">"Example"</span>,</span>
<span class="r-in"> data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/sample.html" class="external-link">sample</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">100</span>, <span class="fl">5</span><span class="op">)</span></span>
<span class="r-in"> <span class="op">)</span></span>
<span class="r-in"> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span>
<span class="r-in"> <span class="fu"><a href="ax_xaxis.html">ax_xaxis</a></span><span class="op">(</span></span>
<span class="r-in"> categories <span class="op">=</span> <span class="va">LETTERS</span><span class="op">[</span><span class="fl">1</span><span class="op">:</span><span class="fl">5</span><span class="op">]</span></span>
<span class="r-in"> <span class="op">)</span></span>
<div id="htmlwidget-06ff90b19f48addb0698" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-06ff90b19f48addb0698">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"Example","data":[69,24,62,71,13]}],"xaxis":{"categories":["A","B","C","D","E"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script></code></pre></div>
<div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># Use raw API by passing a list of</span></span></span>
<span class="r-in"><span><span class="co"># parameters to the function</span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="fu">apexchart</span><span class="op">(</span>ax_opts <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> chart <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> type <span class="op">=</span> <span class="st">"bar"</span></span></span>
<span class="r-in"><span> <span class="op">)</span>,</span></span>
<span class="r-in"><span> series <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> name <span class="op">=</span> <span class="st">"Example"</span>,</span></span>
<span class="r-in"><span> data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/sample.html" class="external-link">sample</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">100</span>, <span class="fl">5</span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">)</span><span class="op">)</span>,</span></span>
<span class="r-in"><span> xaxis <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> categories <span class="op">=</span> <span class="va">LETTERS</span><span class="op">[</span><span class="fl">1</span><span class="op">:</span><span class="fl">5</span><span class="op">]</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span><span class="op">)</span><span class="op">)</span></span></span>
<div id="htmlwidget-e38486f07fec68390b79" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-e38486f07fec68390b79">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"Example","data":[82,57,38,65,77]}],"xaxis":{"categories":["A","B","C","D","E"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><span class="r-in"><span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="co"># Or use apexchart() to initialize the chart</span></span></span>
<span class="r-in"><span><span class="co"># before passing parameters</span></span></span>
<span class="r-in"><span></span></span>
<span class="r-in"><span><span class="fu">apexchart</span><span class="op">(</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_chart.html">ax_chart</a></span><span class="op">(</span>type <span class="op">=</span> <span class="st">"bar"</span><span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu"><a href="ax-series.html">ax_series</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> name <span class="op">=</span> <span class="st">"Example"</span>,</span></span>
<span class="r-in"><span> data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/sample.html" class="external-link">sample</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">100</span>, <span class="fl">5</span><span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<span class="r-in"><span> <span class="op">)</span> <span class="op"><a href="apexcharter-exports.html">%&gt;%</a></span></span></span>
<span class="r-in"><span> <span class="fu"><a href="ax_xaxis.html">ax_xaxis</a></span><span class="op">(</span></span></span>
<span class="r-in"><span> categories <span class="op">=</span> <span class="va">LETTERS</span><span class="op">[</span><span class="fl">1</span><span class="op">:</span><span class="fl">5</span><span class="op">]</span></span></span>
<span class="r-in"><span> <span class="op">)</span></span></span>
<div id="htmlwidget-36d7a91b86665657ee99" style="width:700px;height:432.632880098888px;" class="apexcharter html-widget"></div>
<script type="application/json" data-for="htmlwidget-36d7a91b86665657ee99">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"Example","data":[29,66,22,46,71]}],"xaxis":{"categories":["A","B","C","D","E"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script></code></pre></div>
</div>
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
</nav></aside></div>
@ -144,7 +155,7 @@ use <code><a href="config_update.html">config_update()</a></code> for more contr
</div>
<div class="pkgdown-footer-right">
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.2.</p>
<p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.6.</p>
</div>
</footer></div>

Some files were not shown because too many files have changed in this diff Show More