276 lines
78 KiB
HTML
276 lines
78 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>Starting with ApexCharts • apexcharter</title>
|
|
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/flatly/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" 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><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
|
|
<script src="../pkgdown.js"></script><meta property="og:title" content="Starting with ApexCharts">
|
|
<meta property="og:description" content="">
|
|
<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>
|
|
<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">
|
|
<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.0.4.940</span>
|
|
</span>
|
|
</div>
|
|
|
|
<div id="navbar" class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav">
|
|
<li>
|
|
<a href="../index.html">
|
|
<span class="fa fa-home fa-lg"></span>
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="../articles/starting-with-apexcharts.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/labs.html">Labs: title, subtitle & axis</a>
|
|
</li>
|
|
<li>
|
|
<a href="../articles/lines.html">Options & styles for lines</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="../news/index.html">News</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li>
|
|
<a href="https://github.com/dreamRs/apexcharter">
|
|
<span class="fa fa-github fa-lg"></span>
|
|
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!--/.nav-collapse -->
|
|
</div>
|
|
<!--/.container -->
|
|
</div>
|
|
<!--/.navbar -->
|
|
|
|
|
|
</header><script src="starting-with-apexcharts_files/htmlwidgets-1.3/htmlwidgets.js"></script><script src="starting-with-apexcharts_files/apexcharts-3.7.1/apexcharts.min.js"></script><script src="starting-with-apexcharts_files/apexcharter-binding-0.0.4.930/apexcharter.js"></script><div class="row">
|
|
<div class="col-md-9 contents">
|
|
<div class="page-header toc-ignore">
|
|
<h1>Starting with ApexCharts</h1>
|
|
<h4 class="author">Victor Perrier</h4>
|
|
|
|
<h4 class="date">2019-06-04</h4>
|
|
|
|
<small class="dont-index">Source: <a href="https://github.com/dreamRs/apexcharter/blob/master/vignettes/starting-with-apexcharts.Rmd"><code>vignettes/starting-with-apexcharts.Rmd</code></a></small>
|
|
<div class="hidden name"><code>starting-with-apexcharts.Rmd</code></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<p>The objective of this vignette is to show how to quickly build data visualizations with the ApexCharts JavaScript library, as well as to give an overview of the different graphics available.</p>
|
|
<p>Data used are from <code>ggplot2</code> package, data manipulation will be done with the <code>dplyr</code> package.</p>
|
|
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" title="1"><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/library">library</a></span>(ggplot2)</a>
|
|
<a class="sourceLine" id="cb1-2" title="2"><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/library">library</a></span>(dplyr)</a>
|
|
<a class="sourceLine" id="cb1-3" title="3"><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/library">library</a></span>(apexcharter)</a></code></pre></div>
|
|
<div id="bar-charts" class="section level2">
|
|
<h2 class="hasAnchor">
|
|
<a href="#bar-charts" class="anchor"></a>Bar charts</h2>
|
|
<p>Simple bar charts can be created with:</p>
|
|
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" title="1"><span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/data">data</a></span>(<span class="st">"mpg"</span>)</a>
|
|
<a class="sourceLine" id="cb2-2" title="2">n_manufac <-<span class="st"> </span><span class="kw">count</span>(mpg, manufacturer)</a>
|
|
<a class="sourceLine" id="cb2-3" title="3"></a>
|
|
<a class="sourceLine" id="cb2-4" title="4"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> n_manufac, <span class="dt">type =</span> <span class="st">"column"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> manufacturer, <span class="dt">y =</span> n))</a></code></pre></div>
|
|
<div id="htmlwidget-81bd26880fa93231164d" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-81bd26880fa93231164d">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","data":[{"x":"audi","y":18},{"x":"chevrolet","y":19},{"x":"dodge","y":37},{"x":"ford","y":25},{"x":"honda","y":9},{"x":"hyundai","y":14},{"x":"jeep","y":8},{"x":"land rover","y":4},{"x":"lincoln","y":3},{"x":"mercury","y":4},{"x":"nissan","y":13},{"x":"pontiac","y":5},{"x":"subaru","y":14},{"x":"toyota","y":34},{"x":"volkswagen","y":27}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false}}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Flipping coordinates can be done by using <code>type = "bar"</code>:</p>
|
|
<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> n_manufac, <span class="dt">type =</span> <span class="st">"bar"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> manufacturer, <span class="dt">y =</span> n))</a></code></pre></div>
|
|
<div id="htmlwidget-d6d8f524ab679596433c" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-d6d8f524ab679596433c">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","data":[{"x":"audi","y":18},{"x":"chevrolet","y":19},{"x":"dodge","y":37},{"x":"ford","y":25},{"x":"honda","y":9},{"x":"hyundai","y":14},{"x":"jeep","y":8},{"x":"land rover","y":4},{"x":"lincoln","y":3},{"x":"mercury","y":4},{"x":"nissan","y":13},{"x":"pontiac","y":5},{"x":"subaru","y":14},{"x":"toyota","y":34},{"x":"volkswagen","y":27}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":true}},"grid":{"yaxis":{"lines":{"show":false}},"xaxis":{"lines":{"show":true}}}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>To create a dodge bar charts, use aesthetic <code>fill</code> :</p>
|
|
<div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" title="1">n_manufac_year <-<span class="st"> </span><span class="kw">count</span>(mpg, manufacturer, year)</a>
|
|
<a class="sourceLine" id="cb4-2" title="2"></a>
|
|
<a class="sourceLine" id="cb4-3" title="3"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> n_manufac_year, <span class="dt">type =</span> <span class="st">"column"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> manufacturer, <span class="dt">y =</span> n, <span class="dt">fill =</span> year))</a></code></pre></div>
|
|
<div id="htmlwidget-855db22cae8ed25d9db4" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-855db22cae8ed25d9db4">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":1999,"data":[{"x":"audi","y":9},{"x":"chevrolet","y":7},{"x":"dodge","y":16},{"x":"ford","y":15},{"x":"honda","y":5},{"x":"hyundai","y":6},{"x":"jeep","y":2},{"x":"land rover","y":2},{"x":"lincoln","y":2},{"x":"mercury","y":2},{"x":"nissan","y":6},{"x":"pontiac","y":3},{"x":"subaru","y":6},{"x":"toyota","y":20},{"x":"volkswagen","y":16}]},{"name":2008,"data":[{"x":"audi","y":9},{"x":"chevrolet","y":12},{"x":"dodge","y":21},{"x":"ford","y":10},{"x":"honda","y":4},{"x":"hyundai","y":8},{"x":"jeep","y":6},{"x":"land rover","y":2},{"x":"lincoln","y":1},{"x":"mercury","y":2},{"x":"nissan","y":7},{"x":"pontiac","y":2},{"x":"subaru","y":8},{"x":"toyota","y":14},{"x":"volkswagen","y":11}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false}}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>For stacked bar charts, specify option <code>stacked</code> in <code>ax_chart</code> :</p>
|
|
<div class="sourceCode" id="cb5"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb5-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> n_manufac_year, <span class="dt">type =</span> <span class="st">"column"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> manufacturer, <span class="dt">y =</span> n, <span class="dt">fill =</span> year)) <span class="op">%>%</span><span class="st"> </span></a>
|
|
<a class="sourceLine" id="cb5-2" title="2"><span class="st"> </span><span class="kw"><a href="../reference/ax_chart.html">ax_chart</a></span>(<span class="dt">stacked =</span> <span class="ot">TRUE</span>)</a></code></pre></div>
|
|
<div id="htmlwidget-4a213bea8eb1bb7acf06" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-4a213bea8eb1bb7acf06">{"x":{"ax_opts":{"chart":{"type":"bar","stacked":true},"series":[{"name":1999,"data":[{"x":"audi","y":9},{"x":"chevrolet","y":7},{"x":"dodge","y":16},{"x":"ford","y":15},{"x":"honda","y":5},{"x":"hyundai","y":6},{"x":"jeep","y":2},{"x":"land rover","y":2},{"x":"lincoln","y":2},{"x":"mercury","y":2},{"x":"nissan","y":6},{"x":"pontiac","y":3},{"x":"subaru","y":6},{"x":"toyota","y":20},{"x":"volkswagen","y":16}]},{"name":2008,"data":[{"x":"audi","y":9},{"x":"chevrolet","y":12},{"x":"dodge","y":21},{"x":"ford","y":10},{"x":"honda","y":4},{"x":"hyundai","y":8},{"x":"jeep","y":6},{"x":"land rover","y":2},{"x":"lincoln","y":1},{"x":"mercury","y":2},{"x":"nissan","y":7},{"x":"pontiac","y":2},{"x":"subaru","y":8},{"x":"toyota","y":14},{"x":"volkswagen","y":11}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false}}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
|
</div>
|
|
<div id="line-charts" class="section level2">
|
|
<h2 class="hasAnchor">
|
|
<a href="#line-charts" class="anchor"></a>Line charts</h2>
|
|
<p>Simple line charts can be created with (works with <code>character</code>, <code>Date</code> or <code>POSIXct</code>):</p>
|
|
<div class="sourceCode" id="cb6"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" title="1"><span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/data">data</a></span>(<span class="st">"economics"</span>)</a>
|
|
<a class="sourceLine" id="cb6-2" title="2">economics <-<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/head">tail</a></span>(economics, <span class="dv">100</span>)</a>
|
|
<a class="sourceLine" id="cb6-3" title="3"></a>
|
|
<a class="sourceLine" id="cb6-4" title="4"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> economics, <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> uempmed))</a></code></pre></div>
|
|
<div id="htmlwidget-244f6ef0bc1639f8a8d9" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-244f6ef0bc1639f8a8d9">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2007-01-01",8.3],["2007-02-01",8.5],["2007-03-01",9.1],["2007-04-01",8.6],["2007-05-01",8.2],["2007-06-01",7.7],["2007-07-01",8.7],["2007-08-01",8.8],["2007-09-01",8.7],["2007-10-01",8.4],["2007-11-01",8.6],["2007-12-01",8.4],["2008-01-01",9],["2008-02-01",8.7],["2008-03-01",8.7],["2008-04-01",9.4],["2008-05-01",7.9],["2008-06-01",9],["2008-07-01",9.7],["2008-08-01",9.7],["2008-09-01",10.2],["2008-10-01",10.4],["2008-11-01",9.8],["2008-12-01",10.5],["2009-01-01",10.7],["2009-02-01",11.7],["2009-03-01",12.3],["2009-04-01",13.1],["2009-05-01",14.2],["2009-06-01",17.2],["2009-07-01",16],["2009-08-01",16.3],["2009-09-01",17.8],["2009-10-01",18.9],["2009-11-01",19.8],["2009-12-01",20.1],["2010-01-01",20],["2010-02-01",19.9],["2010-03-01",20.4],["2010-04-01",22.1],["2010-05-01",22.3],["2010-06-01",25.2],["2010-07-01",22.3],["2010-08-01",21],["2010-09-01",20.3],["2010-10-01",21.2],["2010-11-01",21],["2010-12-01",21.9],["2011-01-01",21.6],["2011-02-01",21.1],["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.3],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.5],["2011-11-01",20.9],["2011-12-01",20.5],["2012-01-01",21],["2012-02-01",19.8],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.1],["2012-07-01",17.5],["2012-08-01",18.5],["2012-09-01",18.8],["2012-10-01",19.7],["2012-11-01",18.5],["2012-12-01",17.6],["2013-01-01",16.2],["2013-02-01",17.5],["2013-03-01",17.7],["2013-04-01",17.1],["2013-05-01",17],["2013-06-01",16.6],["2013-07-01",16.3],["2013-08-01",16.8],["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>To represent several lines, use a <code>data.frame</code> in long format and the <code>group</code> aesthetic:</p>
|
|
<div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" title="1"><span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/data">data</a></span>(<span class="st">"economics_long"</span>)</a>
|
|
<a class="sourceLine" id="cb7-2" title="2">economics_long <-<span class="st"> </span>economics_long <span class="op">%>%</span><span class="st"> </span></a>
|
|
<a class="sourceLine" id="cb7-3" title="3"><span class="st"> </span><span class="kw">group_by</span>(variable) <span class="op">%>%</span><span class="st"> </span></a>
|
|
<a class="sourceLine" id="cb7-4" title="4"><span class="st"> </span><span class="kw">slice</span>((<span class="kw">n</span>()<span class="op">-</span><span class="dv">100</span>)<span class="op">:</span><span class="kw">n</span>())</a>
|
|
<a class="sourceLine" id="cb7-5" title="5"><span class="co">#> Warning: Detecting old grouped_df format, replacing `vars` attribute by</span></a>
|
|
<a class="sourceLine" id="cb7-6" title="6"><span class="co">#> `groups`</span></a>
|
|
<a class="sourceLine" id="cb7-7" title="7"></a>
|
|
<a class="sourceLine" id="cb7-8" title="8"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> economics_long, <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> value01, <span class="dt">group =</span> variable)) <span class="op">%>%</span><span class="st"> </span></a>
|
|
<a class="sourceLine" id="cb7-9" title="9"><span class="st"> </span><span class="kw"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(<span class="dt">decimalsInFloat =</span> <span class="dv">2</span>) <span class="co"># number of decimals to keep</span></a></code></pre></div>
|
|
<div id="htmlwidget-9f4fafb3670d3bec7104" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-9f4fafb3670d3bec7104">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","data":[["2006-12-01",0.773041247286363],["2007-01-01",0.776181772938279],["2007-02-01",0.779416685973177],["2007-03-01",0.782917599814658],["2007-04-01",0.786264061574896],["2007-05-01",0.789550458636875],["2007-06-01",0.790786075286809],["2007-07-01",0.793900858925185],["2007-08-01",0.797418934109026],["2007-09-01",0.800585201774483],["2007-10-01",0.801992431848019],["2007-11-01",0.808402193219554],["2007-12-01",0.810032520743773],["2008-01-01",0.811371105447868],["2008-02-01",0.810727555109361],["2008-03-01",0.814889180631709],["2008-04-01",0.818355771788469],["2008-05-01",0.822534558653178],["2008-06-01",0.827348315185214],["2008-07-01",0.827494186595276],["2008-08-01",0.826567474107825],["2008-09-01",0.821667910863988],["2008-10-01",0.813095820355068],["2008-11-01",0.801760753726157],["2008-12-01",0.79257943556345],["2009-01-01",0.796689577058718],["2009-02-01",0.795282346985181],["2009-03-01",0.792467886838108],["2009-04-01",0.792382080126308],["2009-05-01",0.793909439596365],["2009-06-01",0.798019581091633],["2009-07-01",0.800387846337341],["2009-08-01",0.811259556722527],["2009-09-01",0.803837276151741],["2009-10-01",0.80805896637235],["2009-11-01",0.809903810676071],["2009-12-01",0.814580276469225],["2010-01-01",0.814820535262268],["2010-02-01",0.817506285341639],["2010-03-01",0.82272333341914],["2010-04-01",0.823701529933671],["2010-05-01",0.826558893436645],["2010-06-01",0.82876412592993],["2010-07-01",0.830342969427069],["2010-08-01",0.835731630928171],["2010-09-01",0.837602217245433],["2010-10-01",0.844020559288148],["2010-11-01",0.848834315820183],["2010-12-01",0.85194909945856],["2011-01-01",0.855261238534078],["2011-02-01",0.858496151568976],["2011-03-01",0.864597008778027],["2011-04-01",0.868123664633048],["2011-05-01",0.870569155919376],["2011-06-01",0.872568452304339],["2011-07-01",0.87691885259265],["2011-08-01",0.878506276760968],["2011-09-01",0.882367578792013],["2011-10-01",0.88554242712865],["2011-11-01",0.885636814511631],["2011-12-01",0.88551668511511],["2012-01-01",0.892226769977948],["2012-02-01",0.898550724637681],["2012-03-01",0.899846405985876],["2012-04-01",0.902926866939532],["2012-05-01",0.902823898885371],["2012-06-01",0.903124222376674],["2012-07-01",0.906753846285856],["2012-08-01",0.909328047639886],["2012-09-01",0.915746389682601],["2012-10-01",0.917488265932161],["2012-11-01",0.919453239632404],["2012-12-01",0.921375309976746],["2013-01-01",0.926352099261204],["2013-02-01",0.932204117006032],["2013-03-01",0.93283908667336],["2013-04-01",0.932367149758454],["2013-05-01",0.935267416617328],["2013-06-01",0.940012527779923],["2013-07-01",0.941926017453085],["2013-08-01",0.944234218000532],["2013-09-01",0.94835294016698],["2013-10-01",0.951999725418522],["2013-11-01",0.957954711217511],["2013-12-01",0.959224650552166],["2014-01-01",0.957302580207824],["2014-02-01",0.961635819153774],["2014-03-01",0.969590101337727],["2014-04-01",0.971143202821325],["2014-05-01",0.974498245252744],["2014-06-01",0.979500776550742],["2014-07-01",0.981371362868004],["2014-08-01",0.987600930144756],["2014-09-01",0.989969195390463],["2014-10-01",0.994413983061755],["2014-11-01",0.998343930462241],["2014-12-01",0.996610634883861],["2015-01-01",0.993075398357659],["2015-02-01",0.994371079705855],["2015-03-01",1],["2015-04-01",0.999776902549317]]},{"name":"pop","data":[["2006-12-01",0.83182320441989],["2007-01-01",0.833738489871087],["2007-02-01",0.83560466543892],["2007-03-01",0.837397176181707],["2007-04-01",0.839304276652343],["2007-05-01",0.841178637200737],["2007-06-01",0.843273992224268],["2007-07-01",0.845443012072846],["2007-08-01",0.847595661960303],["2007-09-01",0.84987927153673],["2007-10-01",0.852015551463065],["2007-11-01",0.854037241661551],["2007-12-01",0.855944342132187],["2008-01-01",0.857736852874974],["2008-02-01",0.859414773889912],["2008-03-01",0.861019030079804],["2008-04-01",0.862737875997544],["2008-05-01",0.864423981993043],["2008-06-01",0.866331082463679],["2008-07-01",0.868311847759362],["2008-08-01",0.870333537957847],["2008-09-01",0.872494372825865],["2008-10-01",0.874499693063229],["2008-11-01",0.876398608553305],["2008-12-01",0.878182934315531],["2009-01-01",0.879852670349908],["2009-02-01",0.881440556578678],["2009-03-01",0.882962962962963],["2009-04-01",0.884591774094536],["2009-05-01",0.886204215264989],["2009-06-01",0.888021280949458],["2009-07-01",0.889928381420094],["2009-08-01",0.891941886638019],["2009-09-01",0.894078166564354],["2009-10-01",0.896067116840597],["2009-11-01",0.897941477388991],["2009-12-01",0.899701248209535],["2010-01-01",0.90133824432167],["2010-02-01",0.90292613055044],["2010-03-01",0.904440351954164],["2010-04-01",0.90426846736239],["2010-05-01",0.905782688766114],["2010-06-01",0.907305095150399],["2010-07-01",0.908983016165337],["2010-08-01",0.910800081849806],["2010-09-01",0.912674442398199],["2010-10-01",0.914581542868836],["2010-11-01",0.916267648864334],["2010-12-01",0.917871905054225],["2011-01-01",0.919418866380192],["2011-02-01",0.920753018211582],["2011-03-01",0.92207898506241],["2011-04-01",0.923560466543892],["2011-05-01",0.925041948025373],["2011-06-01",0.926629834254144],["2011-07-01",0.928397790055249],["2011-08-01",0.930165745856354],["2011-09-01",0.932064661346429],["2011-10-01",0.933889912011459],["2011-11-01",0.935469613259668],["2011-12-01",0.937008389605075],["2012-01-01",0.938498056067117],["2012-02-01",0.939840392879067],["2012-03-01",0.94121546961326],["2012-04-01",0.942656026191938],["2012-05-01",0.944055657867813],["2012-06-01",0.945651729077143],["2012-07-01",0.947305095150399],["2012-08-01",0.949138530795989],["2012-09-01",0.951070186208308],["2012-10-01",0.952870881931655],["2012-11-01",0.954606097810518],["2012-12-01",0.956169429097606],["2013-01-01",0.957552690812359],["2013-02-01",0.958927767546552],["2013-03-01",0.960335584202987],["2013-04-01",0.961800695723348],["2013-05-01",0.963233067321465],["2013-06-01",0.964861878453039],["2013-07-01",0.966539799467976],["2013-08-01",0.968340495191324],["2013-09-01",0.970255780642521],["2013-10-01",0.972031921424187],["2013-11-01",0.973742582361367],["2013-12-01",0.975281358706773],["2014-01-01",0.976631880499284],["2014-02-01",0.978006957233477],["2014-03-01",0.979422958870473],["2014-04-01",0.980888070390833],["2014-05-01",0.982328626969511],["2014-06-01",0.983957438101084],["2014-07-01",0.985643544096583],["2014-08-01",0.987452424800491],["2014-09-01",0.989367710251688],["2014-10-01",0.991135666052793],["2014-11-01",0.992846326989973],["2014-12-01",0.99438510333538],["2015-01-01",0.995743810108451],["2015-02-01",0.997110701862083],["2015-03-01",0.998526703499079],["2015-04-01",1]]},{"name":"psavert","data":[["2006-12-01",0.0728476821192053],["2007-01-01",0.0728476821192053],["2007-02-01",0.0927152317880795],["2007-03-01",0.112582781456954],["2007-04-01",0.0860927152317881],["2007-05-01",0.0728476821192053],["2007-06-01",0.0596026490066225],["2007-07-01",0.0596026490066225],["2007-08-01",0.0463576158940397],["2007-09-01",0.0596026490066225],["2007-10-01",0.0596026490066225],["2007-11-01",0.0397350993377484],["2007-12-01",0.0728476821192053],["2008-01-01",0.0993377483443709],["2008-02-01",0.132450331125828],["2008-03-01",0.139072847682119],["2008-04-01",0.105960264900662],["2008-05-01",0.397350993377483],["2008-06-01",0.245033112582781],["2008-07-01",0.165562913907285],["2008-08-01",0.119205298013245],["2008-09-01",0.165562913907285],["2008-10-01",0.231788079470199],["2008-11-01",0.291390728476821],["2008-12-01",0.304635761589404],["2009-01-01",0.304635761589404],["2009-02-01",0.264900662251656],["2009-03-01",0.278145695364238],["2009-04-01",0.317880794701987],["2009-05-01",0.410596026490066],["2009-06-01",0.317880794701987],["2009-07-01",0.271523178807947],["2009-08-01",0.198675496688742],["2009-09-01",0.264900662251656],["2009-10-01",0.231788079470199],["2009-11-01",0.251655629139073],["2009-12-01",0.251655629139073],["2010-01-01",0.245033112582781],["2010-02-01",0.218543046357616],["2010-03-01",0.205298013245033],["2010-04-01",0.245033112582781],["2010-05-01",0.271523178807947],["2010-06-01",0.264900662251656],["2010-07-01",0.264900662251656],["2010-08-01",0.258278145695364],["2010-09-01",0.245033112582781],["2010-10-01",0.231788079470199],["2010-11-01",0.225165562913907],["2010-12-01",0.264900662251656],["2011-01-01",0.28476821192053],["2011-02-01",0.298013245033113],["2011-03-01",0.271523178807947],["2011-04-01",0.264900662251656],["2011-05-01",0.264900662251656],["2011-06-01",0.278145695364238],["2011-07-01",0.291390728476821],["2011-08-01",0.28476821192053],["2011-09-01",0.251655629139073],["2011-10-01",0.23841059602649],["2011-11-01",0.245033112582781],["2011-12-01",0.298013245033113],["2012-01-01",0.311258278145695],["2012-02-01",0.317880794701987],["2012-03-01",0.33112582781457],["2012-04-01",0.337748344370861],["2012-05-01",0.337748344370861],["2012-06-01",0.344370860927152],["2012-07-01",0.311258278145695],["2012-08-01",0.298013245033113],["2012-09-01",0.304635761589404],["2012-10-01",0.344370860927152],["2012-11-01",0.417218543046358],["2012-12-01",0.56953642384106],["2013-01-01",0.172185430463576],["2013-02-01",0.185430463576159],["2013-03-01",0.198675496688742],["2013-04-01",0.211920529801325],["2013-05-01",0.218543046357616],["2013-06-01",0.225165562913907],["2013-07-01",0.211920529801325],["2013-08-01",0.225165562913907],["2013-09-01",0.218543046357616],["2013-10-01",0.185430463576159],["2013-11-01",0.158940397350993],["2013-12-01",0.145695364238411],["2014-01-01",0.198675496688742],["2014-02-01",0.205298013245033],["2014-03-01",0.19205298013245],["2014-04-01",0.205298013245033],["2014-05-01",0.211920529801325],["2014-06-01",0.211920529801325],["2014-07-01",0.211920529801325],["2014-08-01",0.185430463576159],["2014-09-01",0.178807947019868],["2014-10-01",0.178807947019868],["2014-11-01",0.172185430463576],["2014-12-01",0.205298013245033],["2015-01-01",0.23841059602649],["2015-02-01",0.251655629139073],["2015-03-01",0.218543046357616],["2015-04-01",0.245033112582781]]},{"name":"uempmed","data":[["2006-12-01",0.165094339622642],["2007-01-01",0.202830188679245],["2007-02-01",0.212264150943396],["2007-03-01",0.240566037735849],["2007-04-01",0.216981132075472],["2007-05-01",0.19811320754717],["2007-06-01",0.174528301886792],["2007-07-01",0.221698113207547],["2007-08-01",0.226415094339623],["2007-09-01",0.221698113207547],["2007-10-01",0.207547169811321],["2007-11-01",0.216981132075472],["2007-12-01",0.207547169811321],["2008-01-01",0.235849056603774],["2008-02-01",0.221698113207547],["2008-03-01",0.221698113207547],["2008-04-01",0.254716981132075],["2008-05-01",0.183962264150943],["2008-06-01",0.235849056603774],["2008-07-01",0.268867924528302],["2008-08-01",0.268867924528302],["2008-09-01",0.292452830188679],["2008-10-01",0.30188679245283],["2008-11-01",0.273584905660377],["2008-12-01",0.306603773584906],["2009-01-01",0.316037735849057],["2009-02-01",0.363207547169811],["2009-03-01",0.391509433962264],["2009-04-01",0.429245283018868],["2009-05-01",0.481132075471698],["2009-06-01",0.622641509433962],["2009-07-01",0.566037735849057],["2009-08-01",0.580188679245283],["2009-09-01",0.650943396226415],["2009-10-01",0.702830188679245],["2009-11-01",0.745283018867925],["2009-12-01",0.759433962264151],["2010-01-01",0.754716981132076],["2010-02-01",0.75],["2010-03-01",0.773584905660377],["2010-04-01",0.85377358490566],["2010-05-01",0.863207547169811],["2010-06-01",1],["2010-07-01",0.863207547169811],["2010-08-01",0.80188679245283],["2010-09-01",0.768867924528302],["2010-10-01",0.811320754716981],["2010-11-01",0.80188679245283],["2010-12-01",0.844339622641509],["2011-01-01",0.830188679245283],["2011-02-01",0.806603773584906],["2011-03-01",0.825471698113208],["2011-04-01",0.797169811320755],["2011-05-01",0.830188679245283],["2011-06-01",0.863207547169811],["2011-07-01",0.849056603773585],["2011-08-01",0.867924528301887],["2011-09-01",0.849056603773585],["2011-10-01",0.778301886792453],["2011-11-01",0.797169811320755],["2011-12-01",0.778301886792453],["2012-01-01",0.80188679245283],["2012-02-01",0.745283018867925],["2012-03-01",0.716981132075472],["2012-04-01",0.712264150943396],["2012-05-01",0.75],["2012-06-01",0.759433962264151],["2012-07-01",0.636792452830189],["2012-08-01",0.683962264150943],["2012-09-01",0.69811320754717],["2012-10-01",0.740566037735849],["2012-11-01",0.683962264150943],["2012-12-01",0.641509433962264],["2013-01-01",0.575471698113208],["2013-02-01",0.636792452830189],["2013-03-01",0.64622641509434],["2013-04-01",0.617924528301887],["2013-05-01",0.613207547169811],["2013-06-01",0.59433962264151],["2013-07-01",0.580188679245283],["2013-08-01",0.60377358490566],["2013-09-01",0.589622641509434],["2013-10-01",0.570754716981132],["2013-11-01",0.613207547169811],["2013-12-01",0.613207547169811],["2014-01-01",0.561320754716981],["2014-02-01",0.575471698113208],["2014-03-01",0.561320754716981],["2014-04-01",0.547169811320755],["2014-05-01",0.495283018867925],["2014-06-01",0.433962264150943],["2014-07-01",0.44811320754717],["2014-08-01",0.438679245283019],["2014-09-01",0.438679245283019],["2014-10-01",0.44811320754717],["2014-11-01",0.415094339622642],["2014-12-01",0.405660377358491],["2015-01-01",0.443396226415094],["2015-02-01",0.429245283018868],["2015-03-01",0.386792452830189],["2015-04-01",0.363207547169811]]},{"name":"unemploy","data":[["2006-12-01",0.32185995105392],["2007-01-01",0.349806584037262],["2007-02-01",0.33488592405463],["2007-03-01",0.319412647035604],["2007-04-01",0.328807136654299],["2007-05-01",0.322175732217573],["2007-06-01",0.338991079182127],["2007-07-01",0.352411778637404],["2007-08-01",0.345938264782506],["2007-09-01",0.354069629746586],["2007-10-01",0.359358964237783],["2007-11-01",0.359595800110523],["2007-12-01",0.391568642930449],["2008-01-01",0.394726454566985],["2008-02-01",0.379884739875266],["2008-03-01",0.40554195942212],["2008-04-01",0.390937080603142],["2008-05-01",0.450777611115497],["2008-06-01",0.464987763479908],["2008-07-01",0.493565958790558],["2008-08-01",0.53311754953817],["2008-09-01",0.53753848582932],["2008-10-01",0.583326754559091],["2008-11-01",0.619957369542907],["2008-12-01",0.679008447146128],["2009-01-01",0.73995421173127],["2009-02-01",0.806268256098524],["2009-03-01",0.847951369700797],["2009-04-01",0.881661008920818],["2009-05-01",0.932659666850872],["2009-06-01",0.949080287360859],["2009-07-01",0.940712086524039],["2009-08-01",0.957527433488592],["2009-09-01",0.972921765216705],["2009-10-01",1],["2009-11-01",0.989500276308518],["2009-12-01",0.979947896107997],["2010-01-01",0.975842740980501],["2010-02-01",0.981132075471698],["2010-03-01",0.98815820636299],["2010-04-01",0.997868477145338],["2010-05-01",0.960290518670561],["2010-06-01",0.930686034578037],["2010-07-01",0.933685955632746],["2010-08-01",0.944422515196969],["2010-09-01",0.938975290123944],["2010-10-01",0.9340017367964],["2010-11-01",0.978605826162469],["2010-12-01",0.920738927922949],["2011-01-01",0.896897450067104],["2011-02-01",0.879687376647983],["2011-03-01",0.871792847556643],["2011-04-01",0.889792373884898],["2011-05-01",0.881661008920818],["2011-06-01",0.889950264466725],["2011-07-01",0.874003315702218],["2011-08-01",0.877950580247888],["2011-09-01",0.887660851030236],["2011-10-01",0.861608905028815],["2011-11-01",0.83871477066393],["2011-12-01",0.819925791426541],["2012-01-01",0.799478961079972],["2012-02-01",0.800742085734586],["2012-03-01",0.790321307334018],["2012-04-01",0.785584589879214],["2012-05-01",0.788110839188442],["2012-06-01",0.78968974500671],["2012-07-01",0.787242440988395],["2012-08-01",0.770821820478408],["2012-09-01",0.743743585695113],["2012-10-01",0.746506670877082],["2012-11-01",0.737427962422042],["2012-12-01",0.756848503986737],["2013-01-01",0.774611194442252],["2013-02-01",0.732770190258151],["2013-03-01",0.707981368911344],["2013-04-01",0.714454882766243],["2013-05-01",0.709402384147786],["2013-06-01",0.714533828057156],["2013-07-01",0.684613562800979],["2013-08-01",0.675455909055025],["2013-09-01",0.676245361964159],["2013-10-01",0.669140285781953],["2013-11-01",0.641746269835004],["2013-12-01",0.607168232414936],["2014-01-01",0.59958948448725],["2014-02-01",0.608036630614984],["2014-03-01",0.607799794742244],["2014-04-01",0.553485434593826],["2014-05-01",0.558616878503197],["2014-06-01",0.534301728901871],["2014-07-01",0.549696060629983],["2014-08-01",0.543380437356912],["2014-09-01",0.517249546064577],["2014-10-01",0.497197442172574],["2014-11-01",0.504144627772953],["2014-12-01",0.473908581353122],["2015-01-01",0.496881661008921],["2015-02-01",0.47525065129865],["2015-03-01",0.464987763479908],["2015-04-01",0.46293518591616]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"yaxis":{"decimalsInFloat":2}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Create area charts with <code>type = "area"</code>:</p>
|
|
<div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> economics_long, <span class="dt">type =</span> <span class="st">"area"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> value01, <span class="dt">fill =</span> variable)) <span class="op">%>%</span><span class="st"> </span></a>
|
|
<a class="sourceLine" id="cb8-2" title="2"><span class="st"> </span><span class="kw"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(<span class="dt">decimalsInFloat =</span> <span class="dv">2</span>) <span class="op">%>%</span><span class="st"> </span><span class="co"># number of decimals to keep</span></a>
|
|
<a class="sourceLine" id="cb8-3" title="3"><span class="st"> </span><span class="kw"><a href="../reference/ax_chart.html">ax_chart</a></span>(<span class="dt">stacked =</span> <span class="ot">TRUE</span>) <span class="op">%>%</span></a>
|
|
<a class="sourceLine" id="cb8-4" title="4"><span class="st"> </span><span class="kw"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(<span class="dt">max =</span> <span class="dv">4</span>, <span class="dt">tickAmount =</span> <span class="dv">4</span>)</a></code></pre></div>
|
|
<div id="htmlwidget-1ade6fd0b5794eeea6e7" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-1ade6fd0b5794eeea6e7">{"x":{"ax_opts":{"chart":{"type":"area","stacked":true},"series":[{"name":"pce","data":[["2006-12-01",0.773041247286363],["2007-01-01",0.776181772938279],["2007-02-01",0.779416685973177],["2007-03-01",0.782917599814658],["2007-04-01",0.786264061574896],["2007-05-01",0.789550458636875],["2007-06-01",0.790786075286809],["2007-07-01",0.793900858925185],["2007-08-01",0.797418934109026],["2007-09-01",0.800585201774483],["2007-10-01",0.801992431848019],["2007-11-01",0.808402193219554],["2007-12-01",0.810032520743773],["2008-01-01",0.811371105447868],["2008-02-01",0.810727555109361],["2008-03-01",0.814889180631709],["2008-04-01",0.818355771788469],["2008-05-01",0.822534558653178],["2008-06-01",0.827348315185214],["2008-07-01",0.827494186595276],["2008-08-01",0.826567474107825],["2008-09-01",0.821667910863988],["2008-10-01",0.813095820355068],["2008-11-01",0.801760753726157],["2008-12-01",0.79257943556345],["2009-01-01",0.796689577058718],["2009-02-01",0.795282346985181],["2009-03-01",0.792467886838108],["2009-04-01",0.792382080126308],["2009-05-01",0.793909439596365],["2009-06-01",0.798019581091633],["2009-07-01",0.800387846337341],["2009-08-01",0.811259556722527],["2009-09-01",0.803837276151741],["2009-10-01",0.80805896637235],["2009-11-01",0.809903810676071],["2009-12-01",0.814580276469225],["2010-01-01",0.814820535262268],["2010-02-01",0.817506285341639],["2010-03-01",0.82272333341914],["2010-04-01",0.823701529933671],["2010-05-01",0.826558893436645],["2010-06-01",0.82876412592993],["2010-07-01",0.830342969427069],["2010-08-01",0.835731630928171],["2010-09-01",0.837602217245433],["2010-10-01",0.844020559288148],["2010-11-01",0.848834315820183],["2010-12-01",0.85194909945856],["2011-01-01",0.855261238534078],["2011-02-01",0.858496151568976],["2011-03-01",0.864597008778027],["2011-04-01",0.868123664633048],["2011-05-01",0.870569155919376],["2011-06-01",0.872568452304339],["2011-07-01",0.87691885259265],["2011-08-01",0.878506276760968],["2011-09-01",0.882367578792013],["2011-10-01",0.88554242712865],["2011-11-01",0.885636814511631],["2011-12-01",0.88551668511511],["2012-01-01",0.892226769977948],["2012-02-01",0.898550724637681],["2012-03-01",0.899846405985876],["2012-04-01",0.902926866939532],["2012-05-01",0.902823898885371],["2012-06-01",0.903124222376674],["2012-07-01",0.906753846285856],["2012-08-01",0.909328047639886],["2012-09-01",0.915746389682601],["2012-10-01",0.917488265932161],["2012-11-01",0.919453239632404],["2012-12-01",0.921375309976746],["2013-01-01",0.926352099261204],["2013-02-01",0.932204117006032],["2013-03-01",0.93283908667336],["2013-04-01",0.932367149758454],["2013-05-01",0.935267416617328],["2013-06-01",0.940012527779923],["2013-07-01",0.941926017453085],["2013-08-01",0.944234218000532],["2013-09-01",0.94835294016698],["2013-10-01",0.951999725418522],["2013-11-01",0.957954711217511],["2013-12-01",0.959224650552166],["2014-01-01",0.957302580207824],["2014-02-01",0.961635819153774],["2014-03-01",0.969590101337727],["2014-04-01",0.971143202821325],["2014-05-01",0.974498245252744],["2014-06-01",0.979500776550742],["2014-07-01",0.981371362868004],["2014-08-01",0.987600930144756],["2014-09-01",0.989969195390463],["2014-10-01",0.994413983061755],["2014-11-01",0.998343930462241],["2014-12-01",0.996610634883861],["2015-01-01",0.993075398357659],["2015-02-01",0.994371079705855],["2015-03-01",1],["2015-04-01",0.999776902549317]]},{"name":"pop","data":[["2006-12-01",0.83182320441989],["2007-01-01",0.833738489871087],["2007-02-01",0.83560466543892],["2007-03-01",0.837397176181707],["2007-04-01",0.839304276652343],["2007-05-01",0.841178637200737],["2007-06-01",0.843273992224268],["2007-07-01",0.845443012072846],["2007-08-01",0.847595661960303],["2007-09-01",0.84987927153673],["2007-10-01",0.852015551463065],["2007-11-01",0.854037241661551],["2007-12-01",0.855944342132187],["2008-01-01",0.857736852874974],["2008-02-01",0.859414773889912],["2008-03-01",0.861019030079804],["2008-04-01",0.862737875997544],["2008-05-01",0.864423981993043],["2008-06-01",0.866331082463679],["2008-07-01",0.868311847759362],["2008-08-01",0.870333537957847],["2008-09-01",0.872494372825865],["2008-10-01",0.874499693063229],["2008-11-01",0.876398608553305],["2008-12-01",0.878182934315531],["2009-01-01",0.879852670349908],["2009-02-01",0.881440556578678],["2009-03-01",0.882962962962963],["2009-04-01",0.884591774094536],["2009-05-01",0.886204215264989],["2009-06-01",0.888021280949458],["2009-07-01",0.889928381420094],["2009-08-01",0.891941886638019],["2009-09-01",0.894078166564354],["2009-10-01",0.896067116840597],["2009-11-01",0.897941477388991],["2009-12-01",0.899701248209535],["2010-01-01",0.90133824432167],["2010-02-01",0.90292613055044],["2010-03-01",0.904440351954164],["2010-04-01",0.90426846736239],["2010-05-01",0.905782688766114],["2010-06-01",0.907305095150399],["2010-07-01",0.908983016165337],["2010-08-01",0.910800081849806],["2010-09-01",0.912674442398199],["2010-10-01",0.914581542868836],["2010-11-01",0.916267648864334],["2010-12-01",0.917871905054225],["2011-01-01",0.919418866380192],["2011-02-01",0.920753018211582],["2011-03-01",0.92207898506241],["2011-04-01",0.923560466543892],["2011-05-01",0.925041948025373],["2011-06-01",0.926629834254144],["2011-07-01",0.928397790055249],["2011-08-01",0.930165745856354],["2011-09-01",0.932064661346429],["2011-10-01",0.933889912011459],["2011-11-01",0.935469613259668],["2011-12-01",0.937008389605075],["2012-01-01",0.938498056067117],["2012-02-01",0.939840392879067],["2012-03-01",0.94121546961326],["2012-04-01",0.942656026191938],["2012-05-01",0.944055657867813],["2012-06-01",0.945651729077143],["2012-07-01",0.947305095150399],["2012-08-01",0.949138530795989],["2012-09-01",0.951070186208308],["2012-10-01",0.952870881931655],["2012-11-01",0.954606097810518],["2012-12-01",0.956169429097606],["2013-01-01",0.957552690812359],["2013-02-01",0.958927767546552],["2013-03-01",0.960335584202987],["2013-04-01",0.961800695723348],["2013-05-01",0.963233067321465],["2013-06-01",0.964861878453039],["2013-07-01",0.966539799467976],["2013-08-01",0.968340495191324],["2013-09-01",0.970255780642521],["2013-10-01",0.972031921424187],["2013-11-01",0.973742582361367],["2013-12-01",0.975281358706773],["2014-01-01",0.976631880499284],["2014-02-01",0.978006957233477],["2014-03-01",0.979422958870473],["2014-04-01",0.980888070390833],["2014-05-01",0.982328626969511],["2014-06-01",0.983957438101084],["2014-07-01",0.985643544096583],["2014-08-01",0.987452424800491],["2014-09-01",0.989367710251688],["2014-10-01",0.991135666052793],["2014-11-01",0.992846326989973],["2014-12-01",0.99438510333538],["2015-01-01",0.995743810108451],["2015-02-01",0.997110701862083],["2015-03-01",0.998526703499079],["2015-04-01",1]]},{"name":"psavert","data":[["2006-12-01",0.0728476821192053],["2007-01-01",0.0728476821192053],["2007-02-01",0.0927152317880795],["2007-03-01",0.112582781456954],["2007-04-01",0.0860927152317881],["2007-05-01",0.0728476821192053],["2007-06-01",0.0596026490066225],["2007-07-01",0.0596026490066225],["2007-08-01",0.0463576158940397],["2007-09-01",0.0596026490066225],["2007-10-01",0.0596026490066225],["2007-11-01",0.0397350993377484],["2007-12-01",0.0728476821192053],["2008-01-01",0.0993377483443709],["2008-02-01",0.132450331125828],["2008-03-01",0.139072847682119],["2008-04-01",0.105960264900662],["2008-05-01",0.397350993377483],["2008-06-01",0.245033112582781],["2008-07-01",0.165562913907285],["2008-08-01",0.119205298013245],["2008-09-01",0.165562913907285],["2008-10-01",0.231788079470199],["2008-11-01",0.291390728476821],["2008-12-01",0.304635761589404],["2009-01-01",0.304635761589404],["2009-02-01",0.264900662251656],["2009-03-01",0.278145695364238],["2009-04-01",0.317880794701987],["2009-05-01",0.410596026490066],["2009-06-01",0.317880794701987],["2009-07-01",0.271523178807947],["2009-08-01",0.198675496688742],["2009-09-01",0.264900662251656],["2009-10-01",0.231788079470199],["2009-11-01",0.251655629139073],["2009-12-01",0.251655629139073],["2010-01-01",0.245033112582781],["2010-02-01",0.218543046357616],["2010-03-01",0.205298013245033],["2010-04-01",0.245033112582781],["2010-05-01",0.271523178807947],["2010-06-01",0.264900662251656],["2010-07-01",0.264900662251656],["2010-08-01",0.258278145695364],["2010-09-01",0.245033112582781],["2010-10-01",0.231788079470199],["2010-11-01",0.225165562913907],["2010-12-01",0.264900662251656],["2011-01-01",0.28476821192053],["2011-02-01",0.298013245033113],["2011-03-01",0.271523178807947],["2011-04-01",0.264900662251656],["2011-05-01",0.264900662251656],["2011-06-01",0.278145695364238],["2011-07-01",0.291390728476821],["2011-08-01",0.28476821192053],["2011-09-01",0.251655629139073],["2011-10-01",0.23841059602649],["2011-11-01",0.245033112582781],["2011-12-01",0.298013245033113],["2012-01-01",0.311258278145695],["2012-02-01",0.317880794701987],["2012-03-01",0.33112582781457],["2012-04-01",0.337748344370861],["2012-05-01",0.337748344370861],["2012-06-01",0.344370860927152],["2012-07-01",0.311258278145695],["2012-08-01",0.298013245033113],["2012-09-01",0.304635761589404],["2012-10-01",0.344370860927152],["2012-11-01",0.417218543046358],["2012-12-01",0.56953642384106],["2013-01-01",0.172185430463576],["2013-02-01",0.185430463576159],["2013-03-01",0.198675496688742],["2013-04-01",0.211920529801325],["2013-05-01",0.218543046357616],["2013-06-01",0.225165562913907],["2013-07-01",0.211920529801325],["2013-08-01",0.225165562913907],["2013-09-01",0.218543046357616],["2013-10-01",0.185430463576159],["2013-11-01",0.158940397350993],["2013-12-01",0.145695364238411],["2014-01-01",0.198675496688742],["2014-02-01",0.205298013245033],["2014-03-01",0.19205298013245],["2014-04-01",0.205298013245033],["2014-05-01",0.211920529801325],["2014-06-01",0.211920529801325],["2014-07-01",0.211920529801325],["2014-08-01",0.185430463576159],["2014-09-01",0.178807947019868],["2014-10-01",0.178807947019868],["2014-11-01",0.172185430463576],["2014-12-01",0.205298013245033],["2015-01-01",0.23841059602649],["2015-02-01",0.251655629139073],["2015-03-01",0.218543046357616],["2015-04-01",0.245033112582781]]},{"name":"uempmed","data":[["2006-12-01",0.165094339622642],["2007-01-01",0.202830188679245],["2007-02-01",0.212264150943396],["2007-03-01",0.240566037735849],["2007-04-01",0.216981132075472],["2007-05-01",0.19811320754717],["2007-06-01",0.174528301886792],["2007-07-01",0.221698113207547],["2007-08-01",0.226415094339623],["2007-09-01",0.221698113207547],["2007-10-01",0.207547169811321],["2007-11-01",0.216981132075472],["2007-12-01",0.207547169811321],["2008-01-01",0.235849056603774],["2008-02-01",0.221698113207547],["2008-03-01",0.221698113207547],["2008-04-01",0.254716981132075],["2008-05-01",0.183962264150943],["2008-06-01",0.235849056603774],["2008-07-01",0.268867924528302],["2008-08-01",0.268867924528302],["2008-09-01",0.292452830188679],["2008-10-01",0.30188679245283],["2008-11-01",0.273584905660377],["2008-12-01",0.306603773584906],["2009-01-01",0.316037735849057],["2009-02-01",0.363207547169811],["2009-03-01",0.391509433962264],["2009-04-01",0.429245283018868],["2009-05-01",0.481132075471698],["2009-06-01",0.622641509433962],["2009-07-01",0.566037735849057],["2009-08-01",0.580188679245283],["2009-09-01",0.650943396226415],["2009-10-01",0.702830188679245],["2009-11-01",0.745283018867925],["2009-12-01",0.759433962264151],["2010-01-01",0.754716981132076],["2010-02-01",0.75],["2010-03-01",0.773584905660377],["2010-04-01",0.85377358490566],["2010-05-01",0.863207547169811],["2010-06-01",1],["2010-07-01",0.863207547169811],["2010-08-01",0.80188679245283],["2010-09-01",0.768867924528302],["2010-10-01",0.811320754716981],["2010-11-01",0.80188679245283],["2010-12-01",0.844339622641509],["2011-01-01",0.830188679245283],["2011-02-01",0.806603773584906],["2011-03-01",0.825471698113208],["2011-04-01",0.797169811320755],["2011-05-01",0.830188679245283],["2011-06-01",0.863207547169811],["2011-07-01",0.849056603773585],["2011-08-01",0.867924528301887],["2011-09-01",0.849056603773585],["2011-10-01",0.778301886792453],["2011-11-01",0.797169811320755],["2011-12-01",0.778301886792453],["2012-01-01",0.80188679245283],["2012-02-01",0.745283018867925],["2012-03-01",0.716981132075472],["2012-04-01",0.712264150943396],["2012-05-01",0.75],["2012-06-01",0.759433962264151],["2012-07-01",0.636792452830189],["2012-08-01",0.683962264150943],["2012-09-01",0.69811320754717],["2012-10-01",0.740566037735849],["2012-11-01",0.683962264150943],["2012-12-01",0.641509433962264],["2013-01-01",0.575471698113208],["2013-02-01",0.636792452830189],["2013-03-01",0.64622641509434],["2013-04-01",0.617924528301887],["2013-05-01",0.613207547169811],["2013-06-01",0.59433962264151],["2013-07-01",0.580188679245283],["2013-08-01",0.60377358490566],["2013-09-01",0.589622641509434],["2013-10-01",0.570754716981132],["2013-11-01",0.613207547169811],["2013-12-01",0.613207547169811],["2014-01-01",0.561320754716981],["2014-02-01",0.575471698113208],["2014-03-01",0.561320754716981],["2014-04-01",0.547169811320755],["2014-05-01",0.495283018867925],["2014-06-01",0.433962264150943],["2014-07-01",0.44811320754717],["2014-08-01",0.438679245283019],["2014-09-01",0.438679245283019],["2014-10-01",0.44811320754717],["2014-11-01",0.415094339622642],["2014-12-01",0.405660377358491],["2015-01-01",0.443396226415094],["2015-02-01",0.429245283018868],["2015-03-01",0.386792452830189],["2015-04-01",0.363207547169811]]},{"name":"unemploy","data":[["2006-12-01",0.32185995105392],["2007-01-01",0.349806584037262],["2007-02-01",0.33488592405463],["2007-03-01",0.319412647035604],["2007-04-01",0.328807136654299],["2007-05-01",0.322175732217573],["2007-06-01",0.338991079182127],["2007-07-01",0.352411778637404],["2007-08-01",0.345938264782506],["2007-09-01",0.354069629746586],["2007-10-01",0.359358964237783],["2007-11-01",0.359595800110523],["2007-12-01",0.391568642930449],["2008-01-01",0.394726454566985],["2008-02-01",0.379884739875266],["2008-03-01",0.40554195942212],["2008-04-01",0.390937080603142],["2008-05-01",0.450777611115497],["2008-06-01",0.464987763479908],["2008-07-01",0.493565958790558],["2008-08-01",0.53311754953817],["2008-09-01",0.53753848582932],["2008-10-01",0.583326754559091],["2008-11-01",0.619957369542907],["2008-12-01",0.679008447146128],["2009-01-01",0.73995421173127],["2009-02-01",0.806268256098524],["2009-03-01",0.847951369700797],["2009-04-01",0.881661008920818],["2009-05-01",0.932659666850872],["2009-06-01",0.949080287360859],["2009-07-01",0.940712086524039],["2009-08-01",0.957527433488592],["2009-09-01",0.972921765216705],["2009-10-01",1],["2009-11-01",0.989500276308518],["2009-12-01",0.979947896107997],["2010-01-01",0.975842740980501],["2010-02-01",0.981132075471698],["2010-03-01",0.98815820636299],["2010-04-01",0.997868477145338],["2010-05-01",0.960290518670561],["2010-06-01",0.930686034578037],["2010-07-01",0.933685955632746],["2010-08-01",0.944422515196969],["2010-09-01",0.938975290123944],["2010-10-01",0.9340017367964],["2010-11-01",0.978605826162469],["2010-12-01",0.920738927922949],["2011-01-01",0.896897450067104],["2011-02-01",0.879687376647983],["2011-03-01",0.871792847556643],["2011-04-01",0.889792373884898],["2011-05-01",0.881661008920818],["2011-06-01",0.889950264466725],["2011-07-01",0.874003315702218],["2011-08-01",0.877950580247888],["2011-09-01",0.887660851030236],["2011-10-01",0.861608905028815],["2011-11-01",0.83871477066393],["2011-12-01",0.819925791426541],["2012-01-01",0.799478961079972],["2012-02-01",0.800742085734586],["2012-03-01",0.790321307334018],["2012-04-01",0.785584589879214],["2012-05-01",0.788110839188442],["2012-06-01",0.78968974500671],["2012-07-01",0.787242440988395],["2012-08-01",0.770821820478408],["2012-09-01",0.743743585695113],["2012-10-01",0.746506670877082],["2012-11-01",0.737427962422042],["2012-12-01",0.756848503986737],["2013-01-01",0.774611194442252],["2013-02-01",0.732770190258151],["2013-03-01",0.707981368911344],["2013-04-01",0.714454882766243],["2013-05-01",0.709402384147786],["2013-06-01",0.714533828057156],["2013-07-01",0.684613562800979],["2013-08-01",0.675455909055025],["2013-09-01",0.676245361964159],["2013-10-01",0.669140285781953],["2013-11-01",0.641746269835004],["2013-12-01",0.607168232414936],["2014-01-01",0.59958948448725],["2014-02-01",0.608036630614984],["2014-03-01",0.607799794742244],["2014-04-01",0.553485434593826],["2014-05-01",0.558616878503197],["2014-06-01",0.534301728901871],["2014-07-01",0.549696060629983],["2014-08-01",0.543380437356912],["2014-09-01",0.517249546064577],["2014-10-01",0.497197442172574],["2014-11-01",0.504144627772953],["2014-12-01",0.473908581353122],["2015-01-01",0.496881661008921],["2015-02-01",0.47525065129865],["2015-03-01",0.464987763479908],["2015-04-01",0.46293518591616]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"yaxis":{"decimalsInFloat":2,"tickAmount":4,"max":4}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
|
</div>
|
|
<div id="scatter-charts" class="section level2">
|
|
<h2 class="hasAnchor">
|
|
<a href="#scatter-charts" class="anchor"></a>Scatter charts</h2>
|
|
<p>Simple bar charts can be created with:</p>
|
|
<div class="sourceCode" id="cb9"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb9-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> mtcars, <span class="dt">type =</span> <span class="st">"scatter"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> wt, <span class="dt">y =</span> mpg))</a></code></pre></div>
|
|
<div id="htmlwidget-4752f2131bcc4ff2d8be" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-4752f2131bcc4ff2d8be">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"mpg","data":[{"x":2.62,"y":21},{"x":2.875,"y":21},{"x":2.32,"y":22.8},{"x":3.215,"y":21.4},{"x":3.44,"y":18.7},{"x":3.46,"y":18.1},{"x":3.57,"y":14.3},{"x":3.19,"y":24.4},{"x":3.15,"y":22.8},{"x":3.44,"y":19.2},{"x":3.44,"y":17.8},{"x":4.07,"y":16.4},{"x":3.73,"y":17.3},{"x":3.78,"y":15.2},{"x":5.25,"y":10.4},{"x":5.424,"y":10.4},{"x":5.345,"y":14.7},{"x":2.2,"y":32.4},{"x":1.615,"y":30.4},{"x":1.835,"y":33.9},{"x":2.465,"y":21.5},{"x":3.52,"y":15.5},{"x":3.435,"y":15.2},{"x":3.84,"y":13.3},{"x":3.845,"y":19.2},{"x":1.935,"y":27.3},{"x":2.14,"y":26},{"x":1.513,"y":30.4},{"x":3.17,"y":15.8},{"x":2.77,"y":19.7},{"x":3.57,"y":15},{"x":2.78,"y":21.4}]}],"xaxis":{"min":1,"max":6},"yaxis":{"min":10,"max":35}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Color points according to a third variable:</p>
|
|
<div class="sourceCode" id="cb10"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb10-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> mtcars, <span class="dt">type =</span> <span class="st">"scatter"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> wt, <span class="dt">y =</span> mpg, <span class="dt">fill =</span> cyl)) <span class="op">%>%</span></a>
|
|
<a class="sourceLine" id="cb10-2" title="2"><span class="st"> </span><span class="kw"><a href="../reference/ax_xaxis.html">ax_xaxis</a></span>(<span class="dt">tickAmount =</span> <span class="dv">5</span>)</a></code></pre></div>
|
|
<div id="htmlwidget-c6c5aa98bc4a09636a4f" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-c6c5aa98bc4a09636a4f">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":6,"data":[{"x":2.62,"y":21},{"x":2.875,"y":21},{"x":3.215,"y":21.4},{"x":3.46,"y":18.1},{"x":3.44,"y":19.2},{"x":3.44,"y":17.8},{"x":2.77,"y":19.7}]},{"name":4,"data":[{"x":2.32,"y":22.8},{"x":3.19,"y":24.4},{"x":3.15,"y":22.8},{"x":2.2,"y":32.4},{"x":1.615,"y":30.4},{"x":1.835,"y":33.9},{"x":2.465,"y":21.5},{"x":1.935,"y":27.3},{"x":2.14,"y":26},{"x":1.513,"y":30.4},{"x":2.78,"y":21.4}]},{"name":8,"data":[{"x":3.44,"y":18.7},{"x":3.57,"y":14.3},{"x":4.07,"y":16.4},{"x":3.73,"y":17.3},{"x":3.78,"y":15.2},{"x":5.25,"y":10.4},{"x":5.424,"y":10.4},{"x":5.345,"y":14.7},{"x":3.52,"y":15.5},{"x":3.435,"y":15.2},{"x":3.84,"y":13.3},{"x":3.845,"y":19.2},{"x":3.17,"y":15.8},{"x":3.57,"y":15}]}],"xaxis":{"min":1,"max":6,"tickAmount":5},"yaxis":{"min":10,"max":35}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>And change point size using <code>z</code> aesthetics:</p>
|
|
<div class="sourceCode" id="cb11"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb11-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> mtcars, <span class="dt">type =</span> <span class="st">"scatter"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> wt, <span class="dt">y =</span> mpg, <span class="dt">z =</span> scales<span class="op">::</span><span class="kw"><a href="https://www.rdocumentation.org/packages/scales/topics/rescale">rescale</a></span>(qsec)))</a></code></pre></div>
|
|
<div id="htmlwidget-61079117204e26141664" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-61079117204e26141664">{"x":{"ax_opts":{"chart":{"type":"scatter"},"series":[{"name":"mpg","data":[{"x":2.62,"y":21,"z":0.233333333333333},{"x":2.875,"y":21,"z":0.3},{"x":2.32,"y":22.8,"z":0.489285714285714},{"x":3.215,"y":21.4,"z":0.588095238095238},{"x":3.44,"y":18.7,"z":0.3},{"x":3.46,"y":18.1,"z":0.680952380952381},{"x":3.57,"y":14.3,"z":0.15952380952381},{"x":3.19,"y":24.4,"z":0.654761904761905},{"x":3.15,"y":22.8,"z":1},{"x":3.44,"y":19.2,"z":0.452380952380953},{"x":3.44,"y":17.8,"z":0.523809523809524},{"x":4.07,"y":16.4,"z":0.345238095238095},{"x":3.73,"y":17.3,"z":0.369047619047619},{"x":3.78,"y":15.2,"z":0.416666666666667},{"x":5.25,"y":10.4,"z":0.414285714285714},{"x":5.424,"y":10.4,"z":0.395238095238095},{"x":5.345,"y":14.7,"z":0.347619047619048},{"x":2.2,"y":32.4,"z":0.591666666666667},{"x":1.615,"y":30.4,"z":0.478571428571429},{"x":1.835,"y":33.9,"z":0.642857142857143},{"x":2.465,"y":21.5,"z":0.655952380952381},{"x":3.52,"y":15.5,"z":0.282142857142857},{"x":3.435,"y":15.2,"z":0.333333333333333},{"x":3.84,"y":13.3,"z":0.108333333333333},{"x":3.845,"y":19.2,"z":0.303571428571429},{"x":1.935,"y":27.3,"z":0.523809523809524},{"x":2.14,"y":26,"z":0.261904761904762},{"x":1.513,"y":30.4,"z":0.285714285714286},{"x":3.17,"y":15.8,"z":0},{"x":2.77,"y":19.7,"z":0.119047619047619},{"x":3.57,"y":15,"z":0.0119047619047619},{"x":2.78,"y":21.4,"z":0.488095238095238}]}],"xaxis":{"min":1,"max":6},"yaxis":{"min":10,"max":35}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
|
</div>
|
|
<div id="pie-charts" class="section level2">
|
|
<h2 class="hasAnchor">
|
|
<a href="#pie-charts" class="anchor"></a>Pie charts</h2>
|
|
<p>Simple pie charts can be created with:</p>
|
|
<div class="sourceCode" id="cb12"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb12-1" title="1">poll <-<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/data.frame">data.frame</a></span>(</a>
|
|
<a class="sourceLine" id="cb12-2" title="2"> <span class="dt">answer =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="st">"Yes"</span>, <span class="st">"No"</span>),</a>
|
|
<a class="sourceLine" id="cb12-3" title="3"> <span class="dt">n =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">254</span>, <span class="dv">238</span>)</a>
|
|
<a class="sourceLine" id="cb12-4" title="4">)</a>
|
|
<a class="sourceLine" id="cb12-5" title="5"></a>
|
|
<a class="sourceLine" id="cb12-6" title="6"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> poll, <span class="dt">type =</span> <span class="st">"pie"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> answer, <span class="dt">y =</span> n))</a></code></pre></div>
|
|
<div id="htmlwidget-69c53a84951ecd9363f4" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-69c53a84951ecd9363f4">{"x":{"ax_opts":{"chart":{"type":"pie"},"series":[254,238],"labels":["Yes","No"]},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
|
</div>
|
|
<div id="radial-charts" class="section level2">
|
|
<h2 class="hasAnchor">
|
|
<a href="#radial-charts" class="anchor"></a>Radial charts</h2>
|
|
<p>Simple radial charts can be created with (here we pass values directly in <code>aes</code>, but you can use a <code>data.frame</code>) :</p>
|
|
<div class="sourceCode" id="cb13"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb13-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> <span class="ot">NULL</span>, <span class="dt">type =</span> <span class="st">"radialBar"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> <span class="st">"My value"</span>, <span class="dt">y =</span> <span class="dv">65</span>))</a></code></pre></div>
|
|
<div id="htmlwidget-07aecf9d6d0c4807be10" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-07aecf9d6d0c4807be10">{"x":{"ax_opts":{"chart":{"type":"radialBar"},"series":[65],"labels":["My value"]},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Multi radial chart (more than one value):</p>
|
|
<div class="sourceCode" id="cb14"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb14-1" title="1">fruits <-<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/data.frame">data.frame</a></span>(</a>
|
|
<a class="sourceLine" id="cb14-2" title="2"> <span class="dt">name =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="st">'Apples'</span>, <span class="st">'Oranges'</span>, <span class="st">'Bananas'</span>, <span class="st">'Berries'</span>),</a>
|
|
<a class="sourceLine" id="cb14-3" title="3"> <span class="dt">value =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">44</span>, <span class="dv">55</span>, <span class="dv">67</span>, <span class="dv">83</span>)</a>
|
|
<a class="sourceLine" id="cb14-4" title="4">)</a>
|
|
<a class="sourceLine" id="cb14-5" title="5"></a>
|
|
<a class="sourceLine" id="cb14-6" title="6"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> fruits, <span class="dt">type =</span> <span class="st">"radialBar"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> name, <span class="dt">y =</span> value))</a></code></pre></div>
|
|
<div id="htmlwidget-de3fc77a2e5ec25a50e1" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-de3fc77a2e5ec25a50e1">{"x":{"ax_opts":{"chart":{"type":"radialBar"},"series":[44,55,67,83],"labels":["Apples","Oranges","Bananas","Berries"]},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
|
</div>
|
|
<div id="radar-charts" class="section level2">
|
|
<h2 class="hasAnchor">
|
|
<a href="#radar-charts" class="anchor"></a>Radar charts</h2>
|
|
<p>Simple radar charts can be created with:</p>
|
|
<div class="sourceCode" id="cb15"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb15-1" title="1">mtcars<span class="op">$</span>model <-<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/colnames">rownames</a></span>(mtcars)</a>
|
|
<a class="sourceLine" id="cb15-2" title="2"></a>
|
|
<a class="sourceLine" id="cb15-3" title="3"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/head">head</a></span>(mtcars), <span class="dt">type =</span> <span class="st">"radar"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> model, <span class="dt">y =</span> qsec))</a></code></pre></div>
|
|
<div id="htmlwidget-19de90f96ea2ef867b08" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-19de90f96ea2ef867b08">{"x":{"ax_opts":{"chart":{"type":"radar"},"series":[{"name":"qsec","data":[{"x":"Mazda RX4","y":16.46},{"x":"Mazda RX4 Wag","y":17.02},{"x":"Datsun 710","y":18.61},{"x":"Hornet 4 Drive","y":19.44},{"x":"Hornet Sportabout","y":17.02},{"x":"Valiant","y":20.22}]}]},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>With a grouping variable:</p>
|
|
<div class="sourceCode" id="cb16"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb16-1" title="1"><span class="co"># extremely complicated reshaping</span></a>
|
|
<a class="sourceLine" id="cb16-2" title="2">new_mtcars <-<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/stats/topics/reshape">reshape</a></span>(</a>
|
|
<a class="sourceLine" id="cb16-3" title="3"> <span class="dt">data =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/head">head</a></span>(mtcars), </a>
|
|
<a class="sourceLine" id="cb16-4" title="4"> <span class="dt">idvar =</span> <span class="st">"model"</span>, </a>
|
|
<a class="sourceLine" id="cb16-5" title="5"> <span class="dt">varying =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="st">"drat"</span>, <span class="st">"wt"</span>)),</a>
|
|
<a class="sourceLine" id="cb16-6" title="6"> <span class="dt">times =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="st">"drat"</span>, <span class="st">"wt"</span>),</a>
|
|
<a class="sourceLine" id="cb16-7" title="7"> <span class="dt">direction =</span> <span class="st">"long"</span>,</a>
|
|
<a class="sourceLine" id="cb16-8" title="8"> <span class="dt">v.names =</span> <span class="st">"value"</span>,</a>
|
|
<a class="sourceLine" id="cb16-9" title="9"> <span class="dt">drop =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="st">"mpg"</span>, <span class="st">"cyl"</span>, <span class="st">"hp"</span>, <span class="st">"dist"</span>, <span class="st">"qsec"</span>, <span class="st">"vs"</span>, <span class="st">"am"</span>, <span class="st">"gear"</span>, <span class="st">"carb"</span>)</a>
|
|
<a class="sourceLine" id="cb16-10" title="10">)</a>
|
|
<a class="sourceLine" id="cb16-11" title="11"></a>
|
|
<a class="sourceLine" id="cb16-12" title="12"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> new_mtcars, <span class="dt">type =</span> <span class="st">"radar"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> model, <span class="dt">y =</span> value, <span class="dt">group =</span> time))</a></code></pre></div>
|
|
<div id="htmlwidget-81cbfdc65089f4665848" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-81cbfdc65089f4665848">{"x":{"ax_opts":{"chart":{"type":"radar"},"series":[{"name":"drat","data":[{"x":"Mazda RX4","y":3.9},{"x":"Mazda RX4 Wag","y":3.9},{"x":"Datsun 710","y":3.85},{"x":"Hornet 4 Drive","y":3.08},{"x":"Hornet Sportabout","y":3.15},{"x":"Valiant","y":2.76}]},{"name":"wt","data":[{"x":"Mazda RX4","y":2.62},{"x":"Mazda RX4 Wag","y":2.875},{"x":"Datsun 710","y":2.32},{"x":"Hornet 4 Drive","y":3.215},{"x":"Hornet Sportabout","y":3.44},{"x":"Valiant","y":3.46}]}]},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
|
</div>
|
|
<div id="heatmap" class="section level2">
|
|
<h2 class="hasAnchor">
|
|
<a href="#heatmap" class="anchor"></a>Heatmap</h2>
|
|
<p>Create heatmap with :</p>
|
|
<div class="sourceCode" id="cb17"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb17-1" title="1">txhousing2 <-<span class="st"> </span>txhousing <span class="op">%>%</span><span class="st"> </span></a>
|
|
<a class="sourceLine" id="cb17-2" title="2"><span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/stats/topics/filter">filter</a></span>(city <span class="op">%in%</span><span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/head">head</a></span>(<span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/unique">unique</a></span>(city)), year <span class="op">%in%</span><span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">2000</span>, <span class="dv">2001</span>)) <span class="op">%>%</span><span class="st"> </span></a>
|
|
<a class="sourceLine" id="cb17-3" title="3"><span class="st"> </span><span class="kw">rename</span>(<span class="dt">val_med =</span> median)</a>
|
|
<a class="sourceLine" id="cb17-4" title="4"></a>
|
|
<a class="sourceLine" id="cb17-5" title="5"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> txhousing2,</a>
|
|
<a class="sourceLine" id="cb17-6" title="6"> <span class="dt">type =</span> <span class="st">"heatmap"</span>, </a>
|
|
<a class="sourceLine" id="cb17-7" title="7"> <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> scales<span class="op">::</span><span class="kw"><a href="https://www.rdocumentation.org/packages/scales/topics/rescale">rescale</a></span>(val_med), <span class="dt">group =</span> city)) <span class="op">%>%</span><span class="st"> </span></a>
|
|
<a class="sourceLine" id="cb17-8" title="8"><span class="st"> </span><span class="kw"><a href="../reference/ax_dataLabels.html">ax_dataLabels</a></span>(<span class="dt">enabled =</span> <span class="ot">FALSE</span>) <span class="op">%>%</span><span class="st"> </span></a>
|
|
<a class="sourceLine" id="cb17-9" title="9"><span class="st"> </span><span class="kw"><a href="../reference/ax_colors.html">ax_colors</a></span>(<span class="st">"#008FFB"</span>)</a></code></pre></div>
|
|
<div id="htmlwidget-9cfa6e38e16c029ed611" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
|
<script type="application/json" data-for="htmlwidget-9cfa6e38e16c029ed611">{"x":{"ax_opts":{"chart":{"type":"heatmap"},"series":[{"name":"Abilene","data":[{"x":2000,"y":0.136270491803279},{"x":2000.08333333333,"y":0.00614754098360656},{"x":2000.16666666667,"y":0},{"x":2000.25,"y":0.107581967213115},{"x":2000.33333333333,"y":0.0942622950819672},{"x":2000.41666666667,"y":0.0901639344262295},{"x":2000.5,"y":0.157786885245902},{"x":2000.58333333333,"y":0.173155737704918},{"x":2000.66666666667,"y":0.0655737704918033},{"x":2000.75,"y":0.0122950819672131},{"x":2000.83333333333,"y":0.131147540983607},{"x":2000.91666666667,"y":0.0706967213114754},{"x":2001,"y":0.0655737704918033},{"x":2001.08333333333,"y":0.110655737704918},{"x":2001.16666666667,"y":0.145491803278689},{"x":2001.25,"y":0.137295081967213},{"x":2001.33333333333,"y":0.132172131147541},{"x":2001.41666666667,"y":0.204918032786885},{"x":2001.5,"y":0.293032786885246},{"x":2001.58333333333,"y":0.111680327868852},{"x":2001.66666666667,"y":0.0625},{"x":2001.75,"y":0.0665983606557377},{"x":2001.83333333333,"y":0.112704918032787},{"x":2001.91666666667,"y":0.140368852459016}]},{"name":"Amarillo","data":[{"x":2000,"y":0.224385245901639},{"x":2000.08333333333,"y":0.206967213114754},{"x":2000.16666666667,"y":0.171106557377049},{"x":2000.25,"y":0.30327868852459},{"x":2000.33333333333,"y":0.235655737704918},{"x":2000.41666666667,"y":0.266393442622951},{"x":2000.5,"y":0.370901639344262},{"x":2000.58333333333,"y":0.381147540983607},{"x":2000.66666666667,"y":0.337090163934426},{"x":2000.75,"y":0.316598360655738},{"x":2000.83333333333,"y":0.299180327868852},{"x":2000.91666666667,"y":0.309426229508197},{"x":2001,"y":0.316598360655738},{"x":2001.08333333333,"y":0.297131147540984},{"x":2001.16666666667,"y":0.288934426229508},{"x":2001.25,"y":0.359631147540984},{"x":2001.33333333333,"y":0.309426229508197},{"x":2001.41666666667,"y":0.339139344262295},{"x":2001.5,"y":0.399590163934426},{"x":2001.58333333333,"y":0.366803278688525},{"x":2001.66666666667,"y":0.302254098360656},{"x":2001.75,"y":0.310450819672131},{"x":2001.83333333333,"y":0.326844262295082},{"x":2001.91666666667,"y":0.388319672131148}]},{"name":"Arlington","data":[{"x":2000,"y":0.367827868852459},{"x":2000.08333333333,"y":0.370901639344262},{"x":2000.16666666667,"y":0.415983606557377},{"x":2000.25,"y":0.41905737704918},{"x":2000.33333333333,"y":0.460040983606557},{"x":2000.41666666667,"y":0.510245901639344},{"x":2000.5,"y":0.488729508196721},{"x":2000.58333333333,"y":0.464139344262295},{"x":2000.66666666667,"y":0.536885245901639},{"x":2000.75,"y":0.471311475409836},{"x":2000.83333333333,"y":0.508196721311475},{"x":2000.91666666667,"y":0.487704918032787},{"x":2001,"y":0.487704918032787},{"x":2001.08333333333,"y":0.494877049180328},{"x":2001.16666666667,"y":0.528688524590164},{"x":2001.25,"y":0.548155737704918},{"x":2001.33333333333,"y":0.576844262295082},{"x":2001.41666666667,"y":0.516393442622951},{"x":2001.5,"y":0.593237704918033},{"x":2001.58333333333,"y":0.568647540983607},{"x":2001.66666666667,"y":0.552254098360656},{"x":2001.75,"y":0.564549180327869},{"x":2001.83333333333,"y":0.549180327868853},{"x":2001.91666666667,"y":0.597336065573771}]},{"name":"Austin","data":[{"x":2000,"y":0.774590163934426},{"x":2000.08333333333,"y":0.777663934426229},{"x":2000.16666666667,"y":0.805327868852459},{"x":2000.25,"y":0.807377049180328},{"x":2000.33333333333,"y":0.887295081967213},{"x":2000.41666666667,"y":0.929303278688525},{"x":2000.5,"y":0.934426229508197},{"x":2000.58333333333,"y":0.903688524590164},{"x":2000.66666666667,"y":0.92827868852459},{"x":2000.75,"y":0.942622950819672},{"x":2000.83333333333,"y":0.921106557377049},{"x":2000.91666666667,"y":0.940573770491803},{"x":2001,"y":0.859631147540984},{"x":2001.08333333333,"y":0.951844262295082},{"x":2001.16666666667,"y":0.926229508196721},{"x":2001.25,"y":0.952868852459016},{"x":2001.33333333333,"y":0.961065573770492},{"x":2001.41666666667,"y":0.956967213114754},{"x":2001.5,"y":0.997950819672131},{"x":2001.58333333333,"y":0.980532786885246},{"x":2001.66666666667,"y":0.908811475409836},{"x":2001.75,"y":0.836065573770492},{"x":2001.83333333333,"y":0.966188524590164},{"x":2001.91666666667,"y":1}]},{"name":"Bay Area","data":[{"x":2000,"y":0.436475409836066},{"x":2000.08333333333,"y":0.535860655737705},{"x":2000.16666666667,"y":0.566598360655738},{"x":2000.25,"y":0.501024590163934},{"x":2000.33333333333,"y":0.592213114754098},{"x":2000.41666666667,"y":0.662909836065574},{"x":2000.5,"y":0.581967213114754},{"x":2000.58333333333,"y":0.625},{"x":2000.66666666667,"y":0.543032786885246},{"x":2000.75,"y":0.519467213114754},{"x":2000.83333333333,"y":0.595286885245902},{"x":2000.91666666667,"y":0.618852459016393},{"x":2001,"y":0.557377049180328},{"x":2001.08333333333,"y":0.501024590163934},{"x":2001.16666666667,"y":0.683401639344262},{"x":2001.25,"y":0.623975409836066},{"x":2001.33333333333,"y":0.601434426229508},{"x":2001.41666666667,"y":0.700819672131147},{"x":2001.5,"y":0.684426229508197},{"x":2001.58333333333,"y":0.699795081967213},{"x":2001.66666666667,"y":0.587090163934426},{"x":2001.75,"y":0.654713114754098},{"x":2001.83333333333,"y":0.69672131147541},{"x":2001.91666666667,"y":0.679303278688525}]},{"name":"Beaumont","data":[{"x":2000,"y":0.245901639344262},{"x":2000.08333333333,"y":0.239754098360656},{"x":2000.16666666667,"y":0.252049180327869},{"x":2000.25,"y":0.263319672131148},{"x":2000.33333333333,"y":0.371926229508197},{"x":2000.41666666667,"y":0.304303278688525},{"x":2000.5,"y":0.275614754098361},{"x":2000.58333333333,"y":0.212090163934426},{"x":2000.66666666667,"y":0.371926229508197},{"x":2000.75,"y":0.32172131147541},{"x":2000.83333333333,"y":0.278688524590164},{"x":2000.91666666667,"y":0.217213114754098},{"x":2001,"y":0.290983606557377},{"x":2001.08333333333,"y":0.263319672131148},{"x":2001.16666666667,"y":0.320696721311475},{"x":2001.25,"y":0.310450819672131},{"x":2001.33333333333,"y":0.296106557377049},{"x":2001.41666666667,"y":0.326844262295082},{"x":2001.5,"y":0.311475409836066},{"x":2001.58333333333,"y":0.323770491803279},{"x":2001.66666666667,"y":0.344262295081967},{"x":2001.75,"y":0.16905737704918},{"x":2001.83333333333,"y":0.348360655737705},{"x":2001.91666666667,"y":0.301229508196721}]}],"dataLabels":{"enabled":false},"colors":["#008FFB"]},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 hidden-xs hidden-sm" id="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="#bar-charts">Bar charts</a></li>
|
|
<li><a href="#line-charts">Line charts</a></li>
|
|
<li><a href="#scatter-charts">Scatter charts</a></li>
|
|
<li><a href="#pie-charts">Pie charts</a></li>
|
|
<li><a href="#radial-charts">Radial charts</a></li>
|
|
<li><a href="#radar-charts">Radar charts</a></li>
|
|
<li><a href="#heatmap">Heatmap</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.3.0.</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|