308 lines
82 KiB
HTML
308 lines
82 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, shrink-to-fit=no">
|
||
<meta name="description" content="apexcharter">
|
||
<title>Customize chart options • apexcharter</title>
|
||
<script src="../../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<link href="../../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet">
|
||
<script src="../../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../../deps/Poppins-0.4.9/font.css" rel="stylesheet">
|
||
<!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
|
||
<!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" 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><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../../pkgdown.js"></script><meta property="og:title" content="Customize chart options">
|
||
<meta property="og:description" content="apexcharter">
|
||
<!-- 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>
|
||
<a href="#main" class="visually-hidden-focusable">Skip to contents</a>
|
||
|
||
|
||
<nav class="navbar fixed-top navbar-dark navbar-expand-lg bg-primary"><div class="container">
|
||
|
||
<a class="navbar-brand me-2" href="../../index.html">apexcharter</a>
|
||
|
||
<small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">0.4.1.9300</small>
|
||
|
||
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
|
||
<div id="navbar" class="collapse navbar-collapse ms-3">
|
||
<ul class="navbar-nav me-auto">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="../../articles/apexcharter.html">Get started</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="../../reference/index.html">Reference</a>
|
||
</li>
|
||
<li class="active nav-item dropdown">
|
||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
|
||
<div class="dropdown-menu" aria-labelledby="dropdown-articles">
|
||
<a class="dropdown-item" href="../../articles/extra/advanced-configuration.html">Advanced configuration examples</a>
|
||
<a class="dropdown-item" href="../../articles/extra/chart-options.html">Customize chart options</a>
|
||
<a class="dropdown-item" href="../../articles/extra/facets.html">Create grid of charts</a>
|
||
<a class="dropdown-item" href="../../articles/extra/shiny-integration.html">Use in Shiny application</a>
|
||
<a class="dropdown-item" href="../../articles/extra/spark-box.html">Create boxes with sparklines</a>
|
||
<a class="dropdown-item" href="../../articles/extra/sync-charts.html">Synchronize charts with each other</a>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="../../news/index.html">Changelog</a>
|
||
</li>
|
||
</ul>
|
||
<form class="form-inline my-2 my-lg-0" role="search">
|
||
<input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../../search.json" id="search-input" placeholder="Search for" autocomplete="off">
|
||
</form>
|
||
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item">
|
||
<a class="external-link nav-link" href="https://github.com/dreamRs/apexcharter/" aria-label="github">
|
||
<span class="fab fa fab fa-github fa-lg"></span>
|
||
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</nav><div class="container template-article">
|
||
|
||
|
||
|
||
<script src="chart-options_files/htmlwidgets-1.6.4/htmlwidgets.js"></script><script src="chart-options_files/apexcharter-binding-0.4.1.9300/apexcharter.js"></script><div class="row">
|
||
<main id="main" class="col-md-9"><div class="page-header">
|
||
<img src="" class="logo" alt=""><h1>Customize chart options</h1>
|
||
|
||
|
||
<small class="dont-index">Source: <a href="https://github.com/dreamRs/apexcharter/blob/HEAD/vignettes/extra/chart-options.Rmd" class="external-link"><code>vignettes/extra/chart-options.Rmd</code></a></small>
|
||
<div class="d-none name"><code>chart-options.Rmd</code></div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="section level2">
|
||
<h2 id="title-subtitle-and-axis-titles">Title, subtitle and axis titles<a class="anchor" aria-label="anchor" href="#title-subtitle-and-axis-titles"></a>
|
||
</h2>
|
||
<p>Packages and data used below:</p>
|
||
<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
|
||
<span></span>
|
||
<span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"diamonds"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="section level3">
|
||
<h3 id="labs">Labs<a class="anchor" aria-label="anchor" href="#labs"></a>
|
||
</h3>
|
||
<p>You can set title, subtitle and axis’ titles at once with
|
||
<code><a href="../../reference/ax_labs.html">ax_labs()</a></code>:</p>
|
||
<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">diamonds</span>, type <span class="op">=</span> <span class="st">"column"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span></span>
|
||
<span> <span class="fu"><a href="../../reference/ax_labs.html">ax_labs</a></span><span class="op">(</span></span>
|
||
<span> title <span class="op">=</span> <span class="st">"Cut distribution"</span>,</span>
|
||
<span> subtitle <span class="op">=</span> <span class="st">"Data from ggplot2"</span>,</span>
|
||
<span> x <span class="op">=</span> <span class="st">"Cut"</span>,</span>
|
||
<span> y <span class="op">=</span> <span class="st">"Count"</span></span>
|
||
<span> <span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-df621db6c394009cbf44" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-df621db6c394009cbf44">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":[],"type":"bar","data":[{"x":"Fair","y":1610},{"x":"Good","y":4906},{"x":"Very Good","y":12082},{"x":"Premium","y":13791},{"x":"Ideal","y":21551}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false,"isDumbbell":false}},"tooltip":{"shared":true,"intersect":false,"followCursor":true},"grid":{"yaxis":{"lines":{"show":true}},"xaxis":{"lines":{"show":false}}},"yaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Count","style":{"fontWeight":400,"fontSize":"14px"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Cut","style":{"fontWeight":400,"fontSize":"14px"}}},"title":{"text":"Cut distribution","style":{"fontWeight":700,"fontSize":"16px"}},"subtitle":{"text":"Data from ggplot2","style":{"fontWeight":400,"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"Fair","max":"Very Good"},"type":"column"},"evals":[],"jsHooks":[]}</script><p>If you want more control (font size, alignment, …), you can use
|
||
<code><a href="../../reference/ax_title.html">ax_title()</a></code>, <code><a href="../../reference/ax_subtitle.html">ax_subtitle()</a></code>,
|
||
<code><a href="../../reference/ax_xaxis.html">ax_xaxis()</a></code> and <code><a href="../../reference/ax_yaxis.html">ax_yaxis()</a></code>, as described
|
||
below.</p>
|
||
</div>
|
||
<div class="section level3">
|
||
<h3 id="title">Title<a class="anchor" aria-label="anchor" href="#title"></a>
|
||
</h3>
|
||
<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">diamonds</span>, type <span class="op">=</span> <span class="st">"column"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_title.html">ax_title</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Cut distribution"</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-6dab3c389a149d3cbe61" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-6dab3c389a149d3cbe61">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":[],"type":"bar","data":[{"x":"Fair","y":1610},{"x":"Good","y":4906},{"x":"Very Good","y":12082},{"x":"Premium","y":13791},{"x":"Ideal","y":21551}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false,"isDumbbell":false}},"tooltip":{"shared":true,"intersect":false,"followCursor":true},"grid":{"yaxis":{"lines":{"show":true}},"xaxis":{"lines":{"show":false}}},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution"}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"Fair","max":"Very Good"},"type":"column"},"evals":[],"jsHooks":[]}</script><p>You can set some options, for example:</p>
|
||
<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">diamonds</span>, type <span class="op">=</span> <span class="st">"column"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_title.html">ax_title</a></span><span class="op">(</span></span>
|
||
<span> text <span class="op">=</span> <span class="st">"Cut distribution"</span>, </span>
|
||
<span> align <span class="op">=</span> <span class="st">"center"</span>,</span>
|
||
<span> style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>fontSize <span class="op">=</span> <span class="st">"22px"</span>, fontWeight <span class="op">=</span> <span class="fl">700</span><span class="op">)</span></span>
|
||
<span> <span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-7c816c81eb71a7f7c50b" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-7c816c81eb71a7f7c50b">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":[],"type":"bar","data":[{"x":"Fair","y":1610},{"x":"Good","y":4906},{"x":"Very Good","y":12082},{"x":"Premium","y":13791},{"x":"Ideal","y":21551}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false,"isDumbbell":false}},"tooltip":{"shared":true,"intersect":false,"followCursor":true},"grid":{"yaxis":{"lines":{"show":true}},"xaxis":{"lines":{"show":false}}},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution","align":"center","style":{"fontSize":"22px","fontWeight":700}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"Fair","max":"Very Good"},"type":"column"},"evals":[],"jsHooks":[]}</script><p>Full list of parameters is available here : <a href="https://apexcharts.com/docs/options/title/" class="external-link uri">https://apexcharts.com/docs/options/title/</a></p>
|
||
</div>
|
||
<div class="section level3">
|
||
<h3 id="subtitle">Subtitle<a class="anchor" aria-label="anchor" href="#subtitle"></a>
|
||
</h3>
|
||
<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">diamonds</span>, type <span class="op">=</span> <span class="st">"column"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_title.html">ax_title</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Cut distribution"</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_subtitle.html">ax_subtitle</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Data from ggplot2"</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-3d4d490e2cc8421babc0" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-3d4d490e2cc8421babc0">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":[],"type":"bar","data":[{"x":"Fair","y":1610},{"x":"Good","y":4906},{"x":"Very Good","y":12082},{"x":"Premium","y":13791},{"x":"Ideal","y":21551}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false,"isDumbbell":false}},"tooltip":{"shared":true,"intersect":false,"followCursor":true},"grid":{"yaxis":{"lines":{"show":true}},"xaxis":{"lines":{"show":false}}},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution"},"subtitle":{"text":"Data from ggplot2"}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"Fair","max":"Very Good"},"type":"column"},"evals":[],"jsHooks":[]}</script><p>With same options than for title:</p>
|
||
<div class="sourceCode" id="cb6"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">diamonds</span>, type <span class="op">=</span> <span class="st">"column"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_title.html">ax_title</a></span><span class="op">(</span></span>
|
||
<span> text <span class="op">=</span> <span class="st">"Cut distribution"</span>, </span>
|
||
<span> align <span class="op">=</span> <span class="st">"center"</span>,</span>
|
||
<span> style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>fontSize <span class="op">=</span> <span class="st">"22px"</span>, fontWeight <span class="op">=</span> <span class="fl">700</span><span class="op">)</span></span>
|
||
<span> <span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_subtitle.html">ax_subtitle</a></span><span class="op">(</span></span>
|
||
<span> text <span class="op">=</span> <span class="st">"Data from ggplot2"</span>, </span>
|
||
<span> align <span class="op">=</span> <span class="st">"center"</span>,</span>
|
||
<span> style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>fontSize <span class="op">=</span> <span class="st">"16px"</span>, fontWeight <span class="op">=</span> <span class="fl">400</span>, color <span class="op">=</span> <span class="st">"#BDBDBD"</span><span class="op">)</span></span>
|
||
<span> <span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-2c989d6fbbffeee127fe" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-2c989d6fbbffeee127fe">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":[],"type":"bar","data":[{"x":"Fair","y":1610},{"x":"Good","y":4906},{"x":"Very Good","y":12082},{"x":"Premium","y":13791},{"x":"Ideal","y":21551}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false,"isDumbbell":false}},"tooltip":{"shared":true,"intersect":false,"followCursor":true},"grid":{"yaxis":{"lines":{"show":true}},"xaxis":{"lines":{"show":false}}},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution","align":"center","style":{"fontSize":"22px","fontWeight":700}},"subtitle":{"text":"Data from ggplot2","align":"center","style":{"fontSize":"16px","fontWeight":400,"color":"#BDBDBD"}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"Fair","max":"Very Good"},"type":"column"},"evals":[],"jsHooks":[]}</script><p>Full list of parameters is available here : <a href="https://apexcharts.com/docs/options/subtitle/" class="external-link uri">https://apexcharts.com/docs/options/subtitle/</a></p>
|
||
</div>
|
||
<div class="section level3">
|
||
<h3 id="axis-title">Axis title<a class="anchor" aria-label="anchor" href="#axis-title"></a>
|
||
</h3>
|
||
<div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">diamonds</span>, type <span class="op">=</span> <span class="st">"column"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Count"</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_xaxis.html">ax_xaxis</a></span><span class="op">(</span>title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>text <span class="op">=</span> <span class="st">"Cut"</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-56744f3cd5f07a42b1e5" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-56744f3cd5f07a42b1e5">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":[],"type":"bar","data":[{"x":"Fair","y":1610},{"x":"Good","y":4906},{"x":"Very Good","y":12082},{"x":"Premium","y":13791},{"x":"Ideal","y":21551}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false,"isDumbbell":false}},"tooltip":{"shared":true,"intersect":false,"followCursor":true},"grid":{"yaxis":{"lines":{"show":true}},"xaxis":{"lines":{"show":false}}},"yaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Count"}},"xaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Cut"}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"Fair","max":"Very Good"},"type":"column"},"evals":[],"jsHooks":[]}</script><p>With some options:</p>
|
||
<div class="sourceCode" id="cb8"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">diamonds</span>, type <span class="op">=</span> <span class="st">"column"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">cut</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
|
||
<span> text <span class="op">=</span> <span class="st">"Count"</span>,</span>
|
||
<span> style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>fontSize <span class="op">=</span> <span class="st">"14px"</span>, color <span class="op">=</span> <span class="st">"#BDBDBD"</span><span class="op">)</span></span>
|
||
<span> <span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_xaxis.html">ax_xaxis</a></span><span class="op">(</span>title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
|
||
<span> text <span class="op">=</span> <span class="st">"Cut"</span>, </span>
|
||
<span> style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>fontSize <span class="op">=</span> <span class="st">"14px"</span>, color <span class="op">=</span> <span class="st">"#BDBDBD"</span><span class="op">)</span></span>
|
||
<span> <span class="op">)</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-0ccae5d26514978ef00e" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-0ccae5d26514978ef00e">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":[],"type":"bar","data":[{"x":"Fair","y":1610},{"x":"Good","y":4906},{"x":"Very Good","y":12082},{"x":"Premium","y":13791},{"x":"Ideal","y":21551}]}],"dataLabels":{"enabled":false},"plotOptions":{"bar":{"horizontal":false,"isDumbbell":false}},"tooltip":{"shared":true,"intersect":false,"followCursor":true},"grid":{"yaxis":{"lines":{"show":true}},"xaxis":{"lines":{"show":false}}},"yaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Count","style":{"fontSize":"14px","color":"#BDBDBD"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Cut","style":{"fontSize":"14px","color":"#BDBDBD"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"Fair","max":"Very Good"},"type":"column"},"evals":[],"jsHooks":[]}</script>
|
||
</div>
|
||
</div>
|
||
<div class="section level2">
|
||
<h2 id="lines">Lines<a class="anchor" aria-label="anchor" href="#lines"></a>
|
||
</h2>
|
||
<div class="sourceCode" id="cb9"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
|
||
<span></span>
|
||
<span><span class="co">## economics dataset from ggplot2</span></span>
|
||
<span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"economics"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span>
|
||
<span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"economics_long"</span>, package <span class="op">=</span> <span class="st">"ggplot2"</span><span class="op">)</span></span>
|
||
<span><span class="va">economics</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html" class="external-link">tail</a></span><span class="op">(</span><span class="va">economics</span>, <span class="fl">50</span><span class="op">)</span></span>
|
||
<span><span class="va">economics_long</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/subset.html" class="external-link">subset</a></span><span class="op">(</span><span class="va">economics_long</span>, <span class="va">date</span> <span class="op">>=</span> <span class="st">"2010-01-01"</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="section level3">
|
||
<h3 id="type-of-line">Type of line<a class="anchor" aria-label="anchor" href="#type-of-line"></a>
|
||
</h3>
|
||
<p>Classic line:</p>
|
||
<div class="sourceCode" id="cb10"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-cfdd19b0a03385272955" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-cfdd19b0a03385272955">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[[1298937600000,21.5],[1301616000000,20.9],[1304208000000,21.6],[1306886400000,22.4],[1309478400000,22],[1312156800000,22.4],[1314835200000,22],[1317427200000,20.6],[1320105600000,20.8],[1322697600000,20.5],[1325376000000,20.8],[1328054400000,19.7],[1330560000000,19.2],[1333238400000,19.1],[1335830400000,19.9],[1338508800000,20.4],[1341100800000,17.5],[1343779200000,18.4],[1346457600000,18.8],[1349049600000,19.9],[1351728000000,18.6],[1354320000000,17.7],[1356998400000,15.8],[1359676800000,17.2],[1362096000000,17.6],[1364774400000,17.1],[1367366400000,17.1],[1370044800000,17],[1372636800000,16.2],[1375315200000,16.5],[1377993600000,16.5],[1380585600000,16.3],[1383264000000,17.1],[1385856000000,17.3],[1388534400000,15.4],[1391212800000,15.9],[1393632000000,15.8],[1396310400000,15.7],[1398902400000,14.6],[1401580800000,13.8],[1404172800000,13.1],[1406851200000,12.9],[1409529600000,13.4],[1412121600000,13.6],[1414800000000,13],[1417392000000,12.9],[1420070400000,13.2],[1422748800000,12.9],[1425168000000,12],[1427846400000,11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script><p>Spline curve:</p>
|
||
<div class="sourceCode" id="cb11"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_stroke.html">ax_stroke</a></span><span class="op">(</span>curve <span class="op">=</span> <span class="st">"smooth"</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-7a96a8969113df27323a" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-7a96a8969113df27323a">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[[1298937600000,21.5],[1301616000000,20.9],[1304208000000,21.6],[1306886400000,22.4],[1309478400000,22],[1312156800000,22.4],[1314835200000,22],[1317427200000,20.6],[1320105600000,20.8],[1322697600000,20.5],[1325376000000,20.8],[1328054400000,19.7],[1330560000000,19.2],[1333238400000,19.1],[1335830400000,19.9],[1338508800000,20.4],[1341100800000,17.5],[1343779200000,18.4],[1346457600000,18.8],[1349049600000,19.9],[1351728000000,18.6],[1354320000000,17.7],[1356998400000,15.8],[1359676800000,17.2],[1362096000000,17.6],[1364774400000,17.1],[1367366400000,17.1],[1370044800000,17],[1372636800000,16.2],[1375315200000,16.5],[1377993600000,16.5],[1380585600000,16.3],[1383264000000,17.1],[1385856000000,17.3],[1388534400000,15.4],[1391212800000,15.9],[1393632000000,15.8],[1396310400000,15.7],[1398902400000,14.6],[1401580800000,13.8],[1404172800000,13.1],[1406851200000,12.9],[1409529600000,13.4],[1412121600000,13.6],[1414800000000,13],[1417392000000,12.9],[1420070400000,13.2],[1422748800000,12.9],[1425168000000,12],[1427846400000,11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script><p>Steps chart:</p>
|
||
<div class="sourceCode" id="cb12"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_stroke.html">ax_stroke</a></span><span class="op">(</span>curve <span class="op">=</span> <span class="st">"stepline"</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-f66c33b50884619f2ab1" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-f66c33b50884619f2ab1">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[[1298937600000,21.5],[1301616000000,20.9],[1304208000000,21.6],[1306886400000,22.4],[1309478400000,22],[1312156800000,22.4],[1314835200000,22],[1317427200000,20.6],[1320105600000,20.8],[1322697600000,20.5],[1325376000000,20.8],[1328054400000,19.7],[1330560000000,19.2],[1333238400000,19.1],[1335830400000,19.9],[1338508800000,20.4],[1341100800000,17.5],[1343779200000,18.4],[1346457600000,18.8],[1349049600000,19.9],[1351728000000,18.6],[1354320000000,17.7],[1356998400000,15.8],[1359676800000,17.2],[1362096000000,17.6],[1364774400000,17.1],[1367366400000,17.1],[1370044800000,17],[1372636800000,16.2],[1375315200000,16.5],[1377993600000,16.5],[1380585600000,16.3],[1383264000000,17.1],[1385856000000,17.3],[1388534400000,15.4],[1391212800000,15.9],[1393632000000,15.8],[1396310400000,15.7],[1398902400000,14.6],[1401580800000,13.8],[1404172800000,13.1],[1406851200000,12.9],[1409529600000,13.4],[1412121600000,13.6],[1414800000000,13],[1417392000000,12.9],[1420070400000,13.2],[1422748800000,12.9],[1425168000000,12],[1427846400000,11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"stepline","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script>
|
||
</div>
|
||
<div class="section level3">
|
||
<h3 id="line-appearance">Line appearance<a class="anchor" aria-label="anchor" href="#line-appearance"></a>
|
||
</h3>
|
||
<p>Color line with gradient:</p>
|
||
<div class="sourceCode" id="cb13"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_fill.html">ax_fill</a></span><span class="op">(</span></span>
|
||
<span> type <span class="op">=</span> <span class="st">"gradient"</span>,</span>
|
||
<span> gradient <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
|
||
<span> shade <span class="op">=</span> <span class="st">"dark"</span>,</span>
|
||
<span> gradientToColors <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="st">"#FDD835"</span><span class="op">)</span>,</span>
|
||
<span> shadeIntensity <span class="op">=</span> <span class="fl">1</span>,</span>
|
||
<span> type <span class="op">=</span> <span class="st">"horizontal"</span>,</span>
|
||
<span> opacityFrom <span class="op">=</span> <span class="fl">1</span>,</span>
|
||
<span> opacityTo <span class="op">=</span> <span class="fl">1</span>,</span>
|
||
<span> stops <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">0</span>, <span class="fl">100</span>, <span class="fl">100</span>, <span class="fl">100</span><span class="op">)</span></span>
|
||
<span> <span class="op">)</span></span>
|
||
<span> <span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-be9a2dcda3fdb3ac3639" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-be9a2dcda3fdb3ac3639">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[[1298937600000,21.5],[1301616000000,20.9],[1304208000000,21.6],[1306886400000,22.4],[1309478400000,22],[1312156800000,22.4],[1314835200000,22],[1317427200000,20.6],[1320105600000,20.8],[1322697600000,20.5],[1325376000000,20.8],[1328054400000,19.7],[1330560000000,19.2],[1333238400000,19.1],[1335830400000,19.9],[1338508800000,20.4],[1341100800000,17.5],[1343779200000,18.4],[1346457600000,18.8],[1349049600000,19.9],[1351728000000,18.6],[1354320000000,17.7],[1356998400000,15.8],[1359676800000,17.2],[1362096000000,17.6],[1364774400000,17.1],[1367366400000,17.1],[1370044800000,17],[1372636800000,16.2],[1375315200000,16.5],[1377993600000,16.5],[1380585600000,16.3],[1383264000000,17.1],[1385856000000,17.3],[1388534400000,15.4],[1391212800000,15.9],[1393632000000,15.8],[1396310400000,15.7],[1398902400000,14.6],[1401580800000,13.8],[1404172800000,13.1],[1406851200000,12.9],[1409529600000,13.4],[1412121600000,13.6],[1414800000000,13],[1417392000000,12.9],[1420070400000,13.2],[1422748800000,12.9],[1425168000000,12],[1427846400000,11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"fill":{"type":"gradient","gradient":{"shade":"dark","gradientToColors":["#FDD835"],"shadeIntensity":1,"type":"horizontal","opacityFrom":1,"opacityTo":1,"stops":[0,100,100,100]}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script><p>Solid area color:</p>
|
||
<div class="sourceCode" id="cb14"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics</span>, type <span class="op">=</span> <span class="st">"area"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_fill.html">ax_fill</a></span><span class="op">(</span>type <span class="op">=</span> <span class="st">"solid"</span>, opacity <span class="op">=</span> <span class="fl">1</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-b84f2fc8e94a3d53dd40" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-b84f2fc8e94a3d53dd40">{"x":{"ax_opts":{"chart":{"type":"area"},"series":[{"name":"uempmed","type":"area","data":[[1298937600000,21.5],[1301616000000,20.9],[1304208000000,21.6],[1306886400000,22.4],[1309478400000,22],[1312156800000,22.4],[1314835200000,22],[1317427200000,20.6],[1320105600000,20.8],[1322697600000,20.5],[1325376000000,20.8],[1328054400000,19.7],[1330560000000,19.2],[1333238400000,19.1],[1335830400000,19.9],[1338508800000,20.4],[1341100800000,17.5],[1343779200000,18.4],[1346457600000,18.8],[1349049600000,19.9],[1351728000000,18.6],[1354320000000,17.7],[1356998400000,15.8],[1359676800000,17.2],[1362096000000,17.6],[1364774400000,17.1],[1367366400000,17.1],[1370044800000,17],[1372636800000,16.2],[1375315200000,16.5],[1377993600000,16.5],[1380585600000,16.3],[1383264000000,17.1],[1385856000000,17.3],[1388534400000,15.4],[1391212800000,15.9],[1393632000000,15.8],[1396310400000,15.7],[1398902400000,14.6],[1401580800000,13.8],[1404172800000,13.1],[1406851200000,12.9],[1409529600000,13.4],[1412121600000,13.6],[1414800000000,13],[1417392000000,12.9],[1420070400000,13.2],[1422748800000,12.9],[1425168000000,12],[1427846400000,11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"fill":{"type":"solid","opacity":1}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"},"type":"area"},"evals":[],"jsHooks":[]}</script><p>Line width:</p>
|
||
<div class="sourceCode" id="cb15"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_stroke.html">ax_stroke</a></span><span class="op">(</span>width <span class="op">=</span> <span class="fl">1</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-d60937a0d8f86d3dc2e8" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-d60937a0d8f86d3dc2e8">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[[1298937600000,21.5],[1301616000000,20.9],[1304208000000,21.6],[1306886400000,22.4],[1309478400000,22],[1312156800000,22.4],[1314835200000,22],[1317427200000,20.6],[1320105600000,20.8],[1322697600000,20.5],[1325376000000,20.8],[1328054400000,19.7],[1330560000000,19.2],[1333238400000,19.1],[1335830400000,19.9],[1338508800000,20.4],[1341100800000,17.5],[1343779200000,18.4],[1346457600000,18.8],[1349049600000,19.9],[1351728000000,18.6],[1354320000000,17.7],[1356998400000,15.8],[1359676800000,17.2],[1362096000000,17.6],[1364774400000,17.1],[1367366400000,17.1],[1370044800000,17],[1372636800000,16.2],[1375315200000,16.5],[1377993600000,16.5],[1380585600000,16.3],[1383264000000,17.1],[1385856000000,17.3],[1388534400000,15.4],[1391212800000,15.9],[1393632000000,15.8],[1396310400000,15.7],[1398902400000,14.6],[1401580800000,13.8],[1404172800000,13.1],[1406851200000,12.9],[1409529600000,13.4],[1412121600000,13.6],[1414800000000,13],[1417392000000,12.9],[1420070400000,13.2],[1422748800000,12.9],[1425168000000,12],[1427846400000,11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":1},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script><p>Dotted line</p>
|
||
<div class="sourceCode" id="cb16"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_stroke.html">ax_stroke</a></span><span class="op">(</span>dashArray <span class="op">=</span> <span class="fl">6</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-f6f7876344a50ee46eb8" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-f6f7876344a50ee46eb8">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[[1298937600000,21.5],[1301616000000,20.9],[1304208000000,21.6],[1306886400000,22.4],[1309478400000,22],[1312156800000,22.4],[1314835200000,22],[1317427200000,20.6],[1320105600000,20.8],[1322697600000,20.5],[1325376000000,20.8],[1328054400000,19.7],[1330560000000,19.2],[1333238400000,19.1],[1335830400000,19.9],[1338508800000,20.4],[1341100800000,17.5],[1343779200000,18.4],[1346457600000,18.8],[1349049600000,19.9],[1351728000000,18.6],[1354320000000,17.7],[1356998400000,15.8],[1359676800000,17.2],[1362096000000,17.6],[1364774400000,17.1],[1367366400000,17.1],[1370044800000,17],[1372636800000,16.2],[1375315200000,16.5],[1377993600000,16.5],[1380585600000,16.3],[1383264000000,17.1],[1385856000000,17.3],[1388534400000,15.4],[1391212800000,15.9],[1393632000000,15.8],[1396310400000,15.7],[1398902400000,14.6],[1401580800000,13.8],[1404172800000,13.1],[1406851200000,12.9],[1409529600000,13.4],[1412121600000,13.6],[1414800000000,13],[1417392000000,12.9],[1420070400000,13.2],[1422748800000,12.9],[1425168000000,12],[1427846400000,11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2,"dashArray":6},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script>
|
||
</div>
|
||
<div class="section level3">
|
||
<h3 id="markers">Markers<a class="anchor" aria-label="anchor" href="#markers"></a>
|
||
</h3>
|
||
<p>Add points to line :</p>
|
||
<div class="sourceCode" id="cb17"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html" class="external-link">tail</a></span><span class="op">(</span><span class="va">economics</span>, <span class="fl">20</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_markers.html">ax_markers</a></span><span class="op">(</span>size <span class="op">=</span> <span class="fl">6</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-2123c158e2b1059dd199" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-2123c158e2b1059dd199">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[[1377993600000,16.5],[1380585600000,16.3],[1383264000000,17.1],[1385856000000,17.3],[1388534400000,15.4],[1391212800000,15.9],[1393632000000,15.8],[1396310400000,15.7],[1398902400000,14.6],[1401580800000,13.8],[1404172800000,13.1],[1406851200000,12.9],[1409529600000,13.4],[1412121600000,13.6],[1414800000000,13],[1417392000000,12.9],[1420070400000,13.2],[1422748800000,12.9],[1425168000000,12],[1427846400000,11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"markers":{"size":6}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script><p>Add labels over points</p>
|
||
<div class="sourceCode" id="cb18"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html" class="external-link">tail</a></span><span class="op">(</span><span class="va">economics</span>, <span class="fl">20</span><span class="op">)</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">uempmed</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_markers.html">ax_markers</a></span><span class="op">(</span>size <span class="op">=</span> <span class="fl">6</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_dataLabels.html">ax_dataLabels</a></span><span class="op">(</span>enabled <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-0dc7a2921fd5db03b1f0" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-0dc7a2921fd5db03b1f0">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[[1377993600000,16.5],[1380585600000,16.3],[1383264000000,17.1],[1385856000000,17.3],[1388534400000,15.4],[1391212800000,15.9],[1393632000000,15.8],[1396310400000,15.7],[1398902400000,14.6],[1401580800000,13.8],[1404172800000,13.1],[1406851200000,12.9],[1409529600000,13.4],[1412121600000,13.6],[1414800000000,13],[1417392000000,12.9],[1420070400000,13.2],[1422748800000,12.9],[1425168000000,12],[1427846400000,11.5]]}],"dataLabels":{"enabled":true},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"markers":{"size":6}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script>
|
||
</div>
|
||
<div class="section level3">
|
||
<h3 id="multiple-lines">Multiple lines<a class="anchor" aria-label="anchor" href="#multiple-lines"></a>
|
||
</h3>
|
||
<p>You can use vectors of parameters to custom series separately:</p>
|
||
<div class="sourceCode" id="cb19"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics_long</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">value01</span>, group <span class="op">=</span> <span class="va">variable</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>decimalsInFloat <span class="op">=</span> <span class="fl">2</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_markers.html">ax_markers</a></span><span class="op">(</span>size <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">3</span>, <span class="fl">6</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_stroke.html">ax_stroke</a></span><span class="op">(</span>width <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">1</span>, <span class="fl">3</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-dc66ad28901639f17001" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-dc66ad28901639f17001">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","type":"line","data":[[1262304000000,0.8124427787902901],[1264982400000,0.8149070342514397],[1267401600000,0.8199125531568996],[1270080000000,0.8219489864893772],[1272672000000,0.8234977025951691],[1275350400000,0.8252432168801499],[1277942400000,0.8280925122571041],[1280620800000,0.8318145647765486],[1283299200000,0.8335943048318232],[1285891200000,0.8383602433452269],[1288569600000,0.8426384646319447],[1291161600000,0.8458385741544097],[1293840000000,0.8495520702312807],[1296518400000,0.8525125993616894],[1298937600000,0.8593919791907317],[1301616000000,0.8625664193854764],[1304208000000,0.8646541913733946],[1306886400000,0.8667761891316066],[1309478400000,0.870258661258995],[1312156800000,0.8722351994934586],[1314835200000,0.8754438654584971],[1317427200000,0.8767273318445125],[1320105600000,0.8772749441692123],[1322697600000,0.8783616123760386],[1325376000000,0.8860538542495573],[1328054400000,0.8938744427616775],[1330560000000,0.8937289832379289],[1333238400000,0.8961162307159176],[1335830400000,0.8951664655902662],[1338508800000,0.89325837889639],[1341100800000,0.8959023196515817],[1343779200000,0.8982040027038359],[1346457600000,0.903115400740988],[1349049600000,0.9063925182466138],[1351728000000,0.909558401998785],[1354320000000,0.9098749903740021],[1356998400000,0.9152056540972525],[1359676800000,0.9183544249642769],[1362096000000,0.9172848696425975],[1364774400000,0.9154281216041619],[1367366400000,0.9187822470929488],[1370044800000,0.92085290619572],[1372636800000,0.9232401536737087],[1375315200000,0.9260209975100753],[1377993600000,0.9292467763602604],[1380585600000,0.9337731344816079],[1383264000000,0.9395744025463973],[1385856000000,0.9421670046461483],[1388534400000,0.9417049567471828],[1391212800000,0.9462997664091178],[1393632000000,0.9528711143055164],[1396310400000,0.9579707540792841],[1398902400000,0.9618896047779175],[1401580800000,0.9677593243832945],[1404172800000,0.9714813769027389],[1406851200000,0.978651675779278],[1409529600000,0.9797725697563981],[1412121600000,0.985385596084572],[1414800000000,0.9878156257754276],[1417392000000,0.9887226086882118],[1420070400000,0.9873535778764622],[1422748800000,0.9904681229731926],[1425168000000,0.9969624628864303],[1427846400000,1]]},{"name":"pop","type":"line","data":[[1262304000000,0.904928367541553],[1264982400000,0.9065225784849976],[1267401600000,0.9080428311887979],[1270080000000,0.9078719958728018],[1272672000000,0.9093334271233382],[1275350400000,0.9108080640284419],[1277942400000,0.9124285383645424],[1280620800000,0.9141712985411042],[1283299200000,0.9159684098062219],[1285891200000,0.9178049736833985],[1288569600000,0.9194140255802654],[1291161600000,0.9209420110288995],[1293840000000,0.9224132458549796],[1296518400000,0.9236675447290189],[1298937600000,0.924916847313091],[1301616000000,0.9263206897476913],[1304208000000,0.9277245979229488],[1306886400000,0.9292378081588184],[1309478400000,0.9309292002291556],[1312156800000,0.9326410705142923],[1314835200000,0.9344797627452546],[1317427200000,0.9362468798354051],[1320105600000,0.9377701237391198],[1322697600000,0.9392508416550392],[1325376000000,0.9406763209835264],[1328054400000,0.9419566038524274],[1330560000000,0.9432746382938756],[1333238400000,0.9446532034456815],[1335830400000,0.9459959810270823],[1338508800000,0.9475331948205072],[1341100800000,0.9491207659575486],[1343779200000,0.9508592365562104],[1346457600000,0.9527033277386666],[1349049600000,0.9544062490768062],[1351728000000,0.9560488204913961],[1354320000000,0.9575188555504774],[1356998400000,0.9588077257927593],[1359676800000,0.959880514711547],[1362096000000,0.9610480770056479],[1364774400000,0.9623269875383242],[1367366400000,0.9636894544466343],[1370044800000,0.9652293307366872],[1372636800000,0.9667720667453391],[1375315200000,0.968592663860335],[1377993600000,0.9704481774820253],[1380585600000,0.972224366782906],[1383264000000,0.9739151836224904],[1385856000000,0.9754233153925709],[1388534400000,0.9769219722903952],[1391212800000,0.9782364567363403],[1393632000000,0.9795785522584196],[1396310400000,0.9809920996575775],[1398902400000,0.9824736228965508],[1401580800000,0.9840731506156676],[1404172800000,0.9857020068855945],[1406851200000,0.9876037033191516],[1409529600000,0.989506155770269],[1412121600000,0.9913833638089218],[1414800000000,0.9931129594188262],[1417392000000,0.9946081320618051],[1420070400000,0.9961077504167446],[1422748800000,0.9973064080418247],[1425168000000,0.9985906106974269],[1427846400000,1]]},{"name":"psavert","type":"line","data":[[1262304000000,0.2582781456953642],[1264982400000,0.23841059602649],[1267401600000,0.2317880794701987],[1270080000000,0.2781456953642384],[1272672000000,0.3178807947019867],[1275350400000,0.3112582781456953],[1277942400000,0.3046357615894039],[1280620800000,0.3112582781456953],[1283299200000,0.2980132450331126],[1285891200000,0.2913907284768211],[1288569600000,0.2913907284768211],[1291161600000,0.3245033112582781],[1293840000000,0.3443708609271523],[1296518400000,0.357615894039735],[1298937600000,0.3178807947019867],[1301616000000,0.3112582781456953],[1304208000000,0.3112582781456953],[1306886400000,0.3311258278145695],[1309478400000,0.3377483443708609],[1312156800000,0.3311258278145695],[1314835200000,0.3046357615894039],[1317427200000,0.3046357615894039],[1320105600000,0.3178807947019867],[1322697600000,0.3708609271523178],[1325376000000,0.3841059602649006],[1328054400000,0.3841059602649006],[1330560000000,0.4172185430463576],[1333238400000,0.4304635761589403],[1335830400000,0.4370860927152318],[1338508800000,0.4569536423841059],[1341100800000,0.3973509933774834],[1343779200000,0.3841059602649006],[1346457600000,0.3973509933774834],[1349049600000,0.4370860927152318],[1351728000000,0.4966887417218542],[1354320000000,0.6490066225165563],[1356998400000,0.271523178807947],[1359676800000,0.23841059602649],[1362096000000,0.2450331125827815],[1364774400000,0.2781456953642384],[1367366400000,0.2980132450331126],[1370044800000,0.3046357615894039],[1372636800000,0.2913907284768211],[1375315200000,0.2980132450331126],[1377993600000,0.3046357615894039],[1380585600000,0.271523178807947],[1383264000000,0.2649006622516556],[1385856000000,0.2781456953642384],[1388534400000,0.3245033112582781],[1391212800000,0.3377483443708609],[1393632000000,0.3443708609271523],[1396310400000,0.3443708609271523],[1398902400000,0.3443708609271523],[1401580800000,0.3443708609271523],[1404172800000,0.3509933774834437],[1406851200000,0.3311258278145695],[1409529600000,0.3443708609271523],[1412121600000,0.3311258278145695],[1414800000000,0.3377483443708609],[1417392000000,0.357615894039735],[1420070400000,0.3642384105960265],[1422748800000,0.3774834437086093],[1425168000000,0.3443708609271523],[1427846400000,0.357615894039735]]},{"name":"uempmed","type":"line","data":[[1262304000000,0.7547169811320755],[1264982400000,0.75],[1267401600000,0.7735849056603773],[1270080000000,0.8537735849056605],[1272672000000,0.8632075471698114],[1275350400000,1],[1277942400000,0.8632075471698114],[1280620800000,0.8018867924528302],[1283299200000,0.768867924528302],[1285891200000,0.8113207547169812],[1288569600000,0.8018867924528302],[1291161600000,0.8443396226415094],[1293840000000,0.8254716981132075],[1296518400000,0.8066037735849058],[1298937600000,0.8254716981132075],[1301616000000,0.7971698113207547],[1304208000000,0.8301886792452832],[1306886400000,0.8679245283018867],[1309478400000,0.8490566037735849],[1312156800000,0.8679245283018867],[1314835200000,0.8490566037735849],[1317427200000,0.7830188679245284],[1320105600000,0.7924528301886793],[1322697600000,0.7783018867924528],[1325376000000,0.7924528301886793],[1328054400000,0.7405660377358491],[1330560000000,0.7169811320754716],[1333238400000,0.7122641509433963],[1335830400000,0.75],[1338508800000,0.7735849056603773],[1341100800000,0.6367924528301887],[1343779200000,0.6792452830188679],[1346457600000,0.6981132075471699],[1349049600000,0.75],[1351728000000,0.6886792452830189],[1354320000000,0.6462264150943396],[1356998400000,0.5566037735849058],[1359676800000,0.6226415094339622],[1362096000000,0.6415094339622642],[1364774400000,0.6179245283018869],[1367366400000,0.6179245283018869],[1370044800000,0.6132075471698113],[1372636800000,0.5754716981132075],[1375315200000,0.589622641509434],[1377993600000,0.589622641509434],[1380585600000,0.5801886792452831],[1383264000000,0.6179245283018869],[1385856000000,0.6273584905660378],[1388534400000,0.5377358490566038],[1391212800000,0.5613207547169812],[1393632000000,0.5566037735849058],[1396310400000,0.5518867924528301],[1398902400000,0.5],[1401580800000,0.4622641509433963],[1404172800000,0.4292452830188679],[1406851200000,0.419811320754717],[1409529600000,0.4433962264150944],[1412121600000,0.4528301886792453],[1414800000000,0.4245283018867925],[1417392000000,0.419811320754717],[1420070400000,0.4339622641509434],[1422748800000,0.419811320754717],[1425168000000,0.3773584905660378],[1427846400000,0.3537735849056604]]},{"name":"unemploy","type":"line","data":[[1262304000000,0.9758427409805005],[1264982400000,0.9811320754716981],[1267401600000,0.9881582063629905],[1270080000000,0.9978684771453383],[1272672000000,0.9602905186705613],[1275350400000,0.9306860345780374],[1277942400000,0.9336859556327465],[1280620800000,0.9444225151969685],[1283299200000,0.9389752901239441],[1285891200000,0.9340017367964001],[1288569600000,0.9786058261624694],[1291161600000,0.9207389279229494],[1293840000000,0.8942922554669614],[1296518400000,0.8790558143206758],[1298937600000,0.8725033551748638],[1301616000000,0.8898713191758112],[1304208000000,0.8818188995026447],[1306886400000,0.8902660456303781],[1309478400000,0.8745559327386121],[1312156800000,0.878897923738849],[1314835200000,0.8891608115575906],[1317427200000,0.8612141785742481],[1320105600000,0.8381621536275361],[1322697600000,0.8216625878266361],[1325376000000,0.7982947817162707],[1328054400000,0.799557906370885],[1330560000000,0.7916633772795453],[1333238400000,0.7863740427883477],[1335830400000,0.7874792768611353],[1338508800000,0.7900055261703639],[1341100800000,0.7871634956974817],[1343779200000,0.7725586168785032],[1346457600000,0.7444540933133339],[1349049600000,0.7451646009315545],[1351728000000,0.7357701113128602],[1354320000000,0.7589010815504855],[1356998400000,0.7725586168785032],[1359676800000,0.7314281203126234],[1362096000000,0.7108233993842268],[1364774400000,0.7164285150390779],[1367366400000,0.7080603142022578],[1370044800000,0.7157180074208573],[1372636800000,0.6828767664008842],[1375315200000,0.678455830109734],[1377993600000,0.6777453224915134],[1380585600000,0.6671666535091182],[1383264000000,0.6396147469803426],[1385856000000,0.6093787005605116],[1388534400000,0.5934317517960054],[1391212800000,0.6050367095602748],[1393632000000,0.6074840135785901],[1396310400000,0.5539591063393069],[1398902400000,0.5663535170127102],[1401580800000,0.5348543459382648],[1404172800000,0.5465382489934475],[1406851200000,0.5458277413752269],[1409529600000,0.5192231783374122],[1412121600000,0.4977500592089682],[1414800000000,0.5056445883003079],[1417392000000,0.4761979947896108],[1420070400000,0.4908818188995027],[1422748800000,0.4677508486618773],[1425168000000,0.4593826478250572],[1427846400000,0.4611194442251519]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":[1,3]},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"markers":{"size":[3,6]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2010-01-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script><div class="sourceCode" id="cb20"><pre class="downlit sourceCode r">
|
||
<code class="sourceCode R"><span><span class="fu"><a href="../../reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">economics_long</span>, type <span class="op">=</span> <span class="st">"line"</span>, mapping <span class="op">=</span> <span class="fu"><a href="../../reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">date</span>, y <span class="op">=</span> <span class="va">value01</span>, group <span class="op">=</span> <span class="va">variable</span><span class="op">)</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>decimalsInFloat <span class="op">=</span> <span class="fl">2</span><span class="op">)</span> <span class="op"><a href="../../reference/apexcharter-exports.html">%>%</a></span> </span>
|
||
<span> <span class="fu"><a href="../../reference/ax_stroke.html">ax_stroke</a></span><span class="op">(</span>dashArray <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">8</span>, <span class="fl">5</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
|
||
<div class="apexcharter html-widget html-fill-item" id="htmlwidget-d1389ba5e40db638f135" style="width:100%;height:350px;"></div>
|
||
<script type="application/json" data-for="htmlwidget-d1389ba5e40db638f135">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","type":"line","data":[[1262304000000,0.8124427787902901],[1264982400000,0.8149070342514397],[1267401600000,0.8199125531568996],[1270080000000,0.8219489864893772],[1272672000000,0.8234977025951691],[1275350400000,0.8252432168801499],[1277942400000,0.8280925122571041],[1280620800000,0.8318145647765486],[1283299200000,0.8335943048318232],[1285891200000,0.8383602433452269],[1288569600000,0.8426384646319447],[1291161600000,0.8458385741544097],[1293840000000,0.8495520702312807],[1296518400000,0.8525125993616894],[1298937600000,0.8593919791907317],[1301616000000,0.8625664193854764],[1304208000000,0.8646541913733946],[1306886400000,0.8667761891316066],[1309478400000,0.870258661258995],[1312156800000,0.8722351994934586],[1314835200000,0.8754438654584971],[1317427200000,0.8767273318445125],[1320105600000,0.8772749441692123],[1322697600000,0.8783616123760386],[1325376000000,0.8860538542495573],[1328054400000,0.8938744427616775],[1330560000000,0.8937289832379289],[1333238400000,0.8961162307159176],[1335830400000,0.8951664655902662],[1338508800000,0.89325837889639],[1341100800000,0.8959023196515817],[1343779200000,0.8982040027038359],[1346457600000,0.903115400740988],[1349049600000,0.9063925182466138],[1351728000000,0.909558401998785],[1354320000000,0.9098749903740021],[1356998400000,0.9152056540972525],[1359676800000,0.9183544249642769],[1362096000000,0.9172848696425975],[1364774400000,0.9154281216041619],[1367366400000,0.9187822470929488],[1370044800000,0.92085290619572],[1372636800000,0.9232401536737087],[1375315200000,0.9260209975100753],[1377993600000,0.9292467763602604],[1380585600000,0.9337731344816079],[1383264000000,0.9395744025463973],[1385856000000,0.9421670046461483],[1388534400000,0.9417049567471828],[1391212800000,0.9462997664091178],[1393632000000,0.9528711143055164],[1396310400000,0.9579707540792841],[1398902400000,0.9618896047779175],[1401580800000,0.9677593243832945],[1404172800000,0.9714813769027389],[1406851200000,0.978651675779278],[1409529600000,0.9797725697563981],[1412121600000,0.985385596084572],[1414800000000,0.9878156257754276],[1417392000000,0.9887226086882118],[1420070400000,0.9873535778764622],[1422748800000,0.9904681229731926],[1425168000000,0.9969624628864303],[1427846400000,1]]},{"name":"pop","type":"line","data":[[1262304000000,0.904928367541553],[1264982400000,0.9065225784849976],[1267401600000,0.9080428311887979],[1270080000000,0.9078719958728018],[1272672000000,0.9093334271233382],[1275350400000,0.9108080640284419],[1277942400000,0.9124285383645424],[1280620800000,0.9141712985411042],[1283299200000,0.9159684098062219],[1285891200000,0.9178049736833985],[1288569600000,0.9194140255802654],[1291161600000,0.9209420110288995],[1293840000000,0.9224132458549796],[1296518400000,0.9236675447290189],[1298937600000,0.924916847313091],[1301616000000,0.9263206897476913],[1304208000000,0.9277245979229488],[1306886400000,0.9292378081588184],[1309478400000,0.9309292002291556],[1312156800000,0.9326410705142923],[1314835200000,0.9344797627452546],[1317427200000,0.9362468798354051],[1320105600000,0.9377701237391198],[1322697600000,0.9392508416550392],[1325376000000,0.9406763209835264],[1328054400000,0.9419566038524274],[1330560000000,0.9432746382938756],[1333238400000,0.9446532034456815],[1335830400000,0.9459959810270823],[1338508800000,0.9475331948205072],[1341100800000,0.9491207659575486],[1343779200000,0.9508592365562104],[1346457600000,0.9527033277386666],[1349049600000,0.9544062490768062],[1351728000000,0.9560488204913961],[1354320000000,0.9575188555504774],[1356998400000,0.9588077257927593],[1359676800000,0.959880514711547],[1362096000000,0.9610480770056479],[1364774400000,0.9623269875383242],[1367366400000,0.9636894544466343],[1370044800000,0.9652293307366872],[1372636800000,0.9667720667453391],[1375315200000,0.968592663860335],[1377993600000,0.9704481774820253],[1380585600000,0.972224366782906],[1383264000000,0.9739151836224904],[1385856000000,0.9754233153925709],[1388534400000,0.9769219722903952],[1391212800000,0.9782364567363403],[1393632000000,0.9795785522584196],[1396310400000,0.9809920996575775],[1398902400000,0.9824736228965508],[1401580800000,0.9840731506156676],[1404172800000,0.9857020068855945],[1406851200000,0.9876037033191516],[1409529600000,0.989506155770269],[1412121600000,0.9913833638089218],[1414800000000,0.9931129594188262],[1417392000000,0.9946081320618051],[1420070400000,0.9961077504167446],[1422748800000,0.9973064080418247],[1425168000000,0.9985906106974269],[1427846400000,1]]},{"name":"psavert","type":"line","data":[[1262304000000,0.2582781456953642],[1264982400000,0.23841059602649],[1267401600000,0.2317880794701987],[1270080000000,0.2781456953642384],[1272672000000,0.3178807947019867],[1275350400000,0.3112582781456953],[1277942400000,0.3046357615894039],[1280620800000,0.3112582781456953],[1283299200000,0.2980132450331126],[1285891200000,0.2913907284768211],[1288569600000,0.2913907284768211],[1291161600000,0.3245033112582781],[1293840000000,0.3443708609271523],[1296518400000,0.357615894039735],[1298937600000,0.3178807947019867],[1301616000000,0.3112582781456953],[1304208000000,0.3112582781456953],[1306886400000,0.3311258278145695],[1309478400000,0.3377483443708609],[1312156800000,0.3311258278145695],[1314835200000,0.3046357615894039],[1317427200000,0.3046357615894039],[1320105600000,0.3178807947019867],[1322697600000,0.3708609271523178],[1325376000000,0.3841059602649006],[1328054400000,0.3841059602649006],[1330560000000,0.4172185430463576],[1333238400000,0.4304635761589403],[1335830400000,0.4370860927152318],[1338508800000,0.4569536423841059],[1341100800000,0.3973509933774834],[1343779200000,0.3841059602649006],[1346457600000,0.3973509933774834],[1349049600000,0.4370860927152318],[1351728000000,0.4966887417218542],[1354320000000,0.6490066225165563],[1356998400000,0.271523178807947],[1359676800000,0.23841059602649],[1362096000000,0.2450331125827815],[1364774400000,0.2781456953642384],[1367366400000,0.2980132450331126],[1370044800000,0.3046357615894039],[1372636800000,0.2913907284768211],[1375315200000,0.2980132450331126],[1377993600000,0.3046357615894039],[1380585600000,0.271523178807947],[1383264000000,0.2649006622516556],[1385856000000,0.2781456953642384],[1388534400000,0.3245033112582781],[1391212800000,0.3377483443708609],[1393632000000,0.3443708609271523],[1396310400000,0.3443708609271523],[1398902400000,0.3443708609271523],[1401580800000,0.3443708609271523],[1404172800000,0.3509933774834437],[1406851200000,0.3311258278145695],[1409529600000,0.3443708609271523],[1412121600000,0.3311258278145695],[1414800000000,0.3377483443708609],[1417392000000,0.357615894039735],[1420070400000,0.3642384105960265],[1422748800000,0.3774834437086093],[1425168000000,0.3443708609271523],[1427846400000,0.357615894039735]]},{"name":"uempmed","type":"line","data":[[1262304000000,0.7547169811320755],[1264982400000,0.75],[1267401600000,0.7735849056603773],[1270080000000,0.8537735849056605],[1272672000000,0.8632075471698114],[1275350400000,1],[1277942400000,0.8632075471698114],[1280620800000,0.8018867924528302],[1283299200000,0.768867924528302],[1285891200000,0.8113207547169812],[1288569600000,0.8018867924528302],[1291161600000,0.8443396226415094],[1293840000000,0.8254716981132075],[1296518400000,0.8066037735849058],[1298937600000,0.8254716981132075],[1301616000000,0.7971698113207547],[1304208000000,0.8301886792452832],[1306886400000,0.8679245283018867],[1309478400000,0.8490566037735849],[1312156800000,0.8679245283018867],[1314835200000,0.8490566037735849],[1317427200000,0.7830188679245284],[1320105600000,0.7924528301886793],[1322697600000,0.7783018867924528],[1325376000000,0.7924528301886793],[1328054400000,0.7405660377358491],[1330560000000,0.7169811320754716],[1333238400000,0.7122641509433963],[1335830400000,0.75],[1338508800000,0.7735849056603773],[1341100800000,0.6367924528301887],[1343779200000,0.6792452830188679],[1346457600000,0.6981132075471699],[1349049600000,0.75],[1351728000000,0.6886792452830189],[1354320000000,0.6462264150943396],[1356998400000,0.5566037735849058],[1359676800000,0.6226415094339622],[1362096000000,0.6415094339622642],[1364774400000,0.6179245283018869],[1367366400000,0.6179245283018869],[1370044800000,0.6132075471698113],[1372636800000,0.5754716981132075],[1375315200000,0.589622641509434],[1377993600000,0.589622641509434],[1380585600000,0.5801886792452831],[1383264000000,0.6179245283018869],[1385856000000,0.6273584905660378],[1388534400000,0.5377358490566038],[1391212800000,0.5613207547169812],[1393632000000,0.5566037735849058],[1396310400000,0.5518867924528301],[1398902400000,0.5],[1401580800000,0.4622641509433963],[1404172800000,0.4292452830188679],[1406851200000,0.419811320754717],[1409529600000,0.4433962264150944],[1412121600000,0.4528301886792453],[1414800000000,0.4245283018867925],[1417392000000,0.419811320754717],[1420070400000,0.4339622641509434],[1422748800000,0.419811320754717],[1425168000000,0.3773584905660378],[1427846400000,0.3537735849056604]]},{"name":"unemploy","type":"line","data":[[1262304000000,0.9758427409805005],[1264982400000,0.9811320754716981],[1267401600000,0.9881582063629905],[1270080000000,0.9978684771453383],[1272672000000,0.9602905186705613],[1275350400000,0.9306860345780374],[1277942400000,0.9336859556327465],[1280620800000,0.9444225151969685],[1283299200000,0.9389752901239441],[1285891200000,0.9340017367964001],[1288569600000,0.9786058261624694],[1291161600000,0.9207389279229494],[1293840000000,0.8942922554669614],[1296518400000,0.8790558143206758],[1298937600000,0.8725033551748638],[1301616000000,0.8898713191758112],[1304208000000,0.8818188995026447],[1306886400000,0.8902660456303781],[1309478400000,0.8745559327386121],[1312156800000,0.878897923738849],[1314835200000,0.8891608115575906],[1317427200000,0.8612141785742481],[1320105600000,0.8381621536275361],[1322697600000,0.8216625878266361],[1325376000000,0.7982947817162707],[1328054400000,0.799557906370885],[1330560000000,0.7916633772795453],[1333238400000,0.7863740427883477],[1335830400000,0.7874792768611353],[1338508800000,0.7900055261703639],[1341100800000,0.7871634956974817],[1343779200000,0.7725586168785032],[1346457600000,0.7444540933133339],[1349049600000,0.7451646009315545],[1351728000000,0.7357701113128602],[1354320000000,0.7589010815504855],[1356998400000,0.7725586168785032],[1359676800000,0.7314281203126234],[1362096000000,0.7108233993842268],[1364774400000,0.7164285150390779],[1367366400000,0.7080603142022578],[1370044800000,0.7157180074208573],[1372636800000,0.6828767664008842],[1375315200000,0.678455830109734],[1377993600000,0.6777453224915134],[1380585600000,0.6671666535091182],[1383264000000,0.6396147469803426],[1385856000000,0.6093787005605116],[1388534400000,0.5934317517960054],[1391212800000,0.6050367095602748],[1393632000000,0.6074840135785901],[1396310400000,0.5539591063393069],[1398902400000,0.5663535170127102],[1401580800000,0.5348543459382648],[1404172800000,0.5465382489934475],[1406851200000,0.5458277413752269],[1409529600000,0.5192231783374122],[1412121600000,0.4977500592089682],[1414800000000,0.5056445883003079],[1417392000000,0.4761979947896108],[1420070400000,0.4908818188995027],[1422748800000,0.4677508486618773],[1425168000000,0.4593826478250572],[1427846400000,0.4611194442251519]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2,"dashArray":[8,5]},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2010-01-01","max":"2015-04-01"},"type":"line"},"evals":[],"jsHooks":[]}</script>
|
||
</div>
|
||
</div>
|
||
</main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
|
||
</nav></aside>
|
||
</div>
|
||
|
||
|
||
|
||
<footer><div class="pkgdown-footer-left">
|
||
<p></p>
|
||
<p>Developed by <a href="https://twitter.com/_pvictorr" class="external-link"><img src="https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg"> Victor Perrier</a>, <a href="https://twitter.com/_mfaan" class="external-link"><img src="https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg"> Fanny Meyer</a>.</p>
|
||
</div>
|
||
|
||
<div class="pkgdown-footer-right">
|
||
<p></p>
|
||
<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
|
||
</div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|