266 lines
52 KiB
HTML
266 lines
52 KiB
HTML
<!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.0">
|
||
<title>Facets: grid of charts • apexcharter</title>
|
||
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="../css/theme.css" rel="stylesheet">
|
||
<style>
|
||
#pkgdown-sidebar {
|
||
z-index: 100;
|
||
background: #FFF;
|
||
}
|
||
</style>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- Font --><link href="../css/montserrat.css" rel="stylesheet">
|
||
<style>body {font-family: 'Montserrat', sans-serif;}</style>
|
||
<!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
|
||
<script src="../bootstrap-toc.js"></script><!-- 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">
|
||
<!-- 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><!-- 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><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
|
||
<script src="../pkgdown.js"></script><!-- Particles --><script src="../js/particles.min.js"></script><style>
|
||
html,
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.contents {
|
||
opacity: 1;
|
||
background-color: #FFF;
|
||
z-index: 1;
|
||
}
|
||
|
||
#sidebar {
|
||
opacity: 1;
|
||
background-color: #FFF;
|
||
z-index: 1;
|
||
}
|
||
|
||
footer {
|
||
z-index: 1;
|
||
}
|
||
|
||
#particles {
|
||
position: fixed;
|
||
display: block;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 0;
|
||
}
|
||
|
||
.background {
|
||
position: absolute;
|
||
display: block;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 0;
|
||
}
|
||
</style>
|
||
<!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/all.min.css" integrity="sha256-nAmazAk6vS34Xqo0BSrTb+abbtFlgsFK7NKSi6o7Y78=" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/v4-shims.min.css" integrity="sha256-6qHlizsOWFskGlwVOKuns+D1nB6ssZrHQrNj1wGplHc=" crossorigin="anonymous">
|
||
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/headroom.min.js" integrity="sha256-DJFC1kqIhelURkuza0AvYal5RxMtpzLjFhsnVIeuk+U=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
|
||
<script src="../pkgdown.js"></script><meta property="og:title" content="Facets: grid of charts">
|
||
<meta property="og:description" content="apexcharter">
|
||
<meta name="twitter:card" content="summary">
|
||
<!-- 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 id="body">
|
||
<div class="container template-article">
|
||
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;"><a class="navbar-link" href="../index.html">apexcharter</a>
|
||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.8.900</span>
|
||
</span>
|
||
<span class="navbar-brand hidden-md hidden-lg">
|
||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.8.900</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div id="navbar" class="navbar-collapse collapse">
|
||
<ul class="nav navbar-nav">
|
||
<li>
|
||
<a href="../index.html">
|
||
<span class="fas fa fas fa-home fa-lg"></span>
|
||
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="../articles/apexcharter.html">Get started</a>
|
||
</li>
|
||
<li>
|
||
<a href="../reference/index.html">Reference</a>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||
Articles
|
||
|
||
<span class="caret"></span>
|
||
</a>
|
||
<ul class="dropdown-menu" role="menu">
|
||
<li>
|
||
<a href="../articles/articles/advanced-configuration.html">Advanced configuration examples</a>
|
||
</li>
|
||
<li>
|
||
<a href="../articles/chart-options.html">Chart options</a>
|
||
</li>
|
||
<li>
|
||
<a href="../articles/facets.html">Facets: grid of charts</a>
|
||
</li>
|
||
<li>
|
||
<a href="../articles/shiny-integration.html">Shiny integration</a>
|
||
</li>
|
||
<li>
|
||
<a href="../articles/spark-box.html">Spark boxes</a>
|
||
</li>
|
||
<li>
|
||
<a href="../articles/sync-charts.html">Syncing charts</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="../news/index.html">Changelog</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li>
|
||
<a href="https://github.com/dreamRs/apexcharter/">
|
||
<span class="fab fa fab fa-github fa-lg"></span>
|
||
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--/.nav-collapse -->
|
||
</div>
|
||
<!--/.container -->
|
||
</div>
|
||
<!--/.navbar -->
|
||
|
||
|
||
|
||
</header><script src="facets_files/accessible-code-block-0.0.1/empty-anchor.js"></script><link href="facets_files/anchor-sections-1.0/anchor-sections.css" rel="stylesheet">
|
||
<script src="facets_files/anchor-sections-1.0/anchor-sections.js"></script><script src="facets_files/htmlwidgets-1.5.2/htmlwidgets.js"></script><script src="facets_files/apexcharts-3.22.3/apexcharts.min.js"></script><link href="facets_files/apexcharter-css-0.1.0/apexcharter.css" rel="stylesheet">
|
||
<script src="facets_files/d3-format-1.4.2/d3-format.min.js"></script><script src="facets_files/apexcharter-binding-0.1.8.900/apexcharter.js"></script><div class="row">
|
||
<div class="col-md-9 contents">
|
||
<div class="page-header toc-ignore">
|
||
<h1>Facets: grid of charts</h1>
|
||
|
||
|
||
<small class="dont-index">Source: <a href="https://github.com/dreamRs/apexcharter/blob/master/vignettes/facets.Rmd"><code>vignettes/facets.Rmd</code></a></small>
|
||
<div class="hidden name"><code>facets.Rmd</code></div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<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">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter">apexcharter</a></span><span class="op">)</span></code></pre></div>
|
||
<p><a href="https://www.tidyverse.org/lifecycle/#experimental"><img src="https://img.shields.io/badge/lifecycle-experimental-orange.svg" alt="Lifecycle: experimental"></a></p>
|
||
<p>Create grid of charts with ApexCharts, currently it’s possible to:</p>
|
||
<ul>
|
||
<li>create grids according to one or more variables</li>
|
||
<li>define number of columns and rows</li>
|
||
<li>define type of scale for x-axis and y-axis (fixed or free)</li>
|
||
<li>synchronize charts within the grid</li>
|
||
</ul>
|
||
<p>Current limitations are :</p>
|
||
<ul>
|
||
<li>need specific render and output function in Shiny (<code><a href="../reference/apexcharter-shiny-facets.html">apexfacetOutput()</a></code> and <code><a href="../reference/apexcharter-shiny-facets.html">renderApexfacet()</a></code>)</li>
|
||
<li>x-axis always appear for scatter and line charts</li>
|
||
<li>x-axis labels can differ between charts even with fixed scale depending on the width of the chart and the formatter applied to labels</li>
|
||
<li>when scale on an axis is fixed, the chart with the axis don’t have the exact same size than the other since the axis take space in the plotting area</li>
|
||
</ul>
|
||
<div id="facet-wrap" class="section level2">
|
||
<h2 class="hasAnchor">
|
||
<a href="#facet-wrap" class="anchor"></a>Facet wrap</h2>
|
||
<p>Create a grid of charts with <code><a href="../reference/ax_facet_wrap.html">ax_facet_wrap()</a></code> :</p>
|
||
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/r/utils/data.html">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><span class="va">mpg</span>, <span class="fu"><a href="../reference/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">%>%</span>
|
||
<span class="fu"><a href="../reference/ax_facet_wrap.html">ax_facet_wrap</a></span><span class="op">(</span><span class="fu"><a href="../reference/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></code></pre></div>
|
||
<div class="apexcharter-facet-container" style="display:-ms-grid; display: grid; -ms-grid-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr); -ms-grid-rows: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 10px;">
|
||
<div id="htmlwidget-d361ade505bf75b55efb" style="width:100%;height:300px;" class="apexcharter html-widget"></div>
|
||
<script type="application/json" data-for="htmlwidget-d361ade505bf75b55efb">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"cty","type":"scatter","data":[{"x":1.8,"y":18},{"x":1.8,"y":16},{"x":2,"y":20},{"x":2,"y":19},{"x":2.8,"y":15},{"x":2.8,"y":17},{"x":3.1,"y":17},{"x":3.1,"y":15},{"x":2.8,"y":15},{"x":3.1,"y":17},{"x":4.2,"y":16},{"x":5.3,"y":14},{"x":5.3,"y":11},{"x":5.7,"y":11},{"x":6.5,"y":14},{"x":3.7,"y":15},{"x":3.7,"y":14},{"x":3.9,"y":13},{"x":3.9,"y":14},{"x":4.7,"y":14},{"x":4.7,"y":14},{"x":4.7,"y":9},{"x":5.2,"y":11},{"x":5.2,"y":11},{"x":3.9,"y":13},{"x":4.7,"y":13},{"x":4.7,"y":9},{"x":4.7,"y":13},{"x":5.2,"y":11},{"x":5.7,"y":13},{"x":5.9,"y":11},{"x":4.7,"y":12},{"x":4.7,"y":9},{"x":4.7,"y":13},{"x":4.7,"y":13},{"x":4.7,"y":12},{"x":4.7,"y":9},{"x":5.2,"y":11},{"x":5.2,"y":11},{"x":5.7,"y":13},{"x":5.9,"y":11},{"x":4,"y":14},{"x":4,"y":15},{"x":4,"y":14},{"x":4,"y":13},{"x":4.6,"y":13},{"x":5,"y":13},{"x":4.2,"y":14},{"x":4.2,"y":14},{"x":4.6,"y":13},{"x":4.6,"y":13},{"x":4.6,"y":13},{"x":5.4,"y":11},{"x":5.4,"y":13},{"x":3,"y":17},{"x":3.7,"y":15},{"x":4,"y":15},{"x":4.7,"y":14},{"x":4.7,"y":9},{"x":4.7,"y":14},{"x":5.7,"y":13},{"x":6.1,"y":11},{"x":4,"y":11},{"x":4.2,"y":12},{"x":4.4,"y":12},{"x":4.6,"y":11},{"x":4,"y":14},{"x":4,"y":13},{"x":4.6,"y":13},{"x":5,"y":13},{"x":3.3,"y":14},{"x":3.3,"y":15},{"x":4,"y":14},{"x":5.6,"y":12},{"x":2.5,"y":18},{"x":2.5,"y":18},{"x":2.5,"y":20},{"x":2.5,"y":19},{"x":2.5,"y":20},{"x":2.5,"y":18},{"x":2.2,"y":21},{"x":2.2,"y":19},{"x":2.5,"y":19},{"x":2.5,"y":19},{"x":2.5,"y":20},{"x":2.5,"y":20},{"x":2.5,"y":19},{"x":2.5,"y":20},{"x":2.7,"y":15},{"x":2.7,"y":16},{"x":3.4,"y":15},{"x":3.4,"y":15},{"x":4,"y":16},{"x":4.7,"y":14},{"x":4.7,"y":11},{"x":5.7,"y":13},{"x":2.7,"y":15},{"x":2.7,"y":16},{"x":2.7,"y":17},{"x":3.4,"y":15},{"x":3.4,"y":15},{"x":4,"y":15},{"x":4,"y":16}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":1,"max":7,"tickAmount":6,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":5,"max":35,"tickAmount":6,"labels":{"formatter":"function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true},"show":true},"grid":{"xaxis":{"lines":{"show":true}}},"title":{"text":["4"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":1.6,"max":7},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script><div id="htmlwidget-ec60a2bac0c43397ce27" style="width:100%;height:300px;" class="apexcharter html-widget"></div>
|
||
<script type="application/json" data-for="htmlwidget-ec60a2bac0c43397ce27">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"cty","type":"scatter","data":[{"x":1.8,"y":18},{"x":1.8,"y":21},{"x":2,"y":20},{"x":2,"y":21},{"x":2.8,"y":16},{"x":2.8,"y":18},{"x":3.1,"y":18},{"x":2.4,"y":19},{"x":2.4,"y":22},{"x":3.1,"y":18},{"x":3.5,"y":18},{"x":3.6,"y":17},{"x":2.4,"y":18},{"x":3,"y":17},{"x":3.3,"y":16},{"x":3.3,"y":16},{"x":3.3,"y":17},{"x":3.3,"y":17},{"x":3.3,"y":11},{"x":3.8,"y":15},{"x":3.8,"y":15},{"x":3.8,"y":16},{"x":4,"y":16},{"x":1.6,"y":28},{"x":1.6,"y":24},{"x":1.6,"y":25},{"x":1.6,"y":23},{"x":1.6,"y":24},{"x":1.8,"y":26},{"x":1.8,"y":25},{"x":1.8,"y":24},{"x":2,"y":21},{"x":2.4,"y":18},{"x":2.4,"y":18},{"x":2.4,"y":21},{"x":2.4,"y":21},{"x":2.5,"y":18},{"x":2.5,"y":18},{"x":3.3,"y":19},{"x":2,"y":19},{"x":2,"y":19},{"x":2,"y":20},{"x":2,"y":20},{"x":2.7,"y":17},{"x":2.7,"y":16},{"x":2.7,"y":17},{"x":2.4,"y":21},{"x":2.4,"y":19},{"x":2.5,"y":23},{"x":2.5,"y":23},{"x":3.5,"y":19},{"x":3.5,"y":19},{"x":3,"y":18},{"x":3,"y":19},{"x":3.5,"y":19},{"x":3.1,"y":18},{"x":3.8,"y":16},{"x":3.8,"y":17},{"x":3.8,"y":18},{"x":5.3,"y":16},{"x":2.2,"y":21},{"x":2.2,"y":21},{"x":2.4,"y":21},{"x":2.4,"y":21},{"x":3,"y":18},{"x":3,"y":18},{"x":3.5,"y":19},{"x":2.2,"y":21},{"x":2.2,"y":21},{"x":2.4,"y":21},{"x":2.4,"y":22},{"x":3,"y":18},{"x":3,"y":18},{"x":3.3,"y":18},{"x":1.8,"y":24},{"x":1.8,"y":24},{"x":1.8,"y":26},{"x":1.8,"y":28},{"x":1.8,"y":26},{"x":2,"y":21},{"x":2,"y":19},{"x":2,"y":21},{"x":2,"y":22},{"x":2.8,"y":17},{"x":1.9,"y":33},{"x":2,"y":21},{"x":2,"y":19},{"x":2,"y":22},{"x":2,"y":21},{"x":2.5,"y":21},{"x":2.5,"y":21},{"x":2.8,"y":16},{"x":2.8,"y":17},{"x":1.9,"y":35},{"x":1.9,"y":29},{"x":2,"y":21},{"x":2,"y":19},{"x":2.5,"y":20},{"x":2.5,"y":20},{"x":1.8,"y":21},{"x":1.8,"y":18},{"x":2,"y":19},{"x":2,"y":21},{"x":2.8,"y":16},{"x":2.8,"y":18},{"x":3.6,"y":17}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":1,"max":7,"tickAmount":6,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":5,"max":35,"tickAmount":6,"labels":{"formatter":"function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true},"show":false},"grid":{"xaxis":{"lines":{"show":true}}},"title":{"text":["f"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":1.6,"max":7},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script><div id="htmlwidget-e6dabeea78ce9812dce3" style="width:100%;height:300px;" class="apexcharter html-widget"></div>
|
||
<script type="application/json" data-for="htmlwidget-e6dabeea78ce9812dce3">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"cty","type":"scatter","data":[{"x":5.3,"y":14},{"x":5.3,"y":11},{"x":5.3,"y":14},{"x":5.7,"y":13},{"x":6,"y":12},{"x":5.7,"y":16},{"x":5.7,"y":15},{"x":6.2,"y":16},{"x":6.2,"y":15},{"x":7,"y":15},{"x":4.6,"y":11},{"x":5.4,"y":11},{"x":5.4,"y":12},{"x":3.8,"y":18},{"x":3.8,"y":18},{"x":4,"y":17},{"x":4,"y":16},{"x":4.6,"y":15},{"x":4.6,"y":15},{"x":4.6,"y":15},{"x":4.6,"y":15},{"x":5.4,"y":14},{"x":5.4,"y":11},{"x":5.4,"y":11},{"x":5.4,"y":12}]}],"dataLabels":{"enabled":false},"xaxis":{"type":"numeric","min":1,"max":7,"tickAmount":6,"crosshairs":{"show":true,"stroke":{"dashArray":0}},"labels":{"style":{"colors":"#848484"}}},"yaxis":{"min":5,"max":35,"tickAmount":6,"labels":{"formatter":"function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~r')(value) + '';}","style":{"colors":"#848484"}},"tooltip":{"enabled":true},"show":true},"grid":{"xaxis":{"lines":{"show":true}}},"title":{"text":["r"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":1.6,"max":7},"type":"scatter"},"evals":["ax_opts.yaxis.labels.formatter"],"jsHooks":[]}</script>
|
||
</div>
|
||
<p>Synchronized line charts with free y-axis :</p>
|
||
<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span><span class="op">(</span><span class="st">"unhcr_ts"</span><span class="op">)</span>
|
||
<span class="va">refugees</span> <span class="op"><-</span> <span class="va">unhcr_ts</span> <span class="op">%>%</span>
|
||
<span class="fu"><a href="https://rdrr.io/r/base/subset.html">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">%>%</span>
|
||
<span class="fu"><a href="https://rdrr.io/r/base/transform.html">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">as.Date</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html">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 class="fu"><a href="../reference/apex.html">apex</a></span><span class="op">(</span><span class="va">refugees</span>, <span class="fu"><a href="../reference/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">"sync-it"</span><span class="op">)</span> <span class="op">%>%</span>
|
||
<span class="fu"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>tickAmount <span class="op">=</span> <span class="fl">5</span>, labels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>formatter <span class="op">=</span> <span class="fu"><a href="../reference/format_num.html">format_num</a></span><span class="op">(</span><span class="st">"~s"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span> <span class="op">%>%</span>
|
||
<span class="fu"><a href="../reference/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">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">%>%</span>
|
||
<span class="fu"><a href="../reference/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">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">%>%</span>
|
||
<span class="fu"><a href="../reference/ax_facet_wrap.html">ax_facet_wrap</a></span><span class="op">(</span><span class="fu"><a href="../reference/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></code></pre></div>
|
||
<div class="apexcharter-facet-container" style="display:-ms-grid; display: grid; -ms-grid-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr); -ms-grid-rows: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 10px;">
|
||
<div id="htmlwidget-09e58a3204c369bdc877" style="width:100%;height:300px;" class="apexcharter html-widget"></div>
|
||
<script type="application/json" data-for="htmlwidget-09e58a3204c369bdc877">{"x":{"ax_opts":{"chart":{"type":"line","group":"sync-it"},"series":[{"name":"n","type":"line","data":[["new Date('1960-01-01').getTime()",150000],["new Date('1961-01-01').getTime()",302000],["new Date('1962-01-01').getTime()",322000],["new Date('1963-01-01').getTime()",353000],["new Date('1964-01-01').getTime()",490300],["new Date('1965-01-01').getTime()",579460],["new Date('1966-01-01').getTime()",736320],["new Date('1967-01-01').getTime()",833690],["new Date('1968-01-01').getTime()",963850],["new Date('1969-01-01').getTime()",937540],["new Date('1970-01-01').getTime()",974770],["new Date('1971-01-01').getTime()",976240],["new Date('1972-01-01').getTime()",1071850],["new Date('1973-01-01').getTime()",986220],["new Date('1974-01-01').getTime()",1070220],["new Date('1975-01-01').getTime()",1501340],["new Date('1976-01-01').getTime()",1697590],["new Date('1977-01-01').getTime()",2064965],["new Date('1978-01-01').getTime()",2377380],["new Date('1979-01-01').getTime()",3128940],["new Date('1980-01-01').getTime()",4222403],["new Date('1981-01-01').getTime()",3043515],["new Date('1982-01-01').getTime()",2952215],["new Date('1983-01-01').getTime()",2881859],["new Date('1984-01-01').getTime()",3470578],["new Date('1985-01-01').getTime()",3797764],["new Date('1986-01-01').getTime()",3595154],["new Date('1987-01-01').getTime()",3978264],["new Date('1988-01-01').getTime()",4593524],["new Date('1989-01-01').getTime()",4824904],["new Date('1990-01-01').getTime()",5912693],["new Date('1991-01-01').getTime()",5335460],["new Date('1992-01-01').getTime()",5577181],["new Date('1993-01-01').getTime()",6492397],["new Date('1994-01-01').getTime()",6935296],["new Date('1995-01-01').getTime()",5811513],["new Date('1996-01-01').getTime()",4543635],["new Date('1997-01-01').getTime()",3722238],["new Date('1998-01-01').getTime()",3593405],["new Date('1999-01-01').getTime()",3798915],["new Date('2000-01-01').getTime()",3951187],["new Date('2001-01-01').getTime()",3646853],["new Date('2002-01-01').getTime()",3715548],["new Date('2003-01-01').getTime()",3501590],["new Date('2004-01-01').getTime()",3409723],["new Date('2005-01-01').getTime()",3213525],["new Date('2006-01-01').getTime()",3156132],["new Date('2007-01-01').getTime()",2891309],["new Date('2008-01-01').getTime()",2769104],["new Date('2009-01-01').getTime()",2805162],["new Date('2010-01-01').getTime()",2947809],["new Date('2011-01-01').getTime()",3511640],["new Date('2012-01-01').getTime()",3677797],["new Date('2013-01-01').getTime()",3842504],["new Date('2014-01-01').getTime()",4623635],["new Date('2015-01-01').getTime()",5382290],["new Date('2016-01-01').getTime()",6165089],["new Date('2017-01-01').getTime()",7373420]]}],"yaxis":{"labels":{"minWidth":15,"style":{"colors":"#848484"},"formatter":"function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~s')(value) + '';}"},"decimalsInFloat":2,"tickAmount":5},"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}},"tooltip":{"enabled":false},"min":"new Date('1960-01-01').getTime()","max":"new Date('2020-01-01').getTime()"},"tooltip":{"x":{"format":"yyyy"}},"title":{"text":["Africa"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"1960-01-01","max":"2017-01-01"},"type":"line"},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0","ax_opts.series.0.data.50.0","ax_opts.series.0.data.51.0","ax_opts.series.0.data.52.0","ax_opts.series.0.data.53.0","ax_opts.series.0.data.54.0","ax_opts.series.0.data.55.0","ax_opts.series.0.data.56.0","ax_opts.series.0.data.57.0","ax_opts.yaxis.labels.formatter","ax_opts.xaxis.min","ax_opts.xaxis.max"],"jsHooks":[]}</script><div id="htmlwidget-9999f5c89bef82d2a126" style="width:100%;height:300px;" class="apexcharter html-widget"></div>
|
||
<script type="application/json" data-for="htmlwidget-9999f5c89bef82d2a126">{"x":{"ax_opts":{"chart":{"type":"line","group":"sync-it"},"series":[{"name":"n","type":"line","data":[["new Date('1964-01-01').getTime()",1261170],["new Date('1965-01-01').getTime()",1397000],["new Date('1966-01-01').getTime()",1395810],["new Date('1967-01-01').getTime()",151180],["new Date('1968-01-01').getTime()",158830],["new Date('1969-01-01').getTime()",155240],["new Date('1970-01-01').getTime()",150760],["new Date('1971-01-01').getTime()",195180],["new Date('1972-01-01').getTime()",205130],["new Date('1973-01-01').getTime()",101840],["new Date('1974-01-01').getTime()",68000],["new Date('1975-01-01').getTime()",84650],["new Date('1976-01-01').getTime()",95420],["new Date('1977-01-01').getTime()",264670],["new Date('1978-01-01').getTime()",676850],["new Date('1979-01-01').getTime()",1222020],["new Date('1980-01-01').getTime()",2524154],["new Date('1981-01-01').getTime()",4584803],["new Date('1982-01-01').getTime()",5249822],["new Date('1983-01-01').getTime()",5476427],["new Date('1984-01-01').getTime()",5166666],["new Date('1985-01-01').getTime()",5819892],["new Date('1986-01-01').getTime()",6326541],["new Date('1987-01-01').getTime()",6574797],["new Date('1988-01-01').getTime()",7066582],["new Date('1989-01-01').getTime()",7084483],["new Date('1990-01-01').getTime()",8494046],["new Date('1991-01-01').getTime()",8793297],["new Date('1992-01-01').getTime()",7956380],["new Date('1993-01-01').getTime()",6251694],["new Date('1994-01-01').getTime()",5564747],["new Date('1995-01-01').getTime()",5344395],["new Date('1996-01-01').getTime()",5570972],["new Date('1997-01-01').getTime()",5497379],["new Date('1998-01-01').getTime()",5375832],["new Date('1999-01-01').getTime()",5328517],["new Date('2000-01-01').getTime()",5889397],["new Date('2001-01-01').getTime()",6278879],["new Date('2002-01-01').getTime()",5208529],["new Date('2003-01-01').getTime()",4566604],["new Date('2004-01-01').getTime()",4752246],["new Date('2005-01-01').getTime()",4430665],["new Date('2006-01-01').getTime()",5523929],["new Date('2007-01-01').getTime()",7146281],["new Date('2008-01-01').getTime()",6525128],["new Date('2009-01-01').getTime()",6393200],["new Date('2010-01-01').getTime()",6441865],["new Date('2011-01-01').getTime()",5772713],["new Date('2012-01-01').getTime()",5713324],["new Date('2013-01-01').getTime()",6992887],["new Date('2014-01-01').getTime()",8718891],["new Date('2015-01-01').getTime()",9609536],["new Date('2016-01-01').getTime()",10000250],["new Date('2017-01-01').getTime()",11681576]]}],"yaxis":{"labels":{"minWidth":15,"style":{"colors":"#848484"},"formatter":"function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~s')(value) + '';}"},"decimalsInFloat":2,"tickAmount":5},"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}},"tooltip":{"enabled":false},"min":"new Date('1960-01-01').getTime()","max":"new Date('2020-01-01').getTime()"},"tooltip":{"x":{"format":"yyyy"}},"title":{"text":["Asia"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"1960-01-01","max":"2017-01-01"},"type":"line"},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0","ax_opts.series.0.data.50.0","ax_opts.series.0.data.51.0","ax_opts.series.0.data.52.0","ax_opts.series.0.data.53.0","ax_opts.yaxis.labels.formatter","ax_opts.xaxis.min","ax_opts.xaxis.max"],"jsHooks":[]}</script><div id="htmlwidget-3bccc8db0df22bc48165" style="width:100%;height:300px;" class="apexcharter html-widget"></div>
|
||
<script type="application/json" data-for="htmlwidget-3bccc8db0df22bc48165">{"x":{"ax_opts":{"chart":{"type":"line","group":"sync-it"},"series":[{"name":"n","type":"line","data":[["new Date('1964-01-01').getTime()",220],["new Date('1965-01-01').getTime()",25820],["new Date('1966-01-01').getTime()",33190],["new Date('1967-01-01').getTime()",30950],["new Date('1968-01-01').getTime()",29210],["new Date('1969-01-01').getTime()",29460],["new Date('1970-01-01').getTime()",30730],["new Date('1971-01-01').getTime()",3680],["new Date('1972-01-01').getTime()",10690],["new Date('1973-01-01').getTime()",9380],["new Date('1974-01-01').getTime()",2010],["new Date('1975-01-01').getTime()",1840],["new Date('1976-01-01').getTime()",1120],["new Date('1977-01-01').getTime()",2460],["new Date('1978-01-01').getTime()",7130],["new Date('1979-01-01').getTime()",1970],["new Date('1980-01-01').getTime()",15846],["new Date('1981-01-01').getTime()",16546],["new Date('1982-01-01').getTime()",17155],["new Date('1983-01-01').getTime()",17451],["new Date('1984-01-01').getTime()",16592],["new Date('1985-01-01').getTime()",18785],["new Date('1986-01-01').getTime()",13467],["new Date('1987-01-01').getTime()",13131],["new Date('1988-01-01').getTime()",88047],["new Date('1989-01-01').getTime()",149036],["new Date('1990-01-01').getTime()",212051],["new Date('1991-01-01').getTime()",265736],["new Date('1992-01-01').getTime()",964362],["new Date('1993-01-01').getTime()",1157164],["new Date('1994-01-01').getTime()",1253868],["new Date('1995-01-01').getTime()",1389346],["new Date('1996-01-01').getTime()",1653932],["new Date('1997-01-01').getTime()",1564757],["new Date('1998-01-01').getTime()",1307240],["new Date('1999-01-01').getTime()",1199074],["new Date('2000-01-01').getTime()",1079134],["new Date('2001-01-01').getTime()",998238],["new Date('2002-01-01').getTime()",1269077],["new Date('2003-01-01').getTime()",1097853],["new Date('2004-01-01').getTime()",948400],["new Date('2005-01-01').getTime()",698304],["new Date('2006-01-01').getTime()",772309],["new Date('2007-01-01').getTime()",516416],["new Date('2008-01-01').getTime()",539452],["new Date('2009-01-01').getTime()",528245],["new Date('2010-01-01').getTime()",500063],["new Date('2011-01-01').getTime()",467387],["new Date('2012-01-01').getTime()",456821],["new Date('2013-01-01').getTime()",233539],["new Date('2014-01-01').getTime()",444471],["new Date('2015-01-01').getTime()",507447],["new Date('2016-01-01').getTime()",412142],["new Date('2017-01-01').getTime()",308707]]}],"yaxis":{"labels":{"minWidth":15,"style":{"colors":"#848484"},"formatter":"function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~s')(value) + '';}"},"decimalsInFloat":2,"tickAmount":5},"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}},"tooltip":{"enabled":false},"min":"new Date('1960-01-01').getTime()","max":"new Date('2020-01-01').getTime()"},"tooltip":{"x":{"format":"yyyy"}},"title":{"text":["Europe"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"1960-01-01","max":"2017-01-01"},"type":"line"},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0","ax_opts.series.0.data.50.0","ax_opts.series.0.data.51.0","ax_opts.series.0.data.52.0","ax_opts.series.0.data.53.0","ax_opts.yaxis.labels.formatter","ax_opts.xaxis.min","ax_opts.xaxis.max"],"jsHooks":[]}</script><div id="htmlwidget-7bd2cd51ff28d3114988" style="width:100%;height:300px;" class="apexcharter html-widget"></div>
|
||
<script type="application/json" data-for="htmlwidget-7bd2cd51ff28d3114988">{"x":{"ax_opts":{"chart":{"type":"line","group":"sync-it"},"series":[{"name":"n","type":"line","data":[["new Date('1969-01-01').getTime()",14500],["new Date('1970-01-01').getTime()",16700],["new Date('1971-01-01').getTime()",54500],["new Date('1972-01-01').getTime()",17070],["new Date('1974-01-01').getTime()",2600],["new Date('1978-01-01').getTime()",145150],["new Date('1979-01-01').getTime()",23460],["new Date('1980-01-01').getTime()",98834],["new Date('1981-01-01').getTime()",316924],["new Date('1982-01-01').getTime()",303514],["new Date('1983-01-01').getTime()",316075],["new Date('1984-01-01').getTime()",332697],["new Date('1985-01-01').getTime()",294121],["new Date('1986-01-01').getTime()",298042],["new Date('1987-01-01').getTime()",295761],["new Date('1988-01-01').getTime()",315341],["new Date('1989-01-01').getTime()",194096],["new Date('1990-01-01').getTime()",146893],["new Date('1991-01-01').getTime()",152577],["new Date('1992-01-01').getTime()",153544],["new Date('1993-01-01').getTime()",136866],["new Date('1994-01-01').getTime()",144679],["new Date('1995-01-01').getTime()",131444],["new Date('1996-01-01').getTime()",125707],["new Date('1997-01-01').getTime()",119854],["new Date('1998-01-01').getTime()",106300],["new Date('1999-01-01').getTime()",96001],["new Date('2000-01-01').getTime()",63919],["new Date('2001-01-01').getTime()",57589],["new Date('2002-01-01').getTime()",53704],["new Date('2003-01-01').getTime()",43442],["new Date('2004-01-01').getTime()",39348],["new Date('2005-01-01').getTime()",46780],["new Date('2006-01-01').getTime()",77124],["new Date('2007-01-01').getTime()",56508],["new Date('2008-01-01').getTime()",56488],["new Date('2009-01-01').getTime()",57501],["new Date('2010-01-01').getTime()",60487],["new Date('2011-01-01').getTime()",73599],["new Date('2012-01-01').getTime()",83091],["new Date('2013-01-01').getTime()",87189],["new Date('2014-01-01').getTime()",90987],["new Date('2015-01-01').getTime()",97919],["new Date('2016-01-01').getTime()",96526],["new Date('2017-01-01').getTime()",110091]]}],"yaxis":{"labels":{"minWidth":15,"style":{"colors":"#848484"},"formatter":"function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~s')(value) + '';}"},"decimalsInFloat":2,"tickAmount":5},"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}},"tooltip":{"enabled":false},"min":"new Date('1960-01-01').getTime()","max":"new Date('2020-01-01').getTime()"},"tooltip":{"x":{"format":"yyyy"}},"title":{"text":["North America"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"1960-01-01","max":"2017-01-01"},"type":"line"},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.yaxis.labels.formatter","ax_opts.xaxis.min","ax_opts.xaxis.max"],"jsHooks":[]}</script><div id="htmlwidget-28a6d2445fa9df8b15ec" style="width:100%;height:300px;" class="apexcharter html-widget"></div>
|
||
<script type="application/json" data-for="htmlwidget-28a6d2445fa9df8b15ec">{"x":{"ax_opts":{"chart":{"type":"line","group":"sync-it"},"series":[{"name":"n","type":"line","data":[["new Date('1990-01-01').getTime()",1],["new Date('1991-01-01').getTime()",1],["new Date('1992-01-01').getTime()",19],["new Date('1993-01-01').getTime()",89],["new Date('1994-01-01').getTime()",159],["new Date('1995-01-01').getTime()",2260],["new Date('1996-01-01').getTime()",2354],["new Date('1997-01-01').getTime()",1177],["new Date('1998-01-01').getTime()",562],["new Date('1999-01-01').getTime()",383],["new Date('2000-01-01').getTime()",456],["new Date('2001-01-01').getTime()",787],["new Date('2002-01-01').getTime()",1168],["new Date('2003-01-01').getTime()",1215],["new Date('2004-01-01').getTime()",1416],["new Date('2005-01-01').getTime()",1515],["new Date('2006-01-01').getTime()",1849],["new Date('2007-01-01').getTime()",2039],["new Date('2008-01-01').getTime()",2074],["new Date('2009-01-01').getTime()",2105],["new Date('2010-01-01').getTime()",2109],["new Date('2011-01-01').getTime()",1890],["new Date('2012-01-01').getTime()",1682],["new Date('2013-01-01').getTime()",1500],["new Date('2014-01-01').getTime()",1377],["new Date('2015-01-01').getTime()",1387],["new Date('2016-01-01').getTime()",1361],["new Date('2017-01-01').getTime()",1281]]}],"yaxis":{"labels":{"minWidth":15,"style":{"colors":"#848484"},"formatter":"function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~s')(value) + '';}"},"decimalsInFloat":2,"tickAmount":5},"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}},"tooltip":{"enabled":false},"min":"new Date('1960-01-01').getTime()","max":"new Date('2020-01-01').getTime()"},"tooltip":{"x":{"format":"yyyy"}},"title":{"text":["Oceania"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"1960-01-01","max":"2017-01-01"},"type":"line"},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.yaxis.labels.formatter","ax_opts.xaxis.min","ax_opts.xaxis.max"],"jsHooks":[]}</script><div id="htmlwidget-0aa8e1201827e6b95282" style="width:100%;height:300px;" class="apexcharter html-widget"></div>
|
||
<script type="application/json" data-for="htmlwidget-0aa8e1201827e6b95282">{"x":{"ax_opts":{"chart":{"type":"line","group":"sync-it"},"series":[{"name":"n","type":"line","data":[["new Date('1970-01-01').getTime()",1400],["new Date('1971-01-01').getTime()",4930],["new Date('1972-01-01').getTime()",3730],["new Date('1974-01-01').getTime()",18200],["new Date('1975-01-01').getTime()",16010],["new Date('1976-01-01').getTime()",3890],["new Date('1977-01-01').getTime()",3000],["new Date('1978-01-01').getTime()",3130],["new Date('1979-01-01').getTime()",3130],["new Date('1980-01-01').getTime()",1742],["new Date('1981-01-01').getTime()",2103],["new Date('1982-01-01').getTime()",4403],["new Date('1983-01-01').getTime()",1867],["new Date('1984-01-01').getTime()",1765],["new Date('1985-01-01').getTime()",2835],["new Date('1986-01-01').getTime()",2587],["new Date('1987-01-01').getTime()",2044],["new Date('1988-01-01').getTime()",730],["new Date('1989-01-01').getTime()",8237],["new Date('1990-01-01').getTime()",23863],["new Date('1991-01-01').getTime()",22057],["new Date('1992-01-01').getTime()",18799],["new Date('1993-01-01').getTime()",19690],["new Date('1994-01-01').getTime()",23817],["new Date('1995-01-01').getTime()",24521],["new Date('1996-01-01').getTime()",23985],["new Date('1997-01-01').getTime()",20827],["new Date('1998-01-01').getTime()",19790],["new Date('1999-01-01').getTime()",15692],["new Date('2000-01-01').getTime()",19673],["new Date('2001-01-01').getTime()",27789],["new Date('2002-01-01').getTime()",41787],["new Date('2003-01-01').getTime()",48122],["new Date('2004-01-01').getTime()",57174],["new Date('2005-01-01').getTime()",71703],["new Date('2006-01-01').getTime()",88149],["new Date('2007-01-01').getTime()",571145],["new Date('2008-01-01').getTime()",392701],["new Date('2009-01-01').getTime()",407775],["new Date('2010-01-01').getTime()",413321],["new Date('2011-01-01').getTime()",414355],["new Date('2012-01-01').getTime()",412762],["new Date('2013-01-01').getTime()",414251],["new Date('2014-01-01').getTime()",376899],["new Date('2015-01-01').getTime()",355158],["new Date('2016-01-01').getTime()",324651],["new Date('2017-01-01').getTime()",206979]]}],"yaxis":{"labels":{"minWidth":15,"style":{"colors":"#848484"},"formatter":"function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('~s')(value) + '';}"},"decimalsInFloat":2,"tickAmount":5},"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}},"tooltip":{"enabled":false},"min":"new Date('1960-01-01').getTime()","max":"new Date('2020-01-01').getTime()"},"tooltip":{"x":{"format":"yyyy"}},"title":{"text":["South America"]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"1960-01-01","max":"2017-01-01"},"type":"line"},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.yaxis.labels.formatter","ax_opts.xaxis.min","ax_opts.xaxis.max"],"jsHooks":[]}</script>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
|
||
|
||
<div id="tocnav">
|
||
<h2 class="hasAnchor">
|
||
<a href="#tocnav" class="anchor"></a>Contents</h2>
|
||
<ul class="nav nav-pills nav-stacked">
|
||
<li><a href="#facet-wrap">Facet wrap</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<footer><div class="copyright">
|
||
<p>Developed by <a href="https://twitter.com/_pvictorr"><img src="https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg"> Victor Perrier</a>, <a href="https://twitter.com/_mfaan"><img src="https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg"> Fanny Meyer</a>.</p>
|
||
</div>
|
||
|
||
<div class="pkgdown">
|
||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
|
||
</div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div id="particles"></div>
|
||
|
||
<script>
|
||
window.onload = function() {
|
||
var config = {"particles":{"number":{"value":90,"density":{"enable":true,"value_area":1200}},"color":{"value":"#112446"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.8,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#112446","opacity":0.6,"width":1},"move":{"enable":true,"speed":5,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true}},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}},"retina_detect":true} ;
|
||
particlesJS("particles", config);
|
||
};
|
||
</script>
|
||
</body>
|
||
</html>
|