2019-02-18 20:32:34 +01:00
<!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" >
2019-11-28 11:40:30 +01:00
< title > Create Interactive Chart with the JavaScript ApexCharts Library • apexcharter< / title >
2020-05-27 16:29:28 +02:00
<!-- 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" >
2020-02-25 15:57:21 +01:00
< style > body { font-family : 'Montserrat' , sans-serif ; } < / style >
2020-05-27 16:29:28 +02:00
<!-- 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 >
2020-02-25 15:57:21 +01:00
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" >
2019-11-28 11:40:30 +01:00
< 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/> .">
2019-02-18 20:32:34 +01:00
< 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 >
2020-02-25 15:57:21 +01:00
< body id = "body" >
2019-02-18 20:32:34 +01:00
< 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 >
2020-02-25 15:57:21 +01:00
< 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 >
2020-12-15 11:14:28 +01:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.8.900< / span >
2020-02-25 15:57:21 +01:00
< / span >
< span class = "navbar-brand hidden-md hidden-lg" >
2019-02-18 20:32:34 +01:00
< a class = "navbar-link" href = "index.html" > apexcharter< / a >
2020-12-15 11:14:28 +01:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.8.900< / span >
2019-02-18 20:32:34 +01:00
< / span >
< / div >
< div id = "navbar" class = "navbar-collapse collapse" >
< ul class = "nav navbar-nav" >
< li >
< a href = "index.html" >
2020-02-15 15:17:46 +01:00
< span class = "fas fa fas fa-home fa-lg" > < / span >
2019-02-18 20:32:34 +01:00
< / a >
< / li >
2019-05-15 11:53:53 +02:00
< li >
2020-02-15 15:17:46 +01:00
< a href = "articles/apexcharter.html" > Get started< / a >
2019-05-15 11:53:53 +02:00
< / li >
2019-02-18 20:32:34 +01:00
< 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 >
2020-02-15 15:17:46 +01:00
< a href = "articles/articles/advanced-configuration.html" > Advanced configuration examples< / a >
< / li >
< li >
2020-05-27 16:29:28 +02:00
< a href = "articles/chart-options.html" > Chart options< / a >
2019-05-21 10:27:53 +02:00
< / li >
2020-12-15 11:14:28 +01:00
< li >
< a href = "articles/facets.html" > Facets: grid of charts< / a >
< / li >
2020-03-20 10:17:30 +01:00
< li >
< a href = "articles/shiny-integration.html" > Shiny integration< / a >
< / li >
2020-04-16 17:09:40 +02:00
< li >
< a href = "articles/spark-box.html" > Spark boxes< / a >
< / li >
2019-09-06 13:03:56 +02:00
< li >
2020-02-15 15:17:46 +01:00
< a href = "articles/sync-charts.html" > Syncing charts< / a >
2019-09-06 13:03:56 +02:00
< / li >
2019-02-18 20:32:34 +01:00
< / ul >
2019-05-15 11:53:53 +02:00
< / li >
< li >
2020-02-15 15:17:46 +01:00
< a href = "news/index.html" > Changelog< / a >
2019-02-18 20:32:34 +01:00
< / li >
< / ul >
< ul class = "nav navbar-nav navbar-right" >
< li >
2020-04-16 17:09:40 +02:00
< a href = "https://github.com/dreamRs/apexcharter/" >
2020-02-15 15:17:46 +01:00
< span class = "fab fa fab fa-github fa-lg" > < / span >
2019-02-18 20:32:34 +01:00
< / a >
< / li >
< / ul >
< / div >
<!-- /.nav - collapse -->
< / div >
<!-- /.container -->
< / div >
<!-- /.navbar -->
2019-11-28 11:40:30 +01:00
2019-02-18 20:32:34 +01:00
< / 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 >
2020-11-18 10:43:05 +01:00
< 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 >
2019-02-18 20:32:34 +01:00
< / blockquote >
2019-11-28 11:40:30 +01:00
<!-- badges: start -->
2020-04-16 17:09:40 +02:00
< 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 >
2019-03-13 09:22:45 +01:00
< p > < span class = "emoji" data-emoji = "warning" > ⚠️< / span > Use RStudio > = 1.2 to properly display charts< / p >
2019-02-18 20:32:34 +01:00
< div id = "installation" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#installation" class = "anchor" > < / a > Installation< / h2 >
2019-07-29 09:32:57 +02:00
< p > Install from CRAN with:< / p >
2020-11-18 10:43:05 +01:00
< div class = "sourceCode" id = "cb1" > < pre class = "downlit sourceCode r" >
< code class = "sourceCode R" > < span class = "fu" > < a href = "https://rdrr.io/r/utils/install.packages.html" > install.packages< / a > < / span > < span class = "op" > (< / span > < span class = "st" > "apexcharter"< / span > < span class = "op" > )< / span > < / code > < / pre > < / div >
2019-07-29 09:32:57 +02:00
< p > Or install the development version from < a href = "https://github.com/" > GitHub< / a > with:< / p >
2020-11-18 10:43:05 +01:00
< div class = "sourceCode" id = "cb2" > < pre class = "downlit sourceCode r" >
< code class = "sourceCode R" > < span class = "co" > # install.packages("devtools")< / span >
< span class = "fu" > devtools< / span > < span class = "fu" > ::< / span > < span class = "fu" > < a href = "https://devtools.r-lib.org//reference/remote-reexports.html" > install_github< / a > < / span > < span class = "op" > (< / span > < span class = "st" > "dreamRs/apexcharter"< / span > < span class = "op" > )< / span > < / code > < / pre > < / div >
2019-02-18 20:32:34 +01:00
< / 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 >
2020-11-18 10:43:05 +01:00
< div class = "sourceCode" id = "cb3" > < pre class = "downlit sourceCode r" >
< code class = "sourceCode R" > < span class = "kw" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > < span class = "op" > (< / span > < span class = "va" > < a href = "https://github.com/dreamRs/apexcharter" > apexcharter< / a > < / span > < span class = "op" > )< / span >
2020-04-16 17:09:40 +02:00
2020-11-18 10:43:05 +01:00
< span class = "fu" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > < span class = "op" > (< / span > < span class = "st" > "mpg"< / span > , package < span class = "op" > =< / span > < span class = "st" > "ggplot2"< / span > < span class = "op" > )< / span >
< span class = "va" > n_manufac< / span > < span class = "op" > < -< / span > < span class = "fu" > dplyr< / span > < span class = "fu" > ::< / span > < span class = "fu" > < a href = "https://dplyr.tidyverse.org/reference/count.html" > count< / a > < / span > < span class = "op" > (< / span > < span class = "va" > mpg< / span > , < span class = "va" > manufacturer< / span > < span class = "op" > )< / span >
2020-04-16 17:09:40 +02:00
2020-11-18 10:43:05 +01:00
< span class = "fu" > < a href = "reference/apex.html" > apex< / a > < / span > < span class = "op" > (< / span > data < span class = "op" > =< / span > < span class = "va" > n_manufac< / span > , type < span class = "op" > =< / span > < span class = "st" > "bar"< / span > , mapping < span class = "op" > =< / span > < span class = "fu" > < a href = "reference/apexcharter-exports.html" > aes< / a > < / span > < span class = "op" > (< / span > x < span class = "op" > =< / span > < span class = "va" > manufacturer< / span > , y < span class = "op" > =< / span > < span class = "va" > n< / span > < span class = "op" > )< / span > < span class = "op" > )< / span > < / code > < / pre > < / div >
2019-02-18 20:32:34 +01:00
< p > < img src = "reference/figures/apex-bar.png" > < / p >
< p > With datetime:< / p >
2020-11-18 10:43:05 +01:00
< div class = "sourceCode" id = "cb4" > < pre class = "downlit sourceCode r" >
< code class = "sourceCode R" > < span class = "fu" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > < span class = "op" > (< / span > < span class = "st" > "economics"< / span > , package < span class = "op" > =< / span > < span class = "st" > "ggplot2"< / span > < span class = "op" > )< / span >
< span class = "fu" > < a href = "reference/apex.html" > apex< / a > < / span > < span class = "op" > (< / span > data < span class = "op" > =< / span > < span class = "va" > economics< / span > , type < span class = "op" > =< / span > < span class = "st" > "line"< / span > , mapping < span class = "op" > =< / span > < span class = "fu" > < a href = "reference/apexcharter-exports.html" > aes< / a > < / span > < span class = "op" > (< / span > x < span class = "op" > =< / span > < span class = "va" > date< / span > , y < span class = "op" > =< / span > < span class = "va" > uempmed< / span > < span class = "op" > )< / span > < span class = "op" > )< / span > < span class = "op" > %> %< / span >
< span class = "fu" > < a href = "reference/ax_stroke.html" > ax_stroke< / a > < / span > < span class = "op" > (< / span > width < span class = "op" > =< / span > < span class = "fl" > 1< / span > < span class = "op" > )< / span > < / code > < / pre > < / div >
2019-02-18 20:32:34 +01:00
< 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 >
2020-11-18 10:43:05 +01:00
< div class = "sourceCode" id = "cb5" > < pre class = "downlit sourceCode r" >
< code class = "sourceCode R" > < span class = "kw" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > < span class = "op" > (< / span > < span class = "va" > < a href = "https://github.com/dreamRs/apexcharter" > apexcharter< / a > < / span > < span class = "op" > )< / span >
< span class = "fu" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > < span class = "op" > (< / span > < span class = "va" > mpg< / span > , package < span class = "op" > =< / span > < span class = "st" > "ggplot2"< / span > < span class = "op" > )< / span >
< span class = "va" > n_manufac< / span > < span class = "op" > < -< / span > < span class = "fu" > dplyr< / span > < span class = "fu" > ::< / span > < span class = "fu" > < a href = "https://dplyr.tidyverse.org/reference/count.html" > count< / a > < / span > < span class = "op" > (< / span > < span class = "va" > mpg< / span > , < span class = "va" > manufacturer< / span > < span class = "op" > )< / span >
2020-04-16 17:09:40 +02:00
2020-11-18 10:43:05 +01:00
< span class = "fu" > < a href = "reference/apexchart.html" > apexchart< / a > < / span > < span class = "op" > (< / span > < span class = "op" > )< / span > < span class = "op" > %> %< / span >
< span class = "fu" > < a href = "reference/ax_chart.html" > ax_chart< / a > < / span > < span class = "op" > (< / span > type < span class = "op" > =< / span > < span class = "st" > "bar"< / span > < span class = "op" > )< / span > < span class = "op" > %> %< / span >
< span class = "fu" > < a href = "reference/ax_plotOptions.html" > ax_plotOptions< / a > < / span > < span class = "op" > (< / span > bar < span class = "op" > =< / span > < span class = "fu" > < a href = "reference/bar_opts.html" > bar_opts< / a > < / span > < span class = "op" > (< / span >
horizontal < span class = "op" > =< / span > < span class = "cn" > FALSE< / span > ,
endingShape < span class = "op" > =< / span > < span class = "st" > "flat"< / span > ,
columnWidth < span class = "op" > =< / span > < span class = "st" > "70%"< / span > ,
dataLabels < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
position < span class = "op" > =< / span > < span class = "st" > "top"< / span >
< span class = "op" > )< / span > < span class = "op" > )< / span >
< span class = "op" > )< / span > < span class = "op" > %> %< / span >
< span class = "fu" > < a href = "reference/ax_grid.html" > ax_grid< / a > < / span > < span class = "op" > (< / span >
show < span class = "op" > =< / span > < span class = "cn" > TRUE< / span > ,
position < span class = "op" > =< / span > < span class = "st" > "front"< / span > ,
borderColor < span class = "op" > =< / span > < span class = "st" > "#FFF"< / span >
< span class = "op" > )< / span > < span class = "op" > %> %< / span >
< span class = "fu" > < a href = "reference/ax-series.html" > ax_series< / a > < / span > < span class = "op" > (< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
name < span class = "op" > =< / span > < span class = "st" > "Count"< / span > ,
data < span class = "op" > =< / span > < span class = "va" > n_manufac< / span > < span class = "op" > $< / span > < span class = "va" > n< / span >
< span class = "op" > )< / span > < span class = "op" > )< / span > < span class = "op" > %> %< / span >
< span class = "fu" > < a href = "reference/ax_colors.html" > ax_colors< / a > < / span > < span class = "op" > (< / span > < span class = "st" > "#112446"< / span > < span class = "op" > )< / span > < span class = "op" > %> %< / span >
< span class = "fu" > < a href = "reference/ax_xaxis.html" > ax_xaxis< / a > < / span > < span class = "op" > (< / span > categories < span class = "op" > =< / span > < span class = "va" > n_manufac< / span > < span class = "op" > $< / span > < span class = "va" > manufacturer< / span > < span class = "op" > )< / span > < span class = "op" > %> %< / span >
< span class = "fu" > < a href = "reference/ax_title.html" > ax_title< / a > < / span > < span class = "op" > (< / span > text < span class = "op" > =< / span > < span class = "st" > "Number of models"< / span > < span class = "op" > )< / span > < span class = "op" > %> %< / span >
< span class = "fu" > < a href = "reference/ax_subtitle.html" > ax_subtitle< / a > < / span > < span class = "op" > (< / span > text < span class = "op" > =< / span > < span class = "st" > "Data from ggplot2"< / span > < span class = "op" > )< / span > < / code > < / pre > < / div >
2019-02-18 20:32:34 +01:00
< 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 >
2020-11-18 10:43:05 +01:00
< div class = "sourceCode" id = "cb6" > < pre class = "downlit sourceCode r" >
< code class = "sourceCode R" > < span class = "fu" > < a href = "reference/apexchart.html" > apexchart< / a > < / span > < span class = "op" > (< / span > ax_opts < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
chart < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
type < span class = "op" > =< / span > < span class = "st" > "line"< / span >
< span class = "op" > )< / span > ,
stroke < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
curve < span class = "op" > =< / span > < span class = "st" > "smooth"< / span >
< span class = "op" > )< / span > ,
grid < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
borderColor < span class = "op" > =< / span > < span class = "st" > "#e7e7e7"< / span > ,
row < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
colors < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > < span class = "op" > (< / span > < span class = "st" > "#f3f3f3"< / span > , < span class = "st" > "transparent"< / span > < span class = "op" > )< / span > ,
opacity < span class = "op" > =< / span > < span class = "fl" > 0.5< / span >
< span class = "op" > )< / span >
< span class = "op" > )< / span > ,
dataLabels < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
enabled < span class = "op" > =< / span > < span class = "cn" > TRUE< / span >
< span class = "op" > )< / span > ,
markers < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span > style < span class = "op" > =< / span > < span class = "st" > "inverted"< / span > , size < span class = "op" > =< / span > < span class = "fl" > 6< / span > < span class = "op" > )< / span > ,
series < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
< span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
name < span class = "op" > =< / span > < span class = "st" > "High"< / span > ,
data < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > < span class = "op" > (< / span > < span class = "fl" > 28< / span > , < span class = "fl" > 29< / span > , < span class = "fl" > 33< / span > , < span class = "fl" > 36< / span > , < span class = "fl" > 32< / span > , < span class = "fl" > 32< / span > , < span class = "fl" > 33< / span > < span class = "op" > )< / span >
< span class = "op" > )< / span > ,
< span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
name < span class = "op" > =< / span > < span class = "st" > "Low"< / span > ,
data < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > < span class = "op" > (< / span > < span class = "fl" > 12< / span > , < span class = "fl" > 11< / span > , < span class = "fl" > 14< / span > , < span class = "fl" > 18< / span > , < span class = "fl" > 17< / span > , < span class = "fl" > 13< / span > , < span class = "fl" > 13< / span > < span class = "op" > )< / span >
< span class = "op" > )< / span >
< span class = "op" > )< / span > ,
title < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
text < span class = "op" > =< / span > < span class = "st" > "Average High & Low Temperature"< / span > ,
align < span class = "op" > =< / span > < span class = "st" > "left"< / span >
< span class = "op" > )< / span > ,
xaxis < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
categories < span class = "op" > =< / span > < span class = "va" > month.abb< / span > < span class = "op" > [< / span > < span class = "fl" > 1< / span > < span class = "op" > :< / span > < span class = "fl" > 7< / span > < span class = "op" > ]< / span >
< span class = "op" > )< / span > ,
yaxis < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
title < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span > text < span class = "op" > =< / span > < span class = "st" > "Temperature"< / span > < span class = "op" > )< / span > ,
labels < span class = "op" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > < span class = "op" > (< / span >
formatter < span class = "op" > =< / span > < span class = "fu" > htmlwidgets< / span > < span class = "fu" > ::< / span > < span class = "fu" > < a href = "https://rdrr.io/pkg/htmlwidgets/man/JS.html" > JS< / a > < / span > < span class = "op" > (< / span > < span class = "st" > "function(value) {return value + '\u00b0C';}"< / span > < span class = "op" > )< / span >
< span class = "op" > )< / span >
< span class = "op" > )< / span >
< span class = "op" > )< / span > < span class = "op" > )< / span > < / code > < / pre > < / div >
2020-02-15 15:17:46 +01:00
< p > < img src = "reference/figures/raw-api.png" > < / p >
2019-02-18 20:32:34 +01:00
< / div >
< / div >
< / div >
2020-05-27 16:29:28 +02:00
< div class = "col-md-3 hidden-xs hidden-sm" id = "pkgdown-sidebar" >
2019-02-18 20:32:34 +01:00
< div class = "links" >
< h2 > Links< / h2 >
< ul class = "list-unstyled" >
2019-07-29 09:30:42 +02:00
< li > Download from CRAN at < br > < a href = "https://cloud.r-project.org/package=apexcharter" > https:// cloud.r-project.org/ package=apexcharter< / a >
< / li >
2020-04-16 17:09:40 +02:00
< li > Browse source code at < br > < a href = "https://github.com/dreamRs/apexcharter/" > https:// github.com/ dreamRs/ apexcharter/ < / a >
2019-02-18 20:32:34 +01:00
< / 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" >
2020-11-18 10:43:05 +01:00
< li > < a href = "LICENSE.html" > Full license< / a > < / li >
< li > < small > < a href = "https://opensource.org/licenses/mit-license.php" > MIT< / a > + file < a href = "LICENSE-text.html" > LICENSE< / a > < / small > < / li >
2019-02-18 20:32:34 +01:00
< / 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 >
2020-04-16 17:09:40 +02:00
< / div >
2019-11-28 11:40:30 +01:00
< / div >
2019-02-18 20:32:34 +01:00
< 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" >
2020-11-18 10:43:05 +01:00
< p > Site built with < a href = "https://pkgdown.r-lib.org/" > pkgdown< / a > 1.6.1.< / p >
2019-02-18 20:32:34 +01:00
< / div >
2019-11-28 11:40:30 +01:00
2019-02-18 20:32:34 +01:00
< / footer >
< / div >
2019-11-28 11:40:30 +01:00
2020-02-25 15:57:21 +01:00
< div id = "particles" > < / div >
< script >
window.onload = function() {
2020-03-27 14:57:19 +01:00
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} ;
2020-02-25 15:57:21 +01:00
particlesJS("particles", config);
};
< / script >
< / body >
2019-02-18 20:32:34 +01:00
< / html >