336 lines
23 KiB
HTML
336 lines
23 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>Create Interactive Chart with the JavaScript ApexCharts Library • apexcharter</title>
|
||
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="css/theme.css" rel="stylesheet">
|
||
<style>
|
||
#pkgdown-sidebar {
|
||
z-index: 100;
|
||
background: #FFF;
|
||
}
|
||
</style>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- Font --><link href="css/montserrat.css" rel="stylesheet">
|
||
<style>body {font-family: 'Montserrat', sans-serif;}</style>
|
||
<!-- bootstrap-toc --><link rel="stylesheet" href="bootstrap-toc.css">
|
||
<script src="bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
|
||
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
|
||
<script src="pkgdown.js"></script><!-- Particles --><script src="js/particles.min.js"></script><style>
|
||
html,
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.contents {
|
||
opacity: 1;
|
||
background-color: #FFF;
|
||
z-index: 1;
|
||
}
|
||
|
||
#sidebar {
|
||
opacity: 1;
|
||
background-color: #FFF;
|
||
z-index: 1;
|
||
}
|
||
|
||
footer {
|
||
z-index: 1;
|
||
}
|
||
|
||
#particles {
|
||
position: fixed;
|
||
display: block;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 0;
|
||
}
|
||
|
||
.background {
|
||
position: absolute;
|
||
display: block;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 0;
|
||
}
|
||
</style>
|
||
<!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/all.min.css" integrity="sha256-nAmazAk6vS34Xqo0BSrTb+abbtFlgsFK7NKSi6o7Y78=" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/v4-shims.min.css" integrity="sha256-6qHlizsOWFskGlwVOKuns+D1nB6ssZrHQrNj1wGplHc=" crossorigin="anonymous">
|
||
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/headroom.min.js" integrity="sha256-DJFC1kqIhelURkuza0AvYal5RxMtpzLjFhsnVIeuk+U=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
|
||
<script src="pkgdown.js"></script><meta property="og:title" content="Create Interactive Chart with the JavaScript ApexCharts Library">
|
||
<meta property="og:description" content="Provides an htmlwidgets interface to apexcharts.js.
|
||
Apexcharts is a modern JavaScript charting library to build interactive charts and visualizations with simple API.
|
||
Apexcharts examples and documentation are available here: <https://apexcharts.com/>.">
|
||
<meta name="twitter:card" content="summary">
|
||
<!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
<body id="body">
|
||
<div class="container template-home">
|
||
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;"><a class="navbar-link" href="index.html">apexcharter</a>
|
||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.4.940</span>
|
||
</span>
|
||
<span class="navbar-brand hidden-md hidden-lg">
|
||
<a class="navbar-link" href="index.html">apexcharter</a>
|
||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.4.940</span>
|
||
</span>
|
||
</div>
|
||
|
||
<div id="navbar" class="navbar-collapse collapse">
|
||
<ul class="nav navbar-nav">
|
||
<li>
|
||
<a href="index.html">
|
||
<span class="fas fa fas fa-home fa-lg"></span>
|
||
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="articles/apexcharter.html">Get started</a>
|
||
</li>
|
||
<li>
|
||
<a href="reference/index.html">Reference</a>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||
Articles
|
||
|
||
<span class="caret"></span>
|
||
</a>
|
||
<ul class="dropdown-menu" role="menu">
|
||
<li>
|
||
<a href="articles/articles/advanced-configuration.html">Advanced configuration examples</a>
|
||
</li>
|
||
<li>
|
||
<a href="articles/chart-options.html">Chart options</a>
|
||
</li>
|
||
<li>
|
||
<a href="articles/shiny-integration.html">Shiny integration</a>
|
||
</li>
|
||
<li>
|
||
<a href="articles/spark-box.html">Spark boxes</a>
|
||
</li>
|
||
<li>
|
||
<a href="articles/sync-charts.html">Syncing charts</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="news/index.html">Changelog</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li>
|
||
<a href="https://github.com/dreamRs/apexcharter/">
|
||
<span class="fab fa fab fa-github fa-lg"></span>
|
||
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--/.nav-collapse -->
|
||
</div>
|
||
<!--/.container -->
|
||
</div>
|
||
<!--/.navbar -->
|
||
|
||
|
||
|
||
</header><div class="row">
|
||
<div class="contents col-md-9">
|
||
<div id="apexcharter" class="section level1">
|
||
<div class="page-header"><h1 class="hasAnchor">
|
||
<a href="#apexcharter" class="anchor"></a>apexcharter</h1></div>
|
||
<blockquote>
|
||
<p>Htmlwidget for <a href="https://github.com/apexcharts/apexcharts.js">apexcharts.js</a> : A modern JavaScript charting library to build interactive charts and visualizations with simple API. See the <a href="https://dreamrs.github.io/apexcharter">online demo</a> for examples.</p>
|
||
</blockquote>
|
||
<!-- badges: start -->
|
||
<p><a href="https://CRAN.R-project.org/package=apexcharter"><img src="http://www.r-pkg.org/badges/version/apexcharter" alt="version"></a> <a href="https://cranchecks.info/pkgs/apexcharter"><img src="https://cranchecks.info/badges/worst/apexcharter" alt="cran checks"></a> <a href="https://travis-ci.org/dreamRs/apexcharter"><img src="https://travis-ci.org/dreamRs/apexcharter.svg?branch=master" alt="Travis build status"></a> <a href="https://www.tidyverse.org/lifecycle/#maturing"><img src="https://img.shields.io/badge/lifecycle-maturing-blue.svg" alt="Lifecycle: maturing"></a> <a href="https://github.com/dreamRs/apexcharter/actions"><img src="https://github.com/dreamRs/apexcharter/workflows/R-CMD-check/badge.svg" alt="R build status"></a> <!-- badges: end --></p>
|
||
<p><span class="emoji" data-emoji="warning">⚠️</span> Use RStudio >= 1.2 to properly display charts</p>
|
||
<div id="installation" class="section level2">
|
||
<h2 class="hasAnchor">
|
||
<a href="#installation" class="anchor"></a>Installation</h2>
|
||
<p>Install from CRAN with:</p>
|
||
<div class="sourceCode" id="cb1"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html">install.packages</a></span>(<span class="st">"apexcharter"</span>)</pre></div>
|
||
<p>Or install the development version from <a href="https://github.com/">GitHub</a> with:</p>
|
||
<div class="sourceCode" id="cb2"><pre class="r"><span class="co"># install.packages("devtools")</span>
|
||
<span class="kw pkg">devtools</span><span class="kw ns">::</span><span class="fu"><a href="https://devtools.r-lib.org//reference/remote-reexports.html">install_github</a></span>(<span class="st">"dreamRs/apexcharter"</span>)</pre></div>
|
||
</div>
|
||
<div id="quick-charts" class="section level2">
|
||
<h2 class="hasAnchor">
|
||
<a href="#quick-charts" class="anchor"></a>Quick Charts</h2>
|
||
<p>Use <code>apex</code> function to quickly create visualizations :</p>
|
||
<div class="sourceCode" id="cb3"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">apexcharter</span>)
|
||
|
||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"mpg"</span>, <span class="kw">package</span> <span class="kw">=</span> <span class="st">"ggplot2"</span>)
|
||
<span class="no">n_manufac</span> <span class="kw"><-</span> <span class="kw pkg">dplyr</span><span class="kw ns">::</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/tally.html">count</a></span>(<span class="no">mpg</span>, <span class="no">manufacturer</span>)
|
||
|
||
<span class="fu"><a href="reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_manufac</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"bar"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">manufacturer</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">n</span>))</pre></div>
|
||
<p><img src="reference/figures/apex-bar.png"></p>
|
||
<p>With datetime:</p>
|
||
<div class="sourceCode" id="cb4"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"economics"</span>, <span class="kw">package</span> <span class="kw">=</span> <span class="st">"ggplot2"</span>)
|
||
<span class="fu"><a href="reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"line"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">date</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">uempmed</span>)) <span class="kw">%>%</span>
|
||
<span class="fu"><a href="reference/ax_stroke.html">ax_stroke</a></span>(<span class="kw">width</span> <span class="kw">=</span> <span class="fl">1</span>)</pre></div>
|
||
<p><img src="reference/figures/apex-line.png"></p>
|
||
</div>
|
||
<div id="full-api" class="section level2">
|
||
<h2 class="hasAnchor">
|
||
<a href="#full-api" class="anchor"></a>Full API</h2>
|
||
<p>All methods from ApexCharts are available with function like <code>ax_*</code> compatible with pipe from <code>magrittr</code> :</p>
|
||
<div class="sourceCode" id="cb5"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">apexcharter</span>)
|
||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="no">mpg</span>, <span class="kw">package</span> <span class="kw">=</span> <span class="st">"ggplot2"</span>)
|
||
<span class="no">n_manufac</span> <span class="kw"><-</span> <span class="kw pkg">dplyr</span><span class="kw ns">::</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/tally.html">count</a></span>(<span class="no">mpg</span>, <span class="no">manufacturer</span>)
|
||
|
||
<span class="fu"><a href="reference/apexchart.html">apexchart</a></span>() <span class="kw">%>%</span>
|
||
<span class="fu"><a href="reference/ax_chart.html">ax_chart</a></span>(<span class="kw">type</span> <span class="kw">=</span> <span class="st">"bar"</span>) <span class="kw">%>%</span>
|
||
<span class="fu"><a href="reference/ax_plotOptions.html">ax_plotOptions</a></span>(<span class="kw">bar</span> <span class="kw">=</span> <span class="fu"><a href="reference/bar_opts.html">bar_opts</a></span>(
|
||
<span class="kw">horizontal</span> <span class="kw">=</span> <span class="fl">FALSE</span>,
|
||
<span class="kw">endingShape</span> <span class="kw">=</span> <span class="st">"flat"</span>,
|
||
<span class="kw">columnWidth</span> <span class="kw">=</span> <span class="st">"70%"</span>,
|
||
<span class="kw">dataLabels</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">position</span> <span class="kw">=</span> <span class="st">"top"</span>
|
||
))
|
||
) <span class="kw">%>%</span>
|
||
<span class="fu"><a href="reference/ax_grid.html">ax_grid</a></span>(
|
||
<span class="kw">show</span> <span class="kw">=</span> <span class="fl">TRUE</span>,
|
||
<span class="kw">position</span> <span class="kw">=</span> <span class="st">"front"</span>,
|
||
<span class="kw">borderColor</span> <span class="kw">=</span> <span class="st">"#FFF"</span>
|
||
) <span class="kw">%>%</span>
|
||
<span class="fu"><a href="reference/ax-series.html">ax_series</a></span>(<span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">name</span> <span class="kw">=</span> <span class="st">"Count"</span>,
|
||
<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_manufac</span>$<span class="no">n</span>
|
||
)) <span class="kw">%>%</span>
|
||
<span class="fu"><a href="reference/ax_colors.html">ax_colors</a></span>(<span class="st">"#112446"</span>) <span class="kw">%>%</span>
|
||
<span class="fu"><a href="reference/ax_xaxis.html">ax_xaxis</a></span>(<span class="kw">categories</span> <span class="kw">=</span> <span class="no">n_manufac</span>$<span class="no">manufacturer</span>) <span class="kw">%>%</span>
|
||
<span class="fu"><a href="reference/ax_title.html">ax_title</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Number of models"</span>) <span class="kw">%>%</span>
|
||
<span class="fu"><a href="reference/ax_subtitle.html">ax_subtitle</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Data from ggplot2"</span>)</pre></div>
|
||
<p><img src="reference/figures/apexcharter-full-bar.png"></p>
|
||
</div>
|
||
<div id="raw-api" class="section level2">
|
||
<h2 class="hasAnchor">
|
||
<a href="#raw-api" class="anchor"></a>Raw API</h2>
|
||
<p>Pass a list of parameters to the function:</p>
|
||
<div class="sourceCode" id="cb6"><pre class="r"><span class="fu"><a href="reference/apexchart.html">apexchart</a></span>(<span class="kw">ax_opts</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">chart</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">type</span> <span class="kw">=</span> <span class="st">"line"</span>
|
||
),
|
||
<span class="kw">stroke</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">curve</span> <span class="kw">=</span> <span class="st">"smooth"</span>
|
||
),
|
||
<span class="kw">grid</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">borderColor</span> <span class="kw">=</span> <span class="st">"#e7e7e7"</span>,
|
||
<span class="kw">row</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">colors</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="st">"#f3f3f3"</span>, <span class="st">"transparent"</span>),
|
||
<span class="kw">opacity</span> <span class="kw">=</span> <span class="fl">0.5</span>
|
||
)
|
||
),
|
||
<span class="kw">dataLabels</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">enabled</span> <span class="kw">=</span> <span class="fl">TRUE</span>
|
||
),
|
||
<span class="kw">markers</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">style</span> <span class="kw">=</span> <span class="st">"inverted"</span>, <span class="kw">size</span> <span class="kw">=</span> <span class="fl">6</span>),
|
||
<span class="kw">series</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">name</span> <span class="kw">=</span> <span class="st">"High"</span>,
|
||
<span class="kw">data</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">28</span>, <span class="fl">29</span>, <span class="fl">33</span>, <span class="fl">36</span>, <span class="fl">32</span>, <span class="fl">32</span>, <span class="fl">33</span>)
|
||
),
|
||
<span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">name</span> <span class="kw">=</span> <span class="st">"Low"</span>,
|
||
<span class="kw">data</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">12</span>, <span class="fl">11</span>, <span class="fl">14</span>, <span class="fl">18</span>, <span class="fl">17</span>, <span class="fl">13</span>, <span class="fl">13</span>)
|
||
)
|
||
),
|
||
<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Average High & Low Temperature"</span>,
|
||
<span class="kw">align</span> <span class="kw">=</span> <span class="st">"left"</span>
|
||
),
|
||
<span class="kw">xaxis</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">categories</span> <span class="kw">=</span> <span class="no">month.abb</span>[<span class="fl">1</span>:<span class="fl">7</span>]
|
||
),
|
||
<span class="kw">yaxis</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Temperature"</span>),
|
||
<span class="kw">labels</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||
<span class="kw">formatter</span> <span class="kw">=</span> <span class="kw pkg">htmlwidgets</span><span class="kw ns">::</span><span class="fu"><a href="https://rdrr.io/pkg/htmlwidgets/man/JS.html">JS</a></span>(<span class="st">"function(value) {return value + '\u00b0C';}"</span>)
|
||
)
|
||
)
|
||
))</pre></div>
|
||
<p><img src="reference/figures/raw-api.png"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
|
||
<div class="links">
|
||
<h2>Links</h2>
|
||
<ul class="list-unstyled">
|
||
<li>Download from CRAN at <br><a href="https://cloud.r-project.org/package=apexcharter">https://cloud.r-project.org/package=apexcharter</a>
|
||
</li>
|
||
<li>Browse source code at <br><a href="https://github.com/dreamRs/apexcharter/">https://github.com/dreamRs/apexcharter/</a>
|
||
</li>
|
||
<li>Report a bug at <br><a href="https://github.com/dreamRs/apexcharter/issues">https://github.com/dreamRs/apexcharter/issues</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="license">
|
||
<h2>License</h2>
|
||
<ul class="list-unstyled">
|
||
<li>
|
||
<a href="https://opensource.org/licenses/mit-license.php">MIT</a> + file <a href="LICENSE-text.html">LICENSE</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="developers">
|
||
<h2>Developers</h2>
|
||
<ul class="list-unstyled">
|
||
<li>
|
||
<a href="https://twitter.com/_pvictorr"><img src="https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg"> Victor Perrier</a> <br><small class="roles"> Author, maintainer </small> </li>
|
||
<li>
|
||
<a href="https://twitter.com/_mfaan"><img src="https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg"> Fanny Meyer</a> <br><small class="roles"> Author </small> </li>
|
||
<li><a href="authors.html">All authors...</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.5.1.9000.</p>
|
||
</div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div id="particles"></div>
|
||
|
||
<script>
|
||
window.onload = function() {
|
||
var config = {"particles":{"number":{"value":90,"density":{"enable":true,"value_area":1200}},"color":{"value":"#112446"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.8,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#112446","opacity":0.6,"width":1},"move":{"enable":true,"speed":5,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true}},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}},"retina_detect":true} ;
|
||
particlesJS("particles", config);
|
||
};
|
||
</script>
|
||
</body>
|
||
</html>
|