2020-02-15 15:17:46 +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" >
< title > Starting with ApexCharts • 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" >
2020-02-15 15:17:46 +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 = "Starting with ApexCharts" >
2020-04-16 17:09:40 +02:00
< meta property = "og:description" content = "apexcharter" >
2020-02-15 15:17:46 +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" >
2020-02-15 15:17:46 +01:00
< div class = "container template-article" >
< header > < div class = "navbar navbar-default navbar-fixed-top" role = "navigation" >
< div class = "container" >
< div class = "navbar-header" >
< button type = "button" class = "navbar-toggle collapsed" data-toggle = "collapse" data-target = "#navbar" aria-expanded = "false" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
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-06-13 13:06:58 +02:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.4.960< / span >
2020-02-25 15:57:21 +01:00
< / span >
< span class = "navbar-brand hidden-md hidden-lg" >
2020-02-15 15:17:46 +01:00
< a class = "navbar-link" href = "../index.html" > apexcharter< / a >
2020-06-13 13:06:58 +02:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.4.960< / span >
2020-02-15 15:17:46 +01:00
< / 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 >
2020-05-27 16:29:28 +02:00
< a href = "../articles/chart-options.html" > Chart options< / a >
2020-02-15 15:17:46 +01:00
< / 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 >
2020-02-15 15:17:46 +01:00
< 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 >
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 >
< / a >
< / li >
< / ul >
< / div >
<!-- /.nav - collapse -->
< / div >
<!-- /.container -->
< / div >
<!-- /.navbar -->
2020-06-13 13:06:58 +02:00
< / header > < script src = "apexcharter_files/htmlwidgets-1.5.1/htmlwidgets.js" > < / script > < script src = "apexcharter_files/apexcharts-3.19.2/apexcharts.min.js" > < / script > < link href = "apexcharter_files/apexcharter-css-0.1.0/apexcharter.css" rel = "stylesheet" >
< script src = "apexcharter_files/d3-format-1.4.2/d3-format.min.js" > < / script > < script src = "apexcharter_files/apexcharter-binding-0.1.4.960/apexcharter.js" > < / script > < div class = "row" >
2020-02-15 15:17:46 +01:00
< div class = "col-md-9 contents" >
< div class = "page-header toc-ignore" >
< h1 > Starting with ApexCharts< / h1 >
< h4 class = "author" > Victor Perrier< / h4 >
2020-06-23 10:49:20 +02:00
< h4 class = "date" > 2020-06-23< / h4 >
2020-02-15 15:17:46 +01:00
< small class = "dont-index" > Source: < a href = "https://github.com/dreamRs/apexcharter/blob/master/vignettes/apexcharter.Rmd" > < code > vignettes/apexcharter.Rmd< / code > < / a > < / small >
< div class = "hidden name" > < code > apexcharter.Rmd< / code > < / div >
< / div >
< p > The objective of this vignette is to show how to quickly build data visualizations with the ApexCharts JavaScript library, as well as to give an overview of the different graphics available.< / p >
< p > Data used are from < code > ggplot2< / code > package, data manipulation will be done with the < code > dplyr< / code > package.< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb1" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > (< span class = "no" > ggplot2< / span > )
< span class = "fu" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > (< span class = "no" > scales< / span > )
< span class = "fu" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > (< span class = "no" > dplyr< / span > )
< span class = "fu" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > (< span class = "no" > apexcharter< / span > )< / pre > < / body > < / html > < / div >
2020-02-15 15:17:46 +01:00
< div id = "bar-charts" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#bar-charts" class = "anchor" > < / a > Bar charts< / h2 >
< p > Simple bar charts can be created with:< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb2" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "mpg"< / span > )
< span class = "no" > n_manufac< / span > < span class = "kw" > < -< / 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" > "column"< / 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 > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-a2d28c26f32453bcf788" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-a2d28c26f32453bcf788" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : "n" , "type" : "bar" , "data" : [ { "x" : "audi" , "y" : 18 } , { "x" : "chevrolet" , "y" : 19 } , { "x" : "dodge" , "y" : 37 } , { "x" : "ford" , "y" : 25 } , { "x" : "honda" , "y" : 9 } , { "x" : "hyundai" , "y" : 14 } , { "x" : "jeep" , "y" : 8 } , { "x" : "land rover" , "y" : 4 } , { "x" : "lincoln" , "y" : 3 } , { "x" : "mercury" , "y" : 4 } , { "x" : "nissan" , "y" : 13 } , { "x" : "pontiac" , "y" : 5 } , { "x" : "subaru" , "y" : 14 } , { "x" : "toyota" , "y" : 34 } , { "x" : "volkswagen" , "y" : 27 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "tooltip" : { "shared" : true , "followCursor" : true } , "yaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } , "xaxis" : { "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" : "audi" , "max" : "volkswagen" } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > Flipping coordinates can be done by using < code > type = "bar"< / code > :< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb3" > < html > < body > < pre class = "r" > < 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 > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-bbc17a3dde9beaa4ed22" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-bbc17a3dde9beaa4ed22" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : "n" , "data" : [ { "x" : "audi" , "y" : 18 } , { "x" : "chevrolet" , "y" : 19 } , { "x" : "dodge" , "y" : 37 } , { "x" : "ford" , "y" : 25 } , { "x" : "honda" , "y" : 9 } , { "x" : "hyundai" , "y" : 14 } , { "x" : "jeep" , "y" : 8 } , { "x" : "land rover" , "y" : 4 } , { "x" : "lincoln" , "y" : 3 } , { "x" : "mercury" , "y" : 4 } , { "x" : "nissan" , "y" : 13 } , { "x" : "pontiac" , "y" : 5 } , { "x" : "subaru" , "y" : 14 } , { "x" : "toyota" , "y" : 34 } , { "x" : "volkswagen" , "y" : 27 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : true } } , "tooltip" : { "shared" : true , "followCursor" : true } , "grid" : { "yaxis" : { "lines" : { "show" : false } } , "xaxis" : { "lines" : { "show" : true } } } , "yaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } , "xaxis" : { "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" : "audi" , "max" : "volkswagen" } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > To create a dodge bar charts, use aesthetic < code > fill< / code > :< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb4" > < html > < body > < pre class = "r" > < span class = "no" > n_manufac_year< / span > < span class = "kw" > < -< / 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 = "no" > year< / 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_year< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "column"< / 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 > , < span class = "kw" > fill< / span > < span class = "kw" > =< / span > < span class = "no" > year< / span > ))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-825c6956a440940af7a8" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-825c6956a440940af7a8" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : 1999 , "type" : "bar" , "data" : [ { "x" : "audi" , "y" : 9 } , { "x" : "chevrolet" , "y" : 7 } , { "x" : "dodge" , "y" : 16 } , { "x" : "ford" , "y" : 15 } , { "x" : "honda" , "y" : 5 } , { "x" : "hyundai" , "y" : 6 } , { "x" : "jeep" , "y" : 2 } , { "x" : "land rover" , "y" : 2 } , { "x" : "lincoln" , "y" : 2 } , { "x" : "mercury" , "y" : 2 } , { "x" : "nissan" , "y" : 6 } , { "x" : "pontiac" , "y" : 3 } , { "x" : "subaru" , "y" : 6 } , { "x" : "toyota" , "y" : 20 } , { "x" : "volkswagen" , "y" : 16 } ] } , { "name" : 2008 , "type" : "bar" , "data" : [ { "x" : "audi" , "y" : 9 } , { "x" : "chevrolet" , "y" : 12 } , { "x" : "dodge" , "y" : 21 } , { "x" : "ford" , "y" : 10 } , { "x" : "honda" , "y" : 4 } , { "x" : "hyundai" , "y" : 8 } , { "x" : "jeep" , "y" : 6 } , { "x" : "land rover" , "y" : 2 } , { "x" : "lincoln" , "y" : 1 } , { "x" : "mercury" , "y" : 2 } , { "x" : "nissan" , "y" : 7 } , { "x" : "pontiac" , "y" : 2 } , { "x" : "subaru" , "y" : 8 } , { "x" : "toyota" , "y" : 14 } , { "x" : "volkswagen" , "y" : 11 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "tooltip" : { "shared" : true , "followCursor" : true } , "yaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } , "xaxis" : { "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" : "audi" , "max" : "volkswagen" } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > For stacked bar charts, specify option < code > stacked< / code > in < code > ax_chart< / code > :< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb5" > < html > < body > < pre class = "r" > < 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_year< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "column"< / 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 > , < span class = "kw" > fill< / span > < span class = "kw" > =< / span > < span class = "no" > year< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_chart.html" > ax_chart< / a > < / span > (< span class = "kw" > stacked< / span > < span class = "kw" > =< / span > < span class = "fl" > TRUE< / span > )< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-58d1a4e3ff5f4bffb0d0" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-58d1a4e3ff5f4bffb0d0" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" , "stacked" : true } , "series" : [ { "name" : 1999 , "type" : "bar" , "data" : [ { "x" : "audi" , "y" : 9 } , { "x" : "chevrolet" , "y" : 7 } , { "x" : "dodge" , "y" : 16 } , { "x" : "ford" , "y" : 15 } , { "x" : "honda" , "y" : 5 } , { "x" : "hyundai" , "y" : 6 } , { "x" : "jeep" , "y" : 2 } , { "x" : "land rover" , "y" : 2 } , { "x" : "lincoln" , "y" : 2 } , { "x" : "mercury" , "y" : 2 } , { "x" : "nissan" , "y" : 6 } , { "x" : "pontiac" , "y" : 3 } , { "x" : "subaru" , "y" : 6 } , { "x" : "toyota" , "y" : 20 } , { "x" : "volkswagen" , "y" : 16 } ] } , { "name" : 2008 , "type" : "bar" , "data" : [ { "x" : "audi" , "y" : 9 } , { "x" : "chevrolet" , "y" : 12 } , { "x" : "dodge" , "y" : 21 } , { "x" : "ford" , "y" : 10 } , { "x" : "honda" , "y" : 4 } , { "x" : "hyundai" , "y" : 8 } , { "x" : "jeep" , "y" : 6 } , { "x" : "land rover" , "y" : 2 } , { "x" : "lincoln" , "y" : 1 } , { "x" : "mercury" , "y" : 2 } , { "x" : "nissan" , "y" : 7 } , { "x" : "pontiac" , "y" : 2 } , { "x" : "subaru" , "y" : 8 } , { "x" : "toyota" , "y" : 14 } , { "x" : "volkswagen" , "y" : 11 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "tooltip" : { "shared" : true , "followCursor" : true } , "yaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } , "xaxis" : { "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" : "audi" , "max" : "volkswagen" } } , "evals" : [ ] , "jsHooks" : [ ] } < / script >
2020-02-15 15:17:46 +01:00
< / div >
< div id = "line-charts" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#line-charts" class = "anchor" > < / a > Line charts< / h2 >
< p > Simple line charts can be created with (works with < code > character< / code > , < code > Date< / code > or < code > POSIXct< / code > ):< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb6" > < html > < body > < 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 = "no" > economics< / span > < span class = "kw" > < -< / span > < span class = "fu" > < a href = "https://rdrr.io/r/utils/head.html" > tail< / a > < / span > (< span class = "no" > economics< / span > , < span class = "fl" > 100< / 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 > ))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-e5d863c566c29f502fec" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-e5d863c566c29f502fec" > { " x " : { " a x _ o p t s " : { " c h a r t " : { " t y p e " : " l i n e " } , " s e r i e s " : [ { " n a m e " : " u e m p m e d " , " t y p e " : " l i n e " , " d a t a " : [ [ " n e w D a t e ( ' 2 0 0 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 3 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 5 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 9 . 1 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 6 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 2 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 7 . 7 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 7 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 8 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 7 ] , [ " n e w D a t e ( ' 2 0 0 7 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 4 ] , [ " n e w D a t e ( ' 2 0 0 7 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 6 ] , [ " n e w D a t e ( ' 2 0 0 7 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 4 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 9 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 7 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 8 . 7 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 9 . 4 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 7 . 9 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 9 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 9 . 7 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 9 . 7 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 1 0 . 2 ] , [ " n e w D a t e ( ' 2 0 0 8 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 1 0 . 4 ] , [ " n e w D a t e ( ' 2 0 0 8 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 9 . 8 ] , [ " n e w D a t e ( ' 2 0 0 8 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 1 0 . 5 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 0 . 7 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 1 1 . 7 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 1 2 . 3 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 1 3 . 1 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 1 4 . 2 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 2 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 1 6 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 1 6 . 3 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 8 ] , [ " n e w D a t e ( ' 2 0 0 9 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 1 8 . 9 ] , [ " n e w D a t e ( ' 2 0 0 9 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 9 . 8 ] , [ " n e w D a t e ( ' 2 0 0 9 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 . 1 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 1 9 . 9 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 . 4 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 2 2 . 1 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 2 2 . 3 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 2 5 . 2 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 2 2 . 3 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 2 1 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 . 3 ] , [ " n e w D a t e ( ' 2 0 1 0 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 2 1 . 2 ] , [ " n e w D a t e ( ' 2 0 1 0 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 1 ] , [ " n e w D a t e ( ' 2 0 1 0 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 2 1 . 9 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 1 . 5 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 2 1 . 1 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 2 1 . 5 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 . 9 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 2 1 . 6 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 2 2 . 4 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 2 2 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 2 2 . 4 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 2 2 ] , [ " n e w D a t e ( ' 2 0 1 1 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 . 6 ] , [ " n e w D a t e ( ' 2 0 1 1 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 . 8 ] , [ " n e w D a t e ( ' 2 0 1 1 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 . 5 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 . 8 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 1 9 . 7 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 1 9 . 2 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 1 9 . 1 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 1 9 . 9 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 . 4 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 5 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 1 8 . 4 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 1 8 . 8 ] , [ " n e w D a t e ( ' 2 0 1 2 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 1 9 . 9 ] , [ " n e w D a t e ( ' 2 0 1 2 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 8 . 6 ] , [ " n e w D a t e ( ' 2 0 1 2 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 7 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 . 8 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 2 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 6 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 1 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 1 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 1 6 . 2 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 1 6 . 5 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 1 6 . 5 ] , [ " n e w D a t e ( ' 2 0 1 3 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 1 6 . 3 ] , [ " n e w D a t e ( ' 2 0 1 3 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 1 ] , [ " n e w D a t e ( ' 2 0 1 3 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 1 7 . 3 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 . 4 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 . 9 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 . 8 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 . 7 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 1 4 . 6 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 1 3 . 8 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 1 3 . 1 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 1 2 . 9 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 1 3 . 4 ] , [ " n e w D a t e ( ' 2 0 1 4 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 1 3 . 6 ] , [ " n e w D a t e ( ' 2 0 1 4 - 1 1 -
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb7" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "economics_long"< / span > )
< span class = "no" > economics_long< / span > < span class = "kw" > < -< / span > < span class = "no" > economics_long< / span > < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "https://dplyr.tidyverse.org/reference/group_by.html" > group_by< / a > < / span > (< span class = "no" > variable< / span > ) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "https://dplyr.tidyverse.org/reference/slice.html" > slice< / a > < / span > ((< span class = "fu" > < a href = "https://dplyr.tidyverse.org/reference/n.html" > n< / a > < / span > ()-< span class = "fl" > 100< / span > ):< span class = "fu" > < a href = "https://dplyr.tidyverse.org/reference/n.html" > n< / a > < / 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_long< / 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" > value01< / span > , < span class = "kw" > group< / span > < span class = "kw" > =< / span > < span class = "no" > variable< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< span class = "kw" > decimalsInFloat< / span > < span class = "kw" > =< / span > < span class = "fl" > 2< / span > ) < span class = "co" > # number of decimals to keep< / span > < / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-01c0479f8090a071e410" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-01c0479f8090a071e410" > { " x " : { " a x _ o p t s " : { " c h a r t " : { " t y p e " : " l i n e " } , " s e r i e s " : [ { " n a m e " : " p c e " , " t y p e " : " l i n e " , " d a t a " : [ [ " n e w D a t e ( ' 2 0 0 6 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 6 6 8 5 4 0 5 2 7 5 9 0 2 5 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 7 0 9 0 1 2 5 0 0 9 6 2 6 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 7 3 5 1 0 9 6 5 0 8 1 1 5 8 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 7 6 7 8 8 0 8 2 5 8 6 7 8 4 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 7 9 4 0 6 3 5 4 0 1 4 2 5 5 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 2 4 5 2 4 4 7 5 7 0 3 9 8 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 3 8 2 1 4 7 8 3 8 2 1 4 8 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 7 4 4 0 8 5 3 5 9 0 7 1 1 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 1 2 3 1 3 5 7 6 5 0 7 4 3 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 4 9 9 6 1 9 2 3 8 3 0 5 5 ] , [ " n e w D a t e ( ' 2 0 0 7 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 7 4 8 6 1 1 7 1 7 1 9 2 5 ] , [ " n e w D a t e ( ' 2 0 0 7 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 3 5 4 4 0 7 8 5 1 3 9 1 7 ] , [ " n e w D a t e ( ' 2 0 0 7 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 4 4 5 1 0 6 1 4 2 6 7 0 1 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 6 2 9 9 2 5 3 0 2 2 5 6 3 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 4 8 7 8 8 8 3 5 5 5 3 7 3 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 8 8 1 4 8 4 7 1 3 9 1 5 3 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 2 0 1 4 9 5 6 6 6 1 6 1 8 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 6 8 9 2 1 2 8 9 2 8 4 7 7 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 1 5 2 1 1 6 4 3 6 0 7 0 5 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 1 2 4 7 3 5 8 1 9 8 3 5 6 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 0 3 9 1 7 1 3 9 4 1 0 1 2 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 6 0 1 0 8 1 5 3 4 3 4 1 3 ] , [ " n e w D a t e ( ' 2 0 0 8 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 8 8 9 1 8 5 5 1 2 2 3 1 4 ] , [ " n e w D a t e ( ' 2 0 0 8 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 6 9 5 5 6 1 7 7 3 2 3 7 2 ] , [ " n e w D a t e ( ' 2 0 0 8 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 9 2 4 6 2 6 2 9 7 3 7 0 6 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 3 7 8 9 7 3 3 9 8 0 2 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 2 2 6 6 6 8 7 2 0 2 1 2 9 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 8 2 0 2 3 7 6 9 7 9 7 4 7 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 8 7 4 1 4 3 2 8 6 1 8 7 3 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 0 8 0 3 5 3 5 5 2 2 0 7 1 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 5 7 6 6 2 7 2 2 1 4 6 6 4 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 8 7 4 3 9 1 4 2 3 0 2 2 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 8 9 5 1 7 5 0 2 2 0 3 2 8 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 2 3 1 1 9 5 0 7 8 3 3 4 2 ] , [ " n e w D a t e ( ' 2 0 0 9 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 6 4 6 1 8 2 5 4 3 1 4 5 9 ] , [ " n e w D a t e ( ' 2 0 0 9 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 7 1 9 7 6 7 9 4 9 2 7 7 4 ] , [ " n e w D a t e ( ' 2 0 0 9 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 2 1 9 4 6 4 1 9 5 5 6 6 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 2 4 4 2 7 7 8 7 9 0 2 9 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 4 9 0 7 0 3 4 2 5 1 4 4 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 9 9 1 2 5 5 3 1 5 6 9 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 1 9 4 8 9 8 6 4 8 9 3 7 7 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 3 4 9 7 7 0 2 5 9 5 1 6 9 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 5 2 4 3 2 1 6 8 8 0 1 5 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 8 0 9 2 5 1 2 2 5 7 1 0 4 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 3 1 8 1 4 5 6 4 7 7 6 5 4 9 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 3 3 5 9 4 3 0 4 8 3 1 8 2 3 ] , [ " n e w D a t e ( ' 2 0 1 0 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 3 8 3 6 0 2 4 3 3 4 5 2 2 7 ] , [ " n e w D a t e ( ' 2 0 1 0 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 4 2 6 3 8 4 6 4 6 3 1 9 4 5 ] , [ " n e w D a t e ( ' 2 0 1 0 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 4 5 8 3 8 5 7 4 1 5 4 4 1 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 4 9 5 5 2 0 7 0 2 3 1 2 8 1 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 5 2 5 1 2 5 9 9 3 6 1 6 8 9 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 5 9 3 9 1 9 7 9 1 9 0 7 3 2 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 6 2 5 6 6 4 1 9 3 8 5 4 7 6 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 6 4 6 5 4 1 9 1 3 7 3 3 9 5 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 6 6 7 7 6 1 8 9 1 3 1 6 0 7 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 0 2 5 8 6 6 1 2 5 8 9 9 5 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 2 2 3 5 1 9 9 4 9 3 4 5 9 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 5 4 4 3 8 6 5 4 5 8 4 9 7 ] , [ " n e w D a t e ( ' 2 0 1 1 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 6 7 2 7 3 3 1 8 4 4 5 1 2 ] , [ " n e w D a t e ( ' 2 0 1 1 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 7 2 7 4 9 4 4 1 6 9 2 1 2 ] , [ " n e w D a t e ( ' 2 0 1 1 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 8 3 6 1 6 1 2 3 7 6 0 3 9 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 8 6 0 5 3 8 5 4 2 4 9 5 5 7 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 3 8 7 4 4 4 2 7 6 1 6 7 7 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 3 7 2 8 9 8 3 2 3 7 9 2 9 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 6 1 1 6 2 3 0 7 1 5 9 1 8 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 5 1 6 6 4 6 5 5 9 0 2 6 6 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 3 2 5 8 3 7 8 8 9 6 3 9 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 5 9 0 2 3 1 9 6 5 1 5 8 2 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 8 2 0 4 0 0 2 7 0 3 8 3 6 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 9 0 3 1 1 5 4 0 0 7 4 0 9 8 8 ] , [ " n e w D a t e ( ' 2 0 1 2 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 9 0 6 3 9 2 5 1 8 2 4 6 6 1 4 ] , [ " n e w D a t e ( ' 2 0 1 2 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 9 0
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb8" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > economics_long< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "area"< / 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" > value01< / span > , < span class = "kw" > fill< / span > < span class = "kw" > =< / span > < span class = "no" > variable< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< span class = "kw" > decimalsInFloat< / span > < span class = "kw" > =< / span > < span class = "fl" > 2< / span > ) < span class = "kw" > %> %< / span > < span class = "co" > # number of decimals to keep< / span >
< span class = "fu" > < a href = "../reference/ax_chart.html" > ax_chart< / a > < / span > (< span class = "kw" > stacked< / span > < span class = "kw" > =< / span > < span class = "fl" > TRUE< / span > ) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< span class = "kw" > max< / span > < span class = "kw" > =< / span > < span class = "fl" > 4< / span > , < span class = "kw" > tickAmount< / span > < span class = "kw" > =< / span > < span class = "fl" > 4< / span > )< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-27719b0ea18b2961106d" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-27719b0ea18b2961106d" > { " x " : { " a x _ o p t s " : { " c h a r t " : { " t y p e " : " a r e a " , " s t a c k e d " : t r u e } , " s e r i e s " : [ { " n a m e " : " p c e " , " t y p e " : " a r e a " , " d a t a " : [ [ " n e w D a t e ( ' 2 0 0 6 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 6 6 8 5 4 0 5 2 7 5 9 0 2 5 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 7 0 9 0 1 2 5 0 0 9 6 2 6 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 7 3 5 1 0 9 6 5 0 8 1 1 5 8 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 7 6 7 8 8 0 8 2 5 8 6 7 8 4 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 7 9 4 0 6 3 5 4 0 1 4 2 5 5 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 2 4 5 2 4 4 7 5 7 0 3 9 8 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 3 8 2 1 4 7 8 3 8 2 1 4 8 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 7 4 4 0 8 5 3 5 9 0 7 1 1 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 1 2 3 1 3 5 7 6 5 0 7 4 3 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 4 9 9 6 1 9 2 3 8 3 0 5 5 ] , [ " n e w D a t e ( ' 2 0 0 7 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 7 4 8 6 1 1 7 1 7 1 9 2 5 ] , [ " n e w D a t e ( ' 2 0 0 7 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 3 5 4 4 0 7 8 5 1 3 9 1 7 ] , [ " n e w D a t e ( ' 2 0 0 7 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 4 4 5 1 0 6 1 4 2 6 7 0 1 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 6 2 9 9 2 5 3 0 2 2 5 6 3 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 4 8 7 8 8 8 3 5 5 5 3 7 3 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 8 8 1 4 8 4 7 1 3 9 1 5 3 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 2 0 1 4 9 5 6 6 6 1 6 1 8 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 6 8 9 2 1 2 8 9 2 8 4 7 7 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 1 5 2 1 1 6 4 3 6 0 7 0 5 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 1 2 4 7 3 5 8 1 9 8 3 5 6 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 0 3 9 1 7 1 3 9 4 1 0 1 2 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 6 0 1 0 8 1 5 3 4 3 4 1 3 ] , [ " n e w D a t e ( ' 2 0 0 8 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 8 8 9 1 8 5 5 1 2 2 3 1 4 ] , [ " n e w D a t e ( ' 2 0 0 8 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 6 9 5 5 6 1 7 7 3 2 3 7 2 ] , [ " n e w D a t e ( ' 2 0 0 8 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 9 2 4 6 2 6 2 9 7 3 7 0 6 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 3 7 8 9 7 3 3 9 8 0 2 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 2 2 6 6 6 8 7 2 0 2 1 2 9 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 8 2 0 2 3 7 6 9 7 9 7 4 7 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 8 8 7 4 1 4 3 2 8 6 1 8 7 3 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 0 8 0 3 5 3 5 5 2 2 0 7 1 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 5 7 6 6 2 7 2 2 1 4 6 6 4 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 7 9 8 7 4 3 9 1 4 2 3 0 2 2 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 8 9 5 1 7 5 0 2 2 0 3 2 8 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 2 3 1 1 9 5 0 7 8 3 3 4 2 ] , [ " n e w D a t e ( ' 2 0 0 9 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 6 4 6 1 8 2 5 4 3 1 4 5 9 ] , [ " n e w D a t e ( ' 2 0 0 9 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 0 7 1 9 7 6 7 9 4 9 2 7 7 4 ] , [ " n e w D a t e ( ' 2 0 0 9 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 2 1 9 4 6 4 1 9 5 5 6 6 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 2 4 4 2 7 7 8 7 9 0 2 9 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 4 9 0 7 0 3 4 2 5 1 4 4 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 1 9 9 1 2 5 5 3 1 5 6 9 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 1 9 4 8 9 8 6 4 8 9 3 7 7 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 3 4 9 7 7 0 2 5 9 5 1 6 9 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 5 2 4 3 2 1 6 8 8 0 1 5 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 2 8 0 9 2 5 1 2 2 5 7 1 0 4 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 3 1 8 1 4 5 6 4 7 7 6 5 4 9 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 3 3 5 9 4 3 0 4 8 3 1 8 2 3 ] , [ " n e w D a t e ( ' 2 0 1 0 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 3 8 3 6 0 2 4 3 3 4 5 2 2 7 ] , [ " n e w D a t e ( ' 2 0 1 0 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 4 2 6 3 8 4 6 4 6 3 1 9 4 5 ] , [ " n e w D a t e ( ' 2 0 1 0 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 4 5 8 3 8 5 7 4 1 5 4 4 1 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 4 9 5 5 2 0 7 0 2 3 1 2 8 1 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 5 2 5 1 2 5 9 9 3 6 1 6 8 9 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 5 9 3 9 1 9 7 9 1 9 0 7 3 2 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 6 2 5 6 6 4 1 9 3 8 5 4 7 6 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 6 4 6 5 4 1 9 1 3 7 3 3 9 5 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 6 6 7 7 6 1 8 9 1 3 1 6 0 7 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 0 2 5 8 6 6 1 2 5 8 9 9 5 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 2 2 3 5 1 9 9 4 9 3 4 5 9 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 5 4 4 3 8 6 5 4 5 8 4 9 7 ] , [ " n e w D a t e ( ' 2 0 1 1 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 6 7 2 7 3 3 1 8 4 4 5 1 2 ] , [ " n e w D a t e ( ' 2 0 1 1 - 1 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 7 2 7 4 9 4 4 1 6 9 2 1 2 ] , [ " n e w D a t e ( ' 2 0 1 1 - 1 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 7 8 3 6 1 6 1 2 3 7 6 0 3 9 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 8 6 0 5 3 8 5 4 2 4 9 5 5 7 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 2 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 3 8 7 4 4 4 2 7 6 1 6 7 7 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 3 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 3 7 2 8 9 8 3 2 3 7 9 2 9 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 4 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 6 1 1 6 2 3 0 7 1 5 9 1 8 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 5 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 5 1 6 6 4 6 5 5 9 0 2 6 6 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 6 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 3 2 5 8 3 7 8 8 9 6 3 9 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 7 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 5 9 0 2 3 1 9 6 5 1 5 8 2 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 8 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 8 9 8 2 0 4 0 0 2 7 0 3 8 3 6 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 9 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 9 0 3 1 1 5 4 0 0 7 4 0 9 8 8 ] , [ " n e w D a t e ( ' 2 0 1 2 - 1 0 - 0 1 ' ) . g e t T i m e ( ) " , 0 . 9 0 6 3 9 2 5 1 8 2 4 6 6 1 4 ] , [ " n e w D a t e ( ' 2 0 1 2 - 1 1 - 0 1 ' ) .
2020-02-15 15:17:46 +01:00
< / div >
< div id = "scatter-charts" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#scatter-charts" class = "anchor" > < / a > Scatter charts< / h2 >
< p > Simple bar charts can be created with:< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb9" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > mtcars< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "scatter"< / 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" > wt< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > mpg< / span > ))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-f036b9928f8023fc4145" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-f036b9928f8023fc4145" > { "x" : { "ax_opts" : { "chart" : { "type" : "scatter" } , "series" : [ { "name" : "mpg" , "type" : "scatter" , "data" : [ { "x" : 2.62 , "y" : 21 } , { "x" : 2.875 , "y" : 21 } , { "x" : 2.32 , "y" : 22.8 } , { "x" : 3.215 , "y" : 21.4 } , { "x" : 3.44 , "y" : 18.7 } , { "x" : 3.46 , "y" : 18.1 } , { "x" : 3.57 , "y" : 14.3 } , { "x" : 3.19 , "y" : 24.4 } , { "x" : 3.15 , "y" : 22.8 } , { "x" : 3.44 , "y" : 19.2 } , { "x" : 3.44 , "y" : 17.8 } , { "x" : 4.07 , "y" : 16.4 } , { "x" : 3.73 , "y" : 17.3 } , { "x" : 3.78 , "y" : 15.2 } , { "x" : 5.25 , "y" : 10.4 } , { "x" : 5.424 , "y" : 10.4 } , { "x" : 5.345 , "y" : 14.7 } , { "x" : 2.2 , "y" : 32.4 } , { "x" : 1.615 , "y" : 30.4 } , { "x" : 1.835 , "y" : 33.9 } , { "x" : 2.465 , "y" : 21.5 } , { "x" : 3.52 , "y" : 15.5 } , { "x" : 3.435 , "y" : 15.2 } , { "x" : 3.84 , "y" : 13.3 } , { "x" : 3.845 , "y" : 19.2 } , { "x" : 1.935 , "y" : 27.3 } , { "x" : 2.14 , "y" : 26 } , { "x" : 1.513 , "y" : 30.4 } , { "x" : 3.17 , "y" : 15.8 } , { "x" : 2.77 , "y" : 19.7 } , { "x" : 3.57 , "y" : 15 } , { "x" : 2.78 , "y" : 21.4 } ] } ] , "dataLabels" : { "enabled" : false } , "xaxis" : { "type" : "numeric" , "min" : 1 , "max" : 6 , "crosshairs" : { "show" : true , "stroke" : { "dashArray" : 0 } } , "labels" : { "style" : { "colors" : "#848484" } } } , "yaxis" : { "min" : 10 , "max" : 35 , "decimalsInFloat" : 3 , "tooltip" : { "enabled" : true } , "labels" : { "style" : { "colors" : "#848484" } } } , "grid" : { "xaxis" : { "lines" : { "show" : true } } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : true , "update_synced_charts" : false } , "sparkbox" : false , "xaxis" : { "min" : 1.513 , "max" : 5.424 } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > Color points according to a third variable:< / p >
2020-05-27 16:29:28 +02:00
< div class = "sourceCode" id = "cb10" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > mtcars< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "scatter"< / 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" > wt< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > mpg< / span > , < span class = "kw" > fill< / span > < span class = "kw" > =< / span > < span class = "no" > cyl< / span > ))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-182ad477dbe733f0b3b4" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-182ad477dbe733f0b3b4" > { "x" : { "ax_opts" : { "chart" : { "type" : "scatter" } , "series" : [ { "name" : 6 , "type" : "scatter" , "data" : [ { "x" : 2.62 , "y" : 21 } , { "x" : 2.875 , "y" : 21 } , { "x" : 3.215 , "y" : 21.4 } , { "x" : 3.44 , "y" : 19.2 } , { "x" : 3.46 , "y" : 18.1 } , { "x" : 2.77 , "y" : 19.7 } ] } , { "name" : 4 , "type" : "scatter" , "data" : [ { "x" : 2.32 , "y" : 22.8 } , { "x" : 3.19 , "y" : 24.4 } , { "x" : 3.15 , "y" : 22.8 } , { "x" : 2.2 , "y" : 32.4 } , { "x" : 1.615 , "y" : 30.4 } , { "x" : 1.835 , "y" : 33.9 } , { "x" : 2.465 , "y" : 21.5 } , { "x" : 1.935 , "y" : 27.3 } , { "x" : 2.14 , "y" : 26 } , { "x" : 1.513 , "y" : 30.4 } , { "x" : 2.78 , "y" : 21.4 } ] } , { "name" : 8 , "type" : "scatter" , "data" : [ { "x" : 3.44 , "y" : 18.7 } , { "x" : 3.57 , "y" : 14.3 } , { "x" : 4.07 , "y" : 16.4 } , { "x" : 3.73 , "y" : 17.3 } , { "x" : 3.78 , "y" : 15.2 } , { "x" : 5.25 , "y" : 10.4 } , { "x" : 5.424 , "y" : 10.4 } , { "x" : 5.345 , "y" : 14.7 } , { "x" : 3.52 , "y" : 15.5 } , { "x" : 3.435 , "y" : 15.2 } , { "x" : 3.84 , "y" : 13.3 } , { "x" : 3.845 , "y" : 19.2 } , { "x" : 3.17 , "y" : 15.8 } ] } ] , "dataLabels" : { "enabled" : false } , "xaxis" : { "type" : "numeric" , "min" : 1 , "max" : 6 , "crosshairs" : { "show" : true , "stroke" : { "dashArray" : 0 } } , "labels" : { "style" : { "colors" : "#848484" } } } , "yaxis" : { "min" : 10 , "max" : 35 , "decimalsInFloat" : 3 , "tooltip" : { "enabled" : true } , "labels" : { "style" : { "colors" : "#848484" } } } , "grid" : { "xaxis" : { "lines" : { "show" : true } } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : true , "update_synced_charts" : false } , "sparkbox" : false , "xaxis" : { "min" : 1.513 , "max" : 5.424 } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > And change point size using < code > z< / code > aesthetics:< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb11" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > mtcars< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "scatter"< / 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" > wt< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > mpg< / span > , < span class = "kw" > z< / span > < span class = "kw" > =< / span > < span class = "kw pkg" > scales< / span > < span class = "kw ns" > ::< / span > < span class = "fu" > < a href = "https://scales.r-lib.org//reference/rescale.html" > rescale< / a > < / span > (< span class = "no" > qsec< / span > )))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-91e030bf30a7ff5448b5" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-91e030bf30a7ff5448b5" > { "x" : { "ax_opts" : { "chart" : { "type" : "bubble" } , "series" : [ { "name" : "mpg" , "type" : "bubble" , "data" : [ { "x" : 2.62 , "y" : 21 , "z" : 0.233333333333333 } , { "x" : 2.875 , "y" : 21 , "z" : 0.3 } , { "x" : 2.32 , "y" : 22.8 , "z" : 0.489285714285714 } , { "x" : 3.215 , "y" : 21.4 , "z" : 0.588095238095238 } , { "x" : 3.44 , "y" : 18.7 , "z" : 0.3 } , { "x" : 3.46 , "y" : 18.1 , "z" : 0.680952380952381 } , { "x" : 3.57 , "y" : 14.3 , "z" : 0.15952380952381 } , { "x" : 3.19 , "y" : 24.4 , "z" : 0.654761904761905 } , { "x" : 3.15 , "y" : 22.8 , "z" : 1 } , { "x" : 3.44 , "y" : 19.2 , "z" : 0.452380952380953 } , { "x" : 3.44 , "y" : 17.8 , "z" : 0.523809523809524 } , { "x" : 4.07 , "y" : 16.4 , "z" : 0.345238095238095 } , { "x" : 3.73 , "y" : 17.3 , "z" : 0.369047619047619 } , { "x" : 3.78 , "y" : 15.2 , "z" : 0.416666666666667 } , { "x" : 5.25 , "y" : 10.4 , "z" : 0.414285714285714 } , { "x" : 5.424 , "y" : 10.4 , "z" : 0.395238095238095 } , { "x" : 5.345 , "y" : 14.7 , "z" : 0.347619047619048 } , { "x" : 2.2 , "y" : 32.4 , "z" : 0.591666666666667 } , { "x" : 1.615 , "y" : 30.4 , "z" : 0.478571428571429 } , { "x" : 1.835 , "y" : 33.9 , "z" : 0.642857142857143 } , { "x" : 2.465 , "y" : 21.5 , "z" : 0.655952380952381 } , { "x" : 3.52 , "y" : 15.5 , "z" : 0.282142857142857 } , { "x" : 3.435 , "y" : 15.2 , "z" : 0.333333333333333 } , { "x" : 3.84 , "y" : 13.3 , "z" : 0.108333333333333 } , { "x" : 3.845 , "y" : 19.2 , "z" : 0.303571428571429 } , { "x" : 1.935 , "y" : 27.3 , "z" : 0.523809523809524 } , { "x" : 2.14 , "y" : 26 , "z" : 0.261904761904762 } , { "x" : 1.513 , "y" : 30.4 , "z" : 0.285714285714286 } , { "x" : 3.17 , "y" : 15.8 , "z" : 0 } , { "x" : 2.77 , "y" : 19.7 , "z" : 0.119047619047619 } , { "x" : 3.57 , "y" : 15 , "z" : 0.0119047619047619 } , { "x" : 2.78 , "y" : 21.4 , "z" : 0.488095238095238 } ] } ] , "dataLabels" : { "enabled" : false } , "xaxis" : { "type" : "numeric" , "min" : 1 , "max" : 6 , "crosshairs" : { "show" : true , "stroke" : { "dashArray" : 0 } } , "labels" : { "style" : { "colors" : "#848484" } } } , "yaxis" : { "min" : 10 , "max" : 35 , "decimalsInFloat" : 3 , "tooltip" : { "enabled" : true } , "labels" : { "style" : { "colors" : "#848484" } } } , "grid" : { "xaxis" : { "lines" : { "show" : true } } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : true , "update_synced_charts" : false } , "sparkbox" : false , "xaxis" : { "min" : 1.513 , "max" : 5.424 } } , "evals" : [ ] , "jsHooks" : [ ] } < / script >
2020-02-15 15:17:46 +01:00
< / div >
< div id = "pie-charts" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#pie-charts" class = "anchor" > < / a > Pie charts< / h2 >
< p > Simple pie charts can be created with:< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb12" > < html > < body > < pre class = "r" > < span class = "no" > poll< / span > < span class = "kw" > < -< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/data.frame.html" > data.frame< / a > < / span > (
< span class = "kw" > answer< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > (< span class = "st" > "Yes"< / span > , < span class = "st" > "No"< / span > ),
< span class = "kw" > n< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > (< span class = "fl" > 254< / span > , < span class = "fl" > 238< / span > )
)
< span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > poll< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "pie"< / 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" > answer< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > n< / span > ))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-316e910085bdcb350054" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-316e910085bdcb350054" > { "x" : { "ax_opts" : { "chart" : { "type" : "pie" } , "series" : [ 254 , 238 ] , "labels" : [ "Yes" , "No" ] , "yaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } , "xaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : true , "update_synced_charts" : false } , "sparkbox" : false } , "evals" : [ ] , "jsHooks" : [ ] } < / script >
2020-02-15 15:17:46 +01:00
< / div >
< div id = "radial-charts" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#radial-charts" class = "anchor" > < / a > Radial charts< / h2 >
< p > Simple radial charts can be created with (here we pass values directly in < code > aes< / code > , but you can use a < code > data.frame< / code > ) :< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb13" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "kw" > NULL< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "radialBar"< / 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 = "st" > "My value"< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "fl" > 65< / span > ))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-928596bc690d1b8a68bc" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-928596bc690d1b8a68bc" > { "x" : { "ax_opts" : { "chart" : { "type" : "radialBar" } , "series" : [ 65 ] , "labels" : [ "My value" ] , "yaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } , "xaxis" : { "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" : "My value" , "max" : "My value" } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > Multi radial chart (more than one value):< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb14" > < html > < body > < pre class = "r" > < span class = "no" > fruits< / span > < span class = "kw" > < -< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/data.frame.html" > data.frame< / a > < / span > (
< span class = "kw" > name< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > (< span class = "st" > 'Apples'< / span > , < span class = "st" > 'Oranges'< / span > , < span class = "st" > 'Bananas'< / span > , < span class = "st" > 'Berries'< / span > ),
< span class = "kw" > value< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > (< span class = "fl" > 44< / span > , < span class = "fl" > 55< / span > , < span class = "fl" > 67< / span > , < span class = "fl" > 83< / span > )
)
< span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > fruits< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "radialBar"< / 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" > name< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > value< / span > ))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-3c5e27b531dd27fd9b37" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-3c5e27b531dd27fd9b37" > { "x" : { "ax_opts" : { "chart" : { "type" : "radialBar" } , "series" : [ 44 , 55 , 67 , 83 ] , "labels" : [ "Apples" , "Oranges" , "Bananas" , "Berries" ] , "yaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } , "xaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : true , "update_synced_charts" : false } , "sparkbox" : false } , "evals" : [ ] , "jsHooks" : [ ] } < / script >
2020-02-15 15:17:46 +01:00
< / div >
< div id = "radar-charts" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#radar-charts" class = "anchor" > < / a > Radar charts< / h2 >
< p > Simple radar charts can be created with:< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb15" > < html > < body > < pre class = "r" > < span class = "no" > mtcars< / span > $< span class = "no" > model< / span > < span class = "kw" > < -< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/colnames.html" > rownames< / a > < / span > (< span class = "no" > mtcars< / span > )
< span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/utils/head.html" > head< / a > < / span > (< span class = "no" > mtcars< / span > ), < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "radar"< / 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" > model< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > qsec< / span > ))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-39623f041bcc1f53e988" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-39623f041bcc1f53e988" > { "x" : { "ax_opts" : { "chart" : { "type" : "radar" } , "series" : [ { "name" : "qsec" , "data" : [ { "x" : "Mazda RX4" , "y" : 16.46 } , { "x" : "Mazda RX4 Wag" , "y" : 17.02 } , { "x" : "Datsun 710" , "y" : 18.61 } , { "x" : "Hornet 4 Drive" , "y" : 19.44 } , { "x" : "Hornet Sportabout" , "y" : 17.02 } , { "x" : "Valiant" , "y" : 20.22 } ] } ] , "yaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } , "xaxis" : { "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" : "Datsun 710" , "max" : "Valiant" } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > With a grouping variable:< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb16" > < html > < body > < pre class = "r" > < span class = "co" > # extremely complicated reshaping< / span >
< span class = "no" > new_mtcars< / span > < span class = "kw" > < -< / span > < span class = "fu" > < a href = "https://rdrr.io/r/stats/reshape.html" > reshape< / a > < / span > (
< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/utils/head.html" > head< / a > < / span > (< span class = "no" > mtcars< / span > ),
< span class = "kw" > idvar< / span > < span class = "kw" > =< / span > < span class = "st" > "model"< / span > ,
< span class = "kw" > varying< / 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/c.html" > c< / a > < / span > (< span class = "st" > "drat"< / span > , < span class = "st" > "wt"< / span > )),
< span class = "kw" > times< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > (< span class = "st" > "drat"< / span > , < span class = "st" > "wt"< / span > ),
< span class = "kw" > direction< / span > < span class = "kw" > =< / span > < span class = "st" > "long"< / span > ,
< span class = "kw" > v.names< / span > < span class = "kw" > =< / span > < span class = "st" > "value"< / span > ,
< span class = "kw" > drop< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > (< span class = "st" > "mpg"< / span > , < span class = "st" > "cyl"< / span > , < span class = "st" > "hp"< / span > , < span class = "st" > "dist"< / span > , < span class = "st" > "qsec"< / span > , < span class = "st" > "vs"< / span > , < span class = "st" > "am"< / span > , < span class = "st" > "gear"< / span > , < span class = "st" > "carb"< / span > )
)
< span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > new_mtcars< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "radar"< / 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" > model< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > value< / span > , < span class = "kw" > group< / span > < span class = "kw" > =< / span > < span class = "no" > time< / span > ))< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-25de55558548d842069c" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-25de55558548d842069c" > { "x" : { "ax_opts" : { "chart" : { "type" : "radar" } , "series" : [ { "name" : "drat" , "data" : [ { "x" : "Mazda RX4" , "y" : 3.9 } , { "x" : "Mazda RX4 Wag" , "y" : 3.9 } , { "x" : "Datsun 710" , "y" : 3.85 } , { "x" : "Hornet 4 Drive" , "y" : 3.08 } , { "x" : "Hornet Sportabout" , "y" : 3.15 } , { "x" : "Valiant" , "y" : 2.76 } ] } , { "name" : "wt" , "data" : [ { "x" : "Mazda RX4" , "y" : 2.62 } , { "x" : "Mazda RX4 Wag" , "y" : 2.875 } , { "x" : "Datsun 710" , "y" : 2.32 } , { "x" : "Hornet 4 Drive" , "y" : 3.215 } , { "x" : "Hornet Sportabout" , "y" : 3.44 } , { "x" : "Valiant" , "y" : 3.46 } ] } ] , "yaxis" : { "labels" : { "style" : { "colors" : "#848484" } } } , "xaxis" : { "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" : "Datsun 710" , "max" : "Valiant" } } , "evals" : [ ] , "jsHooks" : [ ] } < / script >
2020-02-15 15:17:46 +01:00
< / div >
< div id = "heatmap" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#heatmap" class = "anchor" > < / a > Heatmap< / h2 >
< p > Create heatmap with :< / p >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb17" > < html > < body > < pre class = "r" > < span class = "no" > txhousing2< / span > < span class = "kw" > < -< / span > < span class = "no" > txhousing< / span > < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "https://dplyr.tidyverse.org/reference/filter.html" > filter< / a > < / span > (< span class = "no" > city< / span > < span class = "kw" > %in%< / span > < span class = "fu" > < a href = "https://rdrr.io/r/utils/head.html" > head< / a > < / span > (< span class = "fu" > < a href = "https://rdrr.io/r/base/unique.html" > unique< / a > < / span > (< span class = "no" > city< / span > )), < span class = "no" > year< / span > < span class = "kw" > %in%< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/c.html" > c< / a > < / span > (< span class = "fl" > 2000< / span > , < span class = "fl" > 2001< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "https://dplyr.tidyverse.org/reference/select.html" > rename< / a > < / span > (< span class = "kw" > val_med< / span > < span class = "kw" > =< / span > < span class = "no" > median< / span > )
< span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (
< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > txhousing2< / span > ,
< span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "heatmap"< / 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" > city< / span > , < span class = "kw" > fill< / span > < span class = "kw" > =< / span > < span class = "kw pkg" > scales< / span > < span class = "kw ns" > ::< / span > < span class = "fu" > < a href = "https://scales.r-lib.org//reference/rescale.html" > rescale< / a > < / span > (< span class = "no" > val_med< / span > ))
) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_dataLabels.html" > ax_dataLabels< / a > < / span > (< span class = "kw" > enabled< / span > < span class = "kw" > =< / span > < span class = "fl" > FALSE< / span > ) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_colors.html" > ax_colors< / a > < / span > (< span class = "st" > "#008FFB"< / span > )< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-522ff077ea1ca78ed471" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-522ff077ea1ca78ed471" > { " x " : { " a x _ o p t s " : { " c h a r t " : { " t y p e " : " h e a t m a p " } , " s e r i e s " : [ { " n a m e " : " A b i l e n e " , " d a t a " : [ { " x " : 2 0 0 0 , " y " : 0 . 1 3 6 2 7 0 4 9 1 8 0 3 2 7 9 } , { " x " : 2 0 0 0 . 0 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 0 0 6 1 4 7 5 4 0 9 8 3 6 0 6 5 6 } , { " x " : 2 0 0 0 . 1 6 6 6 6 6 6 6 6 6 7 , " y " : 0 } , { " x " : 2 0 0 0 . 2 5 , " y " : 0 . 1 0 7 5 8 1 9 6 7 2 1 3 1 1 5 } , { " x " : 2 0 0 0 . 3 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 0 9 4 2 6 2 2 9 5 0 8 1 9 6 7 2 } , { " x " : 2 0 0 0 . 4 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 0 9 0 1 6 3 9 3 4 4 2 6 2 2 9 5 } , { " x " : 2 0 0 0 . 5 , " y " : 0 . 1 5 7 7 8 6 8 8 5 2 4 5 9 0 2 } , { " x " : 2 0 0 0 . 5 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 1 7 3 1 5 5 7 3 7 7 0 4 9 1 8 } , { " x " : 2 0 0 0 . 6 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 0 6 5 5 7 3 7 7 0 4 9 1 8 0 3 3 } , { " x " : 2 0 0 0 . 7 5 , " y " : 0 . 0 1 2 2 9 5 0 8 1 9 6 7 2 1 3 1 } , { " x " : 2 0 0 0 . 8 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 1 3 1 1 4 7 5 4 0 9 8 3 6 0 7 } , { " x " : 2 0 0 0 . 9 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 0 7 0 6 9 6 7 2 1 3 1 1 4 7 5 4 } , { " x " : 2 0 0 1 , " y " : 0 . 0 6 5 5 7 3 7 7 0 4 9 1 8 0 3 3 } , { " x " : 2 0 0 1 . 0 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 1 1 0 6 5 5 7 3 7 7 0 4 9 1 8 } , { " x " : 2 0 0 1 . 1 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 1 4 5 4 9 1 8 0 3 2 7 8 6 8 9 } , { " x " : 2 0 0 1 . 2 5 , " y " : 0 . 1 3 7 2 9 5 0 8 1 9 6 7 2 1 3 } , { " x " : 2 0 0 1 . 3 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 1 3 2 1 7 2 1 3 1 1 4 7 5 4 1 } , { " x " : 2 0 0 1 . 4 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 2 0 4 9 1 8 0 3 2 7 8 6 8 8 5 } , { " x " : 2 0 0 1 . 5 , " y " : 0 . 2 9 3 0 3 2 7 8 6 8 8 5 2 4 6 } , { " x " : 2 0 0 1 . 5 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 1 1 1 6 8 0 3 2 7 8 6 8 8 5 2 } , { " x " : 2 0 0 1 . 6 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 0 6 2 5 } , { " x " : 2 0 0 1 . 7 5 , " y " : 0 . 0 6 6 5 9 8 3 6 0 6 5 5 7 3 7 7 } , { " x " : 2 0 0 1 . 8 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 1 1 2 7 0 4 9 1 8 0 3 2 7 8 7 } , { " x " : 2 0 0 1 . 9 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 1 4 0 3 6 8 8 5 2 4 5 9 0 1 6 } ] } , { " n a m e " : " A m a r i l l o " , " d a t a " : [ { " x " : 2 0 0 0 , " y " : 0 . 2 2 4 3 8 5 2 4 5 9 0 1 6 3 9 } , { " x " : 2 0 0 0 . 0 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 2 0 6 9 6 7 2 1 3 1 1 4 7 5 4 } , { " x " : 2 0 0 0 . 1 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 1 7 1 1 0 6 5 5 7 3 7 7 0 4 9 } , { " x " : 2 0 0 0 . 2 5 , " y " : 0 . 3 0 3 2 7 8 6 8 8 5 2 4 5 9 } , { " x " : 2 0 0 0 . 3 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 2 3 5 6 5 5 7 3 7 7 0 4 9 1 8 } , { " x " : 2 0 0 0 . 4 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 2 6 6 3 9 3 4 4 2 6 2 2 9 5 1 } , { " x " : 2 0 0 0 . 5 , " y " : 0 . 3 7 0 9 0 1 6 3 9 3 4 4 2 6 2 } , { " x " : 2 0 0 0 . 5 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 3 8 1 1 4 7 5 4 0 9 8 3 6 0 7 } , { " x " : 2 0 0 0 . 6 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 3 3 7 0 9 0 1 6 3 9 3 4 4 2 6 } , { " x " : 2 0 0 0 . 7 5 , " y " : 0 . 3 1 6 5 9 8 3 6 0 6 5 5 7 3 8 } , { " x " : 2 0 0 0 . 8 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 2 9 9 1 8 0 3 2 7 8 6 8 8 5 2 } , { " x " : 2 0 0 0 . 9 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 3 0 9 4 2 6 2 2 9 5 0 8 1 9 7 } , { " x " : 2 0 0 1 , " y " : 0 . 3 1 6 5 9 8 3 6 0 6 5 5 7 3 8 } , { " x " : 2 0 0 1 . 0 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 2 9 7 1 3 1 1 4 7 5 4 0 9 8 4 } , { " x " : 2 0 0 1 . 1 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 2 8 8 9 3 4 4 2 6 2 2 9 5 0 8 } , { " x " : 2 0 0 1 . 2 5 , " y " : 0 . 3 5 9 6 3 1 1 4 7 5 4 0 9 8 4 } , { " x " : 2 0 0 1 . 3 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 3 0 9 4 2 6 2 2 9 5 0 8 1 9 7 } , { " x " : 2 0 0 1 . 4 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 3 3 9 1 3 9 3 4 4 2 6 2 2 9 5 } , { " x " : 2 0 0 1 . 5 , " y " : 0 . 3 9 9 5 9 0 1 6 3 9 3 4 4 2 6 } , { " x " : 2 0 0 1 . 5 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 3 6 6 8 0 3 2 7 8 6 8 8 5 2 5 } , { " x " : 2 0 0 1 . 6 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 3 0 2 2 5 4 0 9 8 3 6 0 6 5 6 } , { " x " : 2 0 0 1 . 7 5 , " y " : 0 . 3 1 0 4 5 0 8 1 9 6 7 2 1 3 1 } , { " x " : 2 0 0 1 . 8 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 3 2 6 8 4 4 2 6 2 2 9 5 0 8 2 } , { " x " : 2 0 0 1 . 9 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 3 8 8 3 1 9 6 7 2 1 3 1 1 4 8 } ] } , { " n a m e " : " A r l i n g t o n " , " d a t a " : [ { " x " : 2 0 0 0 , " y " : 0 . 3 6 7 8 2 7 8 6 8 8 5 2 4 5 9 } , { " x " : 2 0 0 0 . 0 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 3 7 0 9 0 1 6 3 9 3 4 4 2 6 2 } , { " x " : 2 0 0 0 . 1 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 4 1 5 9 8 3 6 0 6 5 5 7 3 7 7 } , { " x " : 2 0 0 0 . 2 5 , " y " : 0 . 4 1 9 0 5 7 3 7 7 0 4 9 1 8 } , { " x " : 2 0 0 0 . 3 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 4 6 0 0 4 0 9 8 3 6 0 6 5 5 7 } , { " x " : 2 0 0 0 . 4 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 5 1 0 2 4 5 9 0 1 6 3 9 3 4 4 } , { " x " : 2 0 0 0 . 5 , " y " : 0 . 4 8 8 7 2 9 5 0 8 1 9 6 7 2 1 } , { " x " : 2 0 0 0 . 5 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 4 6 4 1 3 9 3 4 4 2 6 2 2 9 5 } , { " x " : 2 0 0 0 . 6 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 5 3 6 8 8 5 2 4 5 9 0 1 6 3 9 } , { " x " : 2 0 0 0 . 7 5 , " y " : 0 . 4 7 1 3 1 1 4 7 5 4 0 9 8 3 6 } , { " x " : 2 0 0 0 . 8 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 5 0 8 1 9 6 7 2 1 3 1 1 4 7 5 } , { " x " : 2 0 0 0 . 9 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 4 8 7 7 0 4 9 1 8 0 3 2 7 8 7 } , { " x " : 2 0 0 1 , " y " : 0 . 4 8 7 7 0 4 9 1 8 0 3 2 7 8 7 } , { " x " : 2 0 0 1 . 0 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 4 9 4 8 7 7 0 4 9 1 8 0 3 2 8 } , { " x " : 2 0 0 1 . 1 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 5 2 8 6 8 8 5 2 4 5 9 0 1 6 4 } , { " x " : 2 0 0 1 . 2 5 , " y " : 0 . 5 4 8 1 5 5 7 3 7 7 0 4 9 1 8 } , { " x " : 2 0 0 1 . 3 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 5 7 6 8 4 4 2 6 2 2 9 5 0 8 2 } , { " x " : 2 0 0 1 . 4 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 5 1 6 3 9 3 4 4 2 6 2 2 9 5 1 } , { " x " : 2 0 0 1 . 5 , " y " : 0 . 5 9 3 2 3 7 7 0 4 9 1 8 0 3 3 } , { " x " : 2 0 0 1 . 5 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 5 6 8 6 4 7 5 4 0 9 8 3 6 0 7 } , { " x " : 2 0 0 1 . 6 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 5 5 2 2 5 4 0 9 8 3 6 0 6 5 6 } , { " x " : 2 0 0 1 . 7 5 , " y " : 0 . 5 6 4 5 4 9 1 8 0 3 2 7 8 6 9 } , { " x " : 2 0 0 1 . 8 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 5 4 9 1 8 0 3 2 7 8 6 8 8 5 3 } , { " x " : 2 0 0 1 . 9 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 5 9 7 3 3 6 0 6 5 5 7 3 7 7 1 } ] } , { " n a m e " : " A u s t i n " , " d a t a " : [ { " x " : 2 0 0 0 , " y " : 0 . 7 7 4 5 9 0 1 6 3 9 3 4 4 2 6 } , { " x " : 2 0 0 0 . 0 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 7 7 7 6 6 3 9 3 4 4 2 6 2 2 9 } , { " x " : 2 0 0 0 . 1 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 8 0 5 3 2 7 8 6 8 8 5 2 4 5 9 } , { " x " : 2 0 0 0 . 2 5 , " y " : 0 . 8 0 7 3 7 7 0 4 9 1 8 0 3 2 8 } , { " x " : 2 0 0 0 . 3 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 8 8 7 2 9 5 0 8 1 9 6 7 2 1 3 } , { " x " : 2 0 0 0 . 4 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 9 2 9 3 0 3 2 7 8 6 8 8 5 2 5 } , { " x " : 2 0 0 0 . 5 , " y " : 0 . 9 3 4 4 2 6 2 2 9 5 0 8 1 9 7 } , { " x " : 2 0 0 0 . 5 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 9 0 3 6 8 8 5 2 4 5 9 0 1 6 4 } , { " x " : 2 0 0 0 . 6 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 9 2 8 2 7 8 6 8 8 5 2 4 5 9 } , { " x " : 2 0 0 0 . 7 5 , " y " : 0 . 9 4 2 6 2 2 9 5 0 8 1 9 6 7 2 } , { " x " : 2 0 0 0 . 8 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 9 2 1 1 0 6 5 5 7 3 7 7 0 4 9 } , { " x " : 2 0 0 0 . 9 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 9 4 0 5 7 3 7 7 0 4 9 1 8 0 3 } , { " x " : 2 0 0 1 , " y " : 0 . 8 5 9 6 3 1 1 4 7 5 4 0 9 8 4 } , { " x " : 2 0 0 1 . 0 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 9 5 1 8 4 4 2 6 2 2 9 5 0 8 2 } , { " x " : 2 0 0 1 . 1 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 9 2 6 2 2 9 5 0 8 1 9 6 7 2 1 } , { " x " : 2 0 0 1 . 2 5 , " y " : 0 . 9 5 2 8 6 8 8 5 2 4 5 9 0 1 6 } , { " x " : 2 0 0 1 . 3 3 3 3 3 3 3 3 3 3 3 , " y " : 0 . 9 6 1 0 6 5 5 7 3 7 7 0 4 9 2 } , { " x " : 2 0 0 1 . 4 1 6 6 6 6 6 6 6 6 7 , " y " : 0 . 9 5 6 9 6 7 2 1 3 1 1 4 7 5 4 } , { " x " : 2 0 0 1 . 5 , " y " : 0 . 9 9 7 9 5 0 8 1 9 6 7 2 1 3 1 } , { " x " : 2 0 0 1 . 5 8 3 3 3 3 3 3 3 3 3 , " y " : 0 . 9 8 0 5 3 2 7 8 6 8 8 5 2 4 6 } , { " x " : 2 0 0 1 . 6 6 6 6 6 6 6 6 6 6 7 , " y " : 0 . 9 0 8 8 1 1 4 7 5 4 0 9 8 3 6 } , {
2020-06-13 13:06:58 +02:00
< / div >
< div id = "candlestick" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#candlestick" class = "anchor" > < / a > Candlestick< / h2 >
< p > Create a candlestick chart with:< / p >
< div class = "sourceCode" id = "cb18" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (
< span class = "no" > candles< / 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" > datetime< / span > , < span class = "kw" > open< / span > < span class = "kw" > =< / span > < span class = "no" > open< / span > , < span class = "kw" > close< / span > < span class = "kw" > =< / span > < span class = "no" > close< / span > , < span class = "kw" > low< / span > < span class = "kw" > =< / span > < span class = "no" > low< / span > , < span class = "kw" > high< / span > < span class = "kw" > =< / span > < span class = "no" > high< / span > ),
< span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "candlestick"< / span >
)< / pre > < / body > < / html > < / div >
2020-06-23 10:49:20 +02:00
< div id = "htmlwidget-94ca0349ea93fc6e43d1" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-94ca0349ea93fc6e43d1" > { " x " : { " a x _ o p t s " : { " c h a r t " : { " t y p e " : " c a n d l e s t i c k " } , " s e r i e s " : [ { " d a t a " : [ { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 5 2 2 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 2 9 . 8 1 , 6 6 5 0 . 5 , 6 6 2 3 . 0 4 , 6 6 3 3 . 3 3 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 5 2 3 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 3 2 . 0 1 , 6 6 4 3 . 5 9 , 6 6 2 0 , 6 6 3 0 . 1 1 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 5 2 3 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 3 0 . 7 1 , 6 6 4 8 . 9 5 , 6 6 2 3 . 3 4 , 6 6 3 5 . 6 5 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 0 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 3 5 . 6 5 , 6 6 5 1 , 6 6 2 9 . 6 7 , 6 6 3 8 . 2 4 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 0 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 3 8 . 2 4 , 6 6 4 0 , 6 6 2 0 , 6 6 2 4 . 4 7 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 1 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 2 4 . 5 3 , 6 6 3 6 . 0 3 , 6 6 2 1 . 6 8 , 6 6 2 4 . 3 1 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 1 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 2 4 . 6 1 , 6 6 3 2 . 2 , 6 6 1 7 , 6 6 2 6 . 0 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 2 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 2 7 , 6 6 2 7 . 6 2 , 6 5 8 4 . 2 2 , 6 6 0 3 . 0 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 2 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 0 5 , 6 6 0 8 . 0 3 , 6 5 9 8 . 9 5 , 6 6 0 4 . 0 1 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 3 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 0 4 . 5 , 6 6 1 4 . 4 , 6 6 0 2 . 2 6 , 6 6 0 8 . 0 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 3 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 0 8 . 0 2 , 6 6 1 0 . 6 8 , 6 6 0 1 . 9 9 , 6 6 0 8 . 9 1 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 4 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 0 8 . 9 1 , 6 6 1 8 . 9 9 , 6 6 0 8 . 0 1 , 6 6 1 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 4 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 2 , 6 6 1 5 . 1 3 , 6 6 0 5 . 0 9 , 6 6 1 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 5 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 2 , 6 6 2 4 . 1 2 , 6 6 0 8 . 4 3 , 6 6 2 2 . 9 5 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 5 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 2 3 . 9 1 , 6 6 2 3 . 9 1 , 6 6 1 5 , 6 6 1 5 . 6 7 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 6 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 8 . 6 9 , 6 6 1 8 . 7 4 , 6 6 1 0 , 6 6 1 0 . 4 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 6 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 1 , 6 6 2 2 . 7 8 , 6 6 1 0 . 4 , 6 6 1 4 . 9 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 7 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 4 . 9 , 6 6 2 6 . 2 , 6 6 1 3 . 3 3 , 6 6 2 3 . 4 5 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 7 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 2 3 . 4 8 , 6 6 2 7 , 6 6 1 8 . 3 8 , 6 6 2 0 . 3 5 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 8 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 9 . 4 3 , 6 6 2 0 . 3 5 , 6 6 1 0 . 0 5 , 6 6 1 5 . 5 3 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 8 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 5 . 5 3 , 6 6 1 7 . 9 3 , 6 6 1 0 , 6 6 1 5 . 1 9 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 9 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 5 . 1 9 , 6 6 2 1 . 6 , 6 6 0 8 . 2 , 6 6 2 0 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 0 9 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 9 . 5 4 , 6 6 2 5 . 1 7 , 6 6 1 4 . 1 5 , 6 6 2 0 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 0 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 2 0 . 3 3 , 6 6 3 4 . 1 5 , 6 6 1 7 . 2 4 , 6 6 2 4 . 6 1 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 0 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 2 5 . 9 5 , 6 6 2 6 , 6 6 1 1 . 6 6 , 6 6 1 7 . 5 8 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 1 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 1 9 , 6 6 2 5 . 9 7 , 6 5 9 5 . 2 7 , 6 5 9 8 . 8 6 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 1 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 8 . 8 6 , 6 5 9 8 . 8 8 , 6 5 7 0 , 6 5 8 7 . 1 6 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 2 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 8 8 . 8 6 , 6 6 0 0 , 6 5 8 0 , 6 5 9 3 . 4 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 2 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 3 . 9 9 , 6 5 9 8 . 8 9 , 6 5 8 5 , 6 5 8 7 . 8 1 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 3 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 8 7 . 8 1 , 6 5 9 2 . 7 3 , 6 5 6 7 . 1 4 , 6 5 7 8 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 3 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 7 8 . 3 5 , 6 5 8 1 . 7 2 , 6 5 6 7 . 3 9 , 6 5 7 9 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 4 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 7 9 . 3 8 , 6 5 8 0 . 9 2 , 6 5 6 6 . 7 7 , 6 5 7 5 . 9 6 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 4 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 7 5 . 9 6 , 6 5 8 9 , 6 5 7 1 . 7 7 , 6 5 8 8 . 9 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 5 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 8 8 . 9 2 , 6 5 9 4 , 6 5 7 7 . 5 5 , 6 5 8 9 . 2 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 5 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 8 9 . 3 , 6 5 9 8 . 8 9 , 6 5 8 9 . 1 , 6 5 9 6 . 0 8 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 6 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 7 . 5 , 6 6 0 0 , 6 5 8 8 . 3 9 , 6 5 9 6 . 2 5 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 6 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 8 . 0 3 , 6 6 0 0 , 6 5 8 8 . 7 3 , 6 5 9 5 . 9 7 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 7 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 5 . 9 7 , 6 6 0 2 . 0 1 , 6 5 8 8 . 1 7 , 6 6 0 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 7 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 0 2 , 6 6 0 7 , 6 5 9 6 . 5 1 , 6 5 9 9 . 9 5 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 8 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 0 0 . 6 3 , 6 6 0 1 . 2 1 , 6 5 9 0 . 3 9 , 6 5 9 1 . 0 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 8 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 1 . 0 2 , 6 6 0 3 . 0 8 , 6 5 9 1 , 6 5 9 1 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 9 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 1 , 6 6 0 1 . 3 2 , 6 5 8 5 , 6 5 9 2 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 1 9 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 3 . 1 3 , 6 5 9 6 . 0 1 , 6 5 9 0 , 6 5 9 3 . 3 4 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 2 0 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 3 . 3 4 , 6 6 0 4 . 7 6 , 6 5 8 2 . 6 3 , 6 5 9 3 . 8 6 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 2 0 : 3 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 5 9 3 . 8 6 , 6 6 0 4 . 2 8 , 6 5 8 6 . 5 7 , 6 6 0 0 . 0 1 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 2 1 : 0 0 : 0 0 ' ) . g e t T i m e ( ) " , " y " : [ 6 6 0 1 . 8 1 , 6 6 0 3 . 2 1 , 6 5 9 2 . 7 8 , 6 5 9 6 . 2 5 ] } , { " x " : " n e w D a t e ( ' 2 0 1 8 - 1 0 - 0 6 2 1 : 3 0 : 0 0 ' )
2020-02-15 15:17:46 +01:00
< / div >
< / div >
2020-05-27 16:29:28 +02:00
< div class = "col-md-3 hidden-xs hidden-sm" id = "pkgdown-sidebar" >
2020-02-15 15:17:46 +01:00
< div id = "tocnav" >
< h2 class = "hasAnchor" >
< a href = "#tocnav" class = "anchor" > < / a > Contents< / h2 >
< ul class = "nav nav-pills nav-stacked" >
< li > < a href = "#bar-charts" > Bar charts< / a > < / li >
< li > < a href = "#line-charts" > Line charts< / a > < / li >
< li > < a href = "#scatter-charts" > Scatter charts< / a > < / li >
< li > < a href = "#pie-charts" > Pie charts< / a > < / li >
< li > < a href = "#radial-charts" > Radial charts< / a > < / li >
< li > < a href = "#radar-charts" > Radar charts< / a > < / li >
< li > < a href = "#heatmap" > Heatmap< / a > < / li >
2020-06-13 13:06:58 +02:00
< li > < a href = "#candlestick" > Candlestick< / a > < / li >
2020-02-15 15:17:46 +01:00
< / 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" >
2020-05-27 16:29:28 +02:00
< p > Site built with < a href = "https://pkgdown.r-lib.org/" > pkgdown< / a > 1.5.1.9000.< / p >
2020-02-15 15:17:46 +01:00
< / div >
< / footer >
< / div >
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 >
2020-02-15 15:17:46 +01:00
< / html >