2019-09-06 13:03:56 +02: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 > Advanced configuration examples • apexcharter< / title >
2020-02-25 15:57:21 +01:00
<!-- jquery --> < script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity = "sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin = "anonymous" > < / script > <!-- Bootstrap --> < link href = "../../css/theme.css" rel = "stylesheet" >
<!-- Font --> < link href = "../../css/montserrat.css" rel = "stylesheet" >
< style > body { font-family : 'Montserrat' , sans-serif ; } < / style >
<!-- Particles --> < script src = "../../js/particles.min.js" > < / script > < script src = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity = "sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin = "anonymous" > < / script > < style >
html,
body {
margin: 0;
padding: 0;
}
.contents {
opacity: 1;
background-color: #FFF;
z-index: 1;
}
#sidebar {
opacity: 1;
background-color: #FFF;
z-index: 1;
}
footer {
z-index: 1;
}
#particles {
position: fixed;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
}
.background {
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 0;
}
< / style >
<!-- Font Awesome icons --> < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/all.min.css" integrity = "sha256-nAmazAk6vS34Xqo0BSrTb+abbtFlgsFK7NKSi6o7Y78=" crossorigin = "anonymous" >
2019-11-28 11:40:30 +01:00
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/v4-shims.min.css" integrity = "sha256-6qHlizsOWFskGlwVOKuns+D1nB6ssZrHQrNj1wGplHc=" crossorigin = "anonymous" >
2020-02-15 15:17:46 +01:00
<!-- 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 = "Advanced configuration examples" >
2019-09-06 13:03:56 +02:00
< meta property = "og:description" content = "" >
< meta name = "twitter:card" content = "summary" >
<!-- mathjax --> < script src = "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity = "sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin = "anonymous" > < / script > < script src = "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity = "sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin = "anonymous" > < / script > <!-- [if lt IE 9]>
< script src = "https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js" > < / script >
< script src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js" > < / script >
<![endif]-->
< / head >
2020-02-25 15:57:21 +01:00
< body id = "body" >
2019-09-06 13:03:56 +02: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-03-20 10:17:30 +01:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.3.990< / 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-03-20 10:17:30 +01:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.3.990< / span >
2019-09-06 13:03:56 +02:00
< / span >
< / div >
< div id = "navbar" class = "navbar-collapse collapse" >
< ul class = "nav navbar-nav" >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../../index.html" >
< span class = "fas fa fas fa-home fa-lg" > < / span >
2019-09-06 13:03:56 +02:00
< / a >
< / li >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../../articles/apexcharter.html" > Get started< / a >
2019-09-06 13:03:56 +02:00
< / li >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../../reference/index.html" > Reference< / a >
2019-09-06 13:03:56 +02:00
< / li >
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" role = "button" aria-expanded = "false" >
Articles
< span class = "caret" > < / span >
< / a >
< ul class = "dropdown-menu" role = "menu" >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../../articles/articles/advanced-configuration.html" > Advanced configuration examples< / a >
2019-09-06 13:03:56 +02:00
< / li >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../../articles/labs.html" > Labs: title, subtitle & axis< / a >
2019-09-06 13:03:56 +02:00
< / li >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../../articles/lines.html" > Options & styles for lines< / a >
< / li >
2020-03-20 10:17:30 +01:00
< li >
< a href = "../../articles/shiny-integration.html" > Shiny integration< / a >
< / li >
2020-02-15 15:17:46 +01:00
< li >
< a href = "../../articles/sync-charts.html" > Syncing charts< / a >
2019-09-06 13:03:56 +02:00
< / li >
< / ul >
< / li >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../../news/index.html" > Changelog< / a >
2019-09-06 13:03:56 +02:00
< / li >
< / ul >
< ul class = "nav navbar-nav navbar-right" >
< li >
< a href = "https://github.com/dreamRs/apexcharter" >
2020-02-15 15:17:46 +01:00
< span class = "fab fa fab fa-github fa-lg" > < / span >
2019-09-06 13:03:56 +02:00
< / a >
< / li >
< / ul >
< / div >
<!-- /.nav - collapse -->
< / div >
<!-- /.container -->
< / div >
<!-- /.navbar -->
2019-11-28 11:40:30 +01:00
2020-03-20 10:17:30 +01:00
< / header > < script src = "advanced-configuration_files/htmlwidgets-1.5.1/htmlwidgets.js" > < / script > < script src = "advanced-configuration_files/apexcharts-3.17.0/apexcharts.min.js" > < / script > < script src = "advanced-configuration_files/d3-format-1.4.2/d3-format.min.js" > < / script > < script src = "advanced-configuration_files/apexcharter-binding-0.1.3.990/apexcharter.js" > < / script > < div class = "row" >
2019-09-06 13:03:56 +02:00
< div class = "col-md-9 contents" >
< div class = "page-header toc-ignore" >
< h1 > Advanced configuration examples< / h1 >
2020-02-15 15:17:46 +01:00
< small class = "dont-index" > Source: < a href = "https://github.com/dreamRs/apexcharter/blob/master/vignettes/articles/advanced-configuration.Rmd" > < code > vignettes/articles/advanced-configuration.Rmd< / code > < / a > < / small >
2019-09-06 13:03:56 +02:00
< div class = "hidden name" > < code > advanced-configuration.Rmd< / code > < / div >
< / div >
2019-11-28 11:40:30 +01:00
< div class = "sourceCode" id = "cb1" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb1-1" title = "1" > < span class = "kw" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > (apexcharter)< / a >
< a class = "sourceLine" id = "cb1-2" title = "2" > < span class = "kw" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > (dplyr)< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Here some advanced configuration examples to use the full potential of < a href = "https://apexcharts.com/" > ApexCharts< / a > .< / p >
< div id = "bar-chart" class = "section level1" >
< h1 class = "hasAnchor" >
< a href = "#bar-chart" class = "anchor" > < / a > Bar chart< / h1 >
< p > This example is taken from < a href = "https://github.com/hrbrmstr/hrbrthemes" > {hrbrthemes}< / a > readme, it use < code > mpg< / code > dataset from < a href = "https://github.com/tidyverse/ggplot2" > {ggplot2}< / a > .< / p >
2019-11-28 11:40:30 +01:00
< p > Transform data and initialize the chart :< / p >
< div class = "sourceCode" id = "cb2" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb2-1" title = "1" > < span class = "kw" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "mpg"< / span > , < span class = "dt" > package =< / span > < span class = "st" > "ggplot2"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb2-2" title = "2" > < / a >
< a class = "sourceLine" id = "cb2-3" title = "3" > bars < -< span class = "st" > < / span > < span class = "kw" > count< / span > (mpg, class) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb2-4" title = "4" > < span class = "st" > < / span > < span class = "kw" > mutate< / span > (< span class = "dt" > pct =< / span > n< span class = "op" > /< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/sum.html" > sum< / a > < / span > (n)) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb2-5" title = "5" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/apex.html" > apex< / a > < / span > (< span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > aes< / a > < / span > (class, pct), < span class = "dt" > type =< / span > < span class = "st" > "column"< / span > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Change color used :< / p >
< div class = "sourceCode" id = "cb3" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb3-1" title = "1" > bars < -< span class = "st" > < / span > bars < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb3-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_colors.html" > ax_colors< / a > < / span > (< span class = "st" > "#617a89"< / span > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Modify the y-axis and add a percent symbol after the labels :< / p >
< div class = "sourceCode" id = "cb4" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb4-1" title = "1" > bars < -< span class = "st" > < / span > bars < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb4-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb4-3" title = "3" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Weight (tons)"< / span > ),< / a >
< a class = "sourceLine" id = "cb4-4" title = "4" > < span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2020-03-20 10:17:30 +01:00
< a class = "sourceLine" id = "cb4-5" title = "5" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/format_num.html" > format_num< / a > < / span > (< span class = "st" > ".0%"< / span > )< / a >
< a class = "sourceLine" id = "cb4-6" title = "6" > ), < / a >
< a class = "sourceLine" id = "cb4-7" title = "7" > < span class = "dt" > tickAmount =< / span > < span class = "dv" > 6< / span > ,< / a >
< a class = "sourceLine" id = "cb4-8" title = "8" > < span class = "dt" > max =< / span > < span class = "fl" > 0.3< / span > < / a >
< a class = "sourceLine" id = "cb4-9" title = "9" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Add a title to the x-axis :< / p >
< div class = "sourceCode" id = "cb5" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb5-1" title = "1" > bars < -< span class = "st" > < / span > bars < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb5-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb5-3" title = "3" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Fuel efficiency (mpg)"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb5-4" title = "4" > )< / a > < / code > < / pre > < / div >
< p > Modify the tooltip to display “Percentage” instead of the variable name “pct” :< / p >
< div class = "sourceCode" id = "cb6" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb6-1" title = "1" > bars < -< span class = "st" > < / span > bars < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb6-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_tooltip.html" > ax_tooltip< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb6-3" title = "3" > < span class = "dt" > y =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb6-4" title = "4" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb6-5" title = "5" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< span class = "st" > "function() {return 'Percentage';}"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb6-6" title = "6" > )< / a >
< a class = "sourceLine" id = "cb6-7" title = "7" > )< / a >
< a class = "sourceLine" id = "cb6-8" title = "8" > )< / a > < / code > < / pre > < / div >
< p > Add title and subtitle and format them :< / p >
< div class = "sourceCode" id = "cb7" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb7-1" title = "1" > bars < -< span class = "st" > < / span > bars < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb7-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_labs.html" > ax_labs< / a > < / span > (< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb7-3" title = "3" > < span class = "dt" > title =< / span > < span class = "st" > "Seminal ggplot2 column chart example with percents"< / span > ,< / a >
< a class = "sourceLine" id = "cb7-4" title = "4" > < span class = "dt" > subtitle =< / span > < span class = "st" > "Example taken from {hrbrthemes} readme"< / span > < / a >
< a class = "sourceLine" id = "cb7-5" title = "5" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb7-6" title = "6" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb7-7" title = "7" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "22px"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb7-8" title = "8" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb7-9" title = "9" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb7-10" title = "10" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "16px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb7-11" title = "11" > )< / a > < / code > < / pre > < / div >
< p > Final result looks like :< / p >
< div class = "sourceCode" id = "cb8" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb8-1" title = "1" > bars< / a > < / code > < / pre > < / div >
2020-03-20 10:17:30 +01:00
< div id = "htmlwidget-160d254a95f58cbc775a" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-160d254a95f58cbc775a" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : "pct" , "data" : [ { "x" : "2seater" , "y" : 0.0213675213675214 } , { "x" : "compact" , "y" : 0.200854700854701 } , { "x" : "midsize" , "y" : 0.175213675213675 } , { "x" : "minivan" , "y" : 0.047008547008547 } , { "x" : "pickup" , "y" : 0.141025641025641 } , { "x" : "subcompact" , "y" : 0.14957264957265 } , { "x" : "suv" , "y" : 0.264957264957265 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "colors" : [ "#617a89" ] , "yaxis" : { "tickAmount" : 6 , "max" : 0.3 , "labels" : { "formatter" : "function(value) {var locale = d3.formatLocale(JSON.parse('{ \"decimal\": \".\", \"thousands\": \",\", \"grouping\": [3], \"currency\": [\"$\", \"\"]}')); return '' + locale.format('.0%')(value) + '';}" } , "title" : { "text" : "Weight (tons)" } } , "xaxis" : { "title" : { "text" : "Fuel efficiency (mpg)" } } , "tooltip" : { "y" : { "title" : { "formatter" : "function() {return 'Percentage';}" } } } , "title" : { "text" : "Seminal ggplot2 column chart example with percents" , "style" : { "fontSize" : "22px" } } , "subtitle" : { "text" : "Example taken from {hrbrthemes} readme" , "style" : { "fontSize" : "16px" , "color" : "#BDBDBD" } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : false } } , "evals" : [ "ax_opts.yaxis.labels.formatter" , "ax_opts.tooltip.y.title.formatter" ] , "jsHooks" : [ ] } < / script > < details > < p > < summary > < span title = "View full code" > View full code< / span > < / summary > < / p >
2019-11-28 11:40:30 +01:00
< div class = "sourceCode" id = "cb9" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb9-1" title = "1" > < span class = "kw" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "mpg"< / span > , < span class = "dt" > package =< / span > < span class = "st" > "ggplot2"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb9-2" title = "2" > < / a >
< a class = "sourceLine" id = "cb9-3" title = "3" > < span class = "kw" > count< / span > (mpg, class) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb9-4" title = "4" > < span class = "st" > < / span > < span class = "kw" > mutate< / span > (< span class = "dt" > pct =< / span > n< span class = "op" > /< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/sum.html" > sum< / a > < / span > (n)) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb9-5" title = "5" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/apex.html" > apex< / a > < / span > (< span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > aes< / a > < / span > (class, pct), < span class = "dt" > type =< / span > < span class = "st" > "column"< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb9-6" title = "6" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_colors.html" > ax_colors< / a > < / span > (< span class = "st" > "#617a89"< / span > )< span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb9-7" title = "7" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb9-8" title = "8" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Weight (tons)"< / span > ),< / a >
< a class = "sourceLine" id = "cb9-9" title = "9" > < span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2020-03-20 10:17:30 +01:00
< a class = "sourceLine" id = "cb9-10" title = "10" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/format_num.html" > format_num< / a > < / span > (< span class = "st" > ".0%"< / span > )< / a >
< a class = "sourceLine" id = "cb9-11" title = "11" > ), < / a >
< a class = "sourceLine" id = "cb9-12" title = "12" > < span class = "dt" > tickAmount =< / span > < span class = "dv" > 6< / span > ,< / a >
< a class = "sourceLine" id = "cb9-13" title = "13" > < span class = "dt" > max =< / span > < span class = "fl" > 0.3< / span > < / a >
< a class = "sourceLine" id = "cb9-14" title = "14" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb9-15" title = "15" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb9-16" title = "16" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Fuel efficiency (mpg)"< / span > )< / a >
< a class = "sourceLine" id = "cb9-17" title = "17" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb9-18" title = "18" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_tooltip.html" > ax_tooltip< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb9-19" title = "19" > < span class = "dt" > y =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb9-20" title = "20" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb9-21" title = "21" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< span class = "st" > "function() {return 'Percentage';}"< / span > )< / a >
< a class = "sourceLine" id = "cb9-22" title = "22" > )< / a >
< a class = "sourceLine" id = "cb9-23" title = "23" > )< / a >
< a class = "sourceLine" id = "cb9-24" title = "24" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb9-25" title = "25" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_labs.html" > ax_labs< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb9-26" title = "26" > < span class = "dt" > title =< / span > < span class = "st" > "Seminal ggplot2 column chart example with percents"< / span > ,< / a >
< a class = "sourceLine" id = "cb9-27" title = "27" > < span class = "dt" > subtitle =< / span > < span class = "st" > "Example taken from {hrbrthemes} readme"< / span > < / a >
< a class = "sourceLine" id = "cb9-28" title = "28" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb9-29" title = "29" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb9-30" title = "30" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "22px"< / span > )< / a >
< a class = "sourceLine" id = "cb9-31" title = "31" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb9-32" title = "32" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb9-33" title = "33" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "16px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
< a class = "sourceLine" id = "cb9-34" title = "34" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< / details > < p > < br > < br > < / p >
< / div >
< div id = "lines" class = "section level1" >
< h1 class = "hasAnchor" >
< a href = "#lines" class = "anchor" > < / a > Lines< / h1 >
2019-11-28 11:40:30 +01:00
< p > Dataset used is from the UNHCR (The UN Refugee Agency) and contains data about UNHCR’ s populations of concern summarised by continent of origin.< / p >
< p > Transform data and initialize the chart :< / p >
< div class = "sourceCode" id = "cb10" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb10-1" title = "1" > < span class = "kw" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "unhcr_ts"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb10-2" title = "2" > < / a >
< a class = "sourceLine" id = "cb10-3" title = "3" > lines < -< span class = "st" > < / span > unhcr_ts < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb10-4" title = "4" > < span class = "st" > < / span > < span class = "kw" > < a href = "https://rdrr.io/r/stats/filter.html" > filter< / a > < / span > (population_type < span class = "op" > ==< / span > < span class = "st" > "Refugees (incl. refugee-like situations)"< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb10-5" title = "5" > < span class = "st" > < / span > < span class = "kw" > mutate< / span > (< span class = "dt" > date =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/as.Date.html" > as.Date< / a > < / span > (< span class = "kw" > < a href = "https://rdrr.io/r/base/paste.html" > paste0< / a > < / span > (year, < span class = "st" > "-01-01"< / span > ))) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb10-6" title = "6" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > aes< / a > < / span > (date, n, < span class = "dt" > group =< / span > continent_origin), < span class = "dt" > type =< / span > < span class = "st" > "line"< / span > )< / a >
< a class = "sourceLine" id = "cb10-7" title = "7" > < span class = "co" > #> Warning in make_series(mapdata, mapping, type, serie_name): apex: all groups< / span > < / a >
2020-03-20 10:17:30 +01:00
< a class = "sourceLine" id = "cb10-8" title = "8" > < span class = "co" > #> must have same length! You can use `tidyr::complete` for this.< / span > < / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Put the legend at the bottom :< / p >
< div class = "sourceCode" id = "cb11" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb11-1" title = "1" > lines < -< span class = "st" > < / span > lines < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb11-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_legend.html" > ax_legend< / a > < / span > (< span class = "dt" > position =< / span > < span class = "st" > "bottom"< / span > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Change the width of the lines :< / p >
< div class = "sourceCode" id = "cb12" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb12-1" title = "1" > lines < -< span class = "st" > < / span > lines < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb12-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_stroke.html" > ax_stroke< / a > < / span > (< span class = "dt" > width =< / span > < span class = "dv" > 2< / span > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Change the colors (Viridis palette) :< / p >
< div class = "sourceCode" id = "cb13" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb13-1" title = "1" > lines < -< span class = "st" > < / span > lines < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb13-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_colors.html" > ax_colors< / a > < / span > (< span class = "st" > "#440154"< / span > , < span class = "st" > "#414487"< / span > , < span class = "st" > "#2A788E"< / span > ,< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb13-3" title = "3" > < span class = "st" > "#22A884"< / span > , < span class = "st" > "#7AD151"< / span > , < span class = "st" > "#FDE725"< / span > )< / a > < / code > < / pre > < / div >
< p > Data are in million, in the y-axis we divide by < code > 1e6< / code > to limit the number of digits :< / p >
< div class = "sourceCode" id = "cb14" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb14-1" title = "1" > lines < -< span class = "st" > < / span > lines < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb14-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb14-3" title = "3" > < span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb14-4" title = "4" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< span class = "st" > "function(val) {return (val/1e6).toFixed(0);}"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb14-5" title = "5" > ),< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb14-6" title = "6" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Number of refugees (in million)"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb14-7" title = "7" > )< / a > < / code > < / pre > < / div >
< p > Only display the years in the x-axis labels :< / p >
< div class = "sourceCode" id = "cb15" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb15-1" title = "1" > lines < -< span class = "st" > < / span > lines < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb15-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > format =< / span > < span class = "st" > "yyyy"< / span > ))< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Same in tooltip, and a thousand separator in the value displayed :< / p >
< div class = "sourceCode" id = "cb16" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb16-1" title = "1" > lines < -< span class = "st" > < / span > lines < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb16-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_tooltip.html" > ax_tooltip< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb16-3" title = "3" > < span class = "dt" > x =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > format =< / span > < span class = "st" > "yyyy"< / span > ),< / a >
< a class = "sourceLine" id = "cb16-4" title = "4" > < span class = "dt" > y =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb16-5" title = "5" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb16-6" title = "6" > < span class = "co" > # thousand separator in javascript< / span > < / a >
< a class = "sourceLine" id = "cb16-7" title = "7" > < span class = "st" > "function(value) {return value.toString().replace(/< / span > < span class = "ch" > \\< / span > < span class = "st" > B(?=(< / span > < span class = "ch" > \\< / span > < span class = "st" > d{3})+(?!< / span > < span class = "ch" > \\< / span > < span class = "st" > d))/g, < / span > < span class = "ch" > \"< / span > < span class = "st" > ,< / span > < span class = "ch" > \"< / span > < span class = "st" > );}"< / span > < / a >
< a class = "sourceLine" id = "cb16-8" title = "8" > )< / a >
< a class = "sourceLine" id = "cb16-9" title = "9" > )< / a >
< a class = "sourceLine" id = "cb16-10" title = "10" > )< / a > < / code > < / pre > < / div >
< p > Add an annotation to the chart to identify the < a href = "https://en.wikipedia.org/wiki/Great_Lakes_refugee_crisis" > Great Lakes refugee crisis< / a > in 1994 :< / p >
< div class = "sourceCode" id = "cb17" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb17-1" title = "1" > lines < -< span class = "st" > < / span > lines < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb17-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_annotations.html" > ax_annotations< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb17-3" title = "3" > < span class = "dt" > points =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb17-4" title = "4" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb17-5" title = "5" > < span class = "dt" > x =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< span class = "st" > "new Date('1994').getTime()"< / span > ),< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb17-6" title = "6" > < span class = "dt" > y =< / span > < span class = "dv" > 6935296< / span > ,< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb17-7" title = "7" > < span class = "dt" > label =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Great Lakes refugee crisis"< / span > , < span class = "dt" > offsetY =< / span > < span class = "dv" > 0< / span > ),< / a >
< a class = "sourceLine" id = "cb17-8" title = "8" > < span class = "dt" > marker =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > size =< / span > < span class = "dv" > 6< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb17-9" title = "9" > )< / a >
< a class = "sourceLine" id = "cb17-10" title = "10" > )< / a >
< a class = "sourceLine" id = "cb17-11" title = "11" > )< / a > < / code > < / pre > < / div >
< p > Add title and subtitle and format them :< / p >
< div class = "sourceCode" id = "cb18" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb18-1" title = "1" > lines < -< span class = "st" > < / span > lines < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb18-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_labs.html" > ax_labs< / a > < / span > (< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb18-3" title = "3" > < span class = "dt" > title =< / span > < span class = "st" > "Continent of origin for refugees population"< / span > ,< / a >
< a class = "sourceLine" id = "cb18-4" title = "4" > < span class = "dt" > subtitle =< / span > < span class = "st" > "Data from the UN Refugee Agency"< / span > < / a >
< a class = "sourceLine" id = "cb18-5" title = "5" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb18-6" title = "6" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb18-7" title = "7" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "22px"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb18-8" title = "8" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb18-9" title = "9" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb18-10" title = "10" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "16px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb18-11" title = "11" > )< / a > < / code > < / pre > < / div >
< p > Final result looks like :< / p >
< div class = "sourceCode" id = "cb19" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb19-1" title = "1" > lines< / a > < / code > < / pre > < / div >
2020-03-20 10:17:30 +01:00
< div id = "htmlwidget-a8eae696ec72c0ed2c81" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-a8eae696ec72c0ed2c81" > { " 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 " : " A f r i c a " , " d a t a " : [ [ " n e w D a t e ( ' 1 9 6 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 0 0 0 0 ] , [ " n e w D a t e ( ' 1 9 6 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 0 2 0 0 0 ] , [ " n e w D a t e ( ' 1 9 6 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 2 2 0 0 0 ] , [ " n e w D a t e ( ' 1 9 6 3 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 5 3 0 0 0 ] , [ " n e w D a t e ( ' 1 9 6 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 4 9 0 3 0 0 ] , [ " n e w D a t e ( ' 1 9 6 5 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 7 9 4 6 0 ] , [ " n e w D a t e ( ' 1 9 6 6 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 7 3 6 3 2 0 ] , [ " n e w D a t e ( ' 1 9 6 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 8 3 3 6 9 0 ] , [ " n e w D a t e ( ' 1 9 6 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 9 6 3 8 5 0 ] , [ " n e w D a t e ( ' 1 9 6 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 9 3 7 5 4 0 ] , [ " n e w D a t e ( ' 1 9 7 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 9 7 4 7 7 0 ] , [ " n e w D a t e ( ' 1 9 7 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 9 7 6 2 4 0 ] , [ " n e w D a t e ( ' 1 9 7 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 0 7 1 8 5 0 ] , [ " n e w D a t e ( ' 1 9 7 3 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 9 8 6 2 2 0 ] , [ " n e w D a t e ( ' 1 9 7 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 0 7 0 2 2 0 ] , [ " n e w D a t e ( ' 1 9 7 5 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 0 1 3 4 0 ] , [ " n e w D a t e ( ' 1 9 7 6 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 6 9 7 5 9 0 ] , [ " n e w D a t e ( ' 1 9 7 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 6 4 9 6 5 ] , [ " n e w D a t e ( ' 1 9 7 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 3 7 7 3 8 0 ] , [ " n e w D a t e ( ' 1 9 7 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 1 2 8 9 4 0 ] , [ " n e w D a t e ( ' 1 9 8 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 4 2 2 2 4 0 3 ] , [ " n e w D a t e ( ' 1 9 8 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 0 4 3 5 1 5 ] , [ " n e w D a t e ( ' 1 9 8 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 9 5 2 2 1 5 ] , [ " n e w D a t e ( ' 1 9 8 3 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 8 8 1 8 5 9 ] , [ " n e w D a t e ( ' 1 9 8 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 4 7 0 5 7 8 ] , [ " n e w D a t e ( ' 1 9 8 5 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 7 9 7 7 6 4 ] , [ " n e w D a t e ( ' 1 9 8 6 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 5 9 5 1 5 4 ] , [ " n e w D a t e ( ' 1 9 8 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 9 7 8 2 6 4 ] , [ " n e w D a t e ( ' 1 9 8 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 4 5 9 3 5 2 4 ] , [ " n e w D a t e ( ' 1 9 8 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 4 8 2 4 9 0 4 ] , [ " n e w D a t e ( ' 1 9 9 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 9 1 2 6 9 3 ] , [ " n e w D a t e ( ' 1 9 9 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 3 3 5 4 6 0 ] , [ " n e w D a t e ( ' 1 9 9 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 5 7 7 1 8 1 ] , [ " n e w D a t e ( ' 1 9 9 3 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 6 4 9 2 3 9 7 ] , [ " n e w D a t e ( ' 1 9 9 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 6 9 3 5 2 9 6 ] , [ " n e w D a t e ( ' 1 9 9 5 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 8 1 1 5 1 3 ] , [ " n e w D a t e ( ' 1 9 9 6 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 4 5 4 3 6 3 5 ] , [ " n e w D a t e ( ' 1 9 9 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 7 2 2 2 3 8 ] , [ " n e w D a t e ( ' 1 9 9 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 5 9 3 4 0 5 ] , [ " n e w D a t e ( ' 1 9 9 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 7 9 8 9 1 5 ] , [ " n e w D a t e ( ' 2 0 0 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 9 5 1 1 8 7 ] , [ " n e w D a t e ( ' 2 0 0 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 6 4 6 8 5 3 ] , [ " n e w D a t e ( ' 2 0 0 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 7 1 5 5 4 8 ] , [ " n e w D a t e ( ' 2 0 0 3 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 5 0 1 5 9 0 ] , [ " n e w D a t e ( ' 2 0 0 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 4 0 9 7 2 3 ] , [ " n e w D a t e ( ' 2 0 0 5 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 2 1 3 5 2 5 ] , [ " n e w D a t e ( ' 2 0 0 6 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 1 5 6 1 3 2 ] , [ " n e w D a t e ( ' 2 0 0 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 8 9 1 3 0 9 ] , [ " n e w D a t e ( ' 2 0 0 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 7 6 9 1 0 4 ] , [ " n e w D a t e ( ' 2 0 0 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 8 0 5 1 6 2 ] , [ " n e w D a t e ( ' 2 0 1 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 9 4 7 8 0 9 ] , [ " n e w D a t e ( ' 2 0 1 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 5 1 1 6 4 0 ] , [ " n e w D a t e ( ' 2 0 1 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 6 7 7 7 9 7 ] , [ " n e w D a t e ( ' 2 0 1 3 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 3 8 4 2 5 0 4 ] , [ " n e w D a t e ( ' 2 0 1 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 4 6 2 3 6 3 5 ] , [ " n e w D a t e ( ' 2 0 1 5 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 3 8 2 2 9 0 ] , [ " n e w D a t e ( ' 2 0 1 6 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 6 1 6 5 0 8 9 ] , [ " n e w D a t e ( ' 2 0 1 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 7 3 7 3 4 2 0 ] ] } , { " n a m e " : " A s i a " , " d a t a " : [ [ " n e w D a t e ( ' 1 9 6 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 2 6 1 1 7 0 ] , [ " n e w D a t e ( ' 1 9 6 5 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 3 9 7 0 0 0 ] , [ " n e w D a t e ( ' 1 9 6 6 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 3 9 5 8 1 0 ] , [ " n e w D a t e ( ' 1 9 6 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 1 1 8 0 ] , [ " n e w D a t e ( ' 1 9 6 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 8 8 3 0 ] , [ " n e w D a t e ( ' 1 9 6 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 5 2 4 0 ] , [ " n e w D a t e ( ' 1 9 7 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 5 0 7 6 0 ] , [ " n e w D a t e ( ' 1 9 7 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 9 5 1 8 0 ] , [ " n e w D a t e ( ' 1 9 7 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 0 5 1 3 0 ] , [ " n e w D a t e ( ' 1 9 7 3 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 0 1 8 4 0 ] , [ " n e w D a t e ( ' 1 9 7 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 6 8 0 0 0 ] , [ " n e w D a t e ( ' 1 9 7 5 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 8 4 6 5 0 ] , [ " n e w D a t e ( ' 1 9 7 6 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 9 5 4 2 0 ] , [ " n e w D a t e ( ' 1 9 7 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 6 4 6 7 0 ] , [ " n e w D a t e ( ' 1 9 7 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 6 7 6 8 5 0 ] , [ " n e w D a t e ( ' 1 9 7 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 1 2 2 2 0 2 0 ] , [ " n e w D a t e ( ' 1 9 8 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 2 5 2 4 1 5 4 ] , [ " n e w D a t e ( ' 1 9 8 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 4 5 8 4 8 0 3 ] , [ " n e w D a t e ( ' 1 9 8 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 2 4 9 8 2 2 ] , [ " n e w D a t e ( ' 1 9 8 3 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 4 7 6 4 2 7 ] , [ " n e w D a t e ( ' 1 9 8 4 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 1 6 6 6 6 6 ] , [ " n e w D a t e ( ' 1 9 8 5 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 5 8 1 9 8 9 2 ] , [ " n e w D a t e ( ' 1 9 8 6 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 6 3 2 6 5 4 1 ] , [ " n e w D a t e ( ' 1 9 8 7 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 6 5 7 4 7 9 7 ] , [ " n e w D a t e ( ' 1 9 8 8 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 7 0 6 6 5 8 2 ] , [ " n e w D a t e ( ' 1 9 8 9 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 7 0 8 4 4 8 3 ] , [ " n e w D a t e ( ' 1 9 9 0 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 8 4 9 4 0 4 6 ] , [ " n e w D a t e ( ' 1 9 9 1 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 8 7 9 3 2 9 7 ] , [ " n e w D a t e ( ' 1 9 9 2 - 0 1 - 0 1 ' ) . g e t T i m e ( ) " , 7 9 5 6 3 8 0 ] , [ " n e w D a t e ( ' 1 9 9 3 - 0 1 - 0 1 ' ) . g e t T i m e
2019-11-28 11:40:30 +01:00
< div class = "sourceCode" id = "cb20" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb20-1" title = "1" > < span class = "kw" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "unhcr_ts"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-2" title = "2" > < / a >
< a class = "sourceLine" id = "cb20-3" title = "3" > unhcr_ts < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb20-4" title = "4" > < span class = "st" > < / span > < span class = "kw" > < a href = "https://rdrr.io/r/stats/filter.html" > filter< / a > < / span > (population_type < span class = "op" > ==< / span > < span class = "st" > "Refugees (incl. refugee-like situations)"< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb20-5" title = "5" > < span class = "st" > < / span > < span class = "kw" > mutate< / span > (< span class = "dt" > date =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/as.Date.html" > as.Date< / a > < / span > (< span class = "kw" > < a href = "https://rdrr.io/r/base/paste.html" > paste0< / a > < / span > (year, < span class = "st" > "-01-01"< / span > ))) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb20-6" title = "6" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > aes< / a > < / span > (date, n, < span class = "dt" > group =< / span > continent_origin), < span class = "dt" > type =< / span > < span class = "st" > "line"< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb20-7" title = "7" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_legend.html" > ax_legend< / a > < / span > (< span class = "dt" > position =< / span > < span class = "st" > "bottom"< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb20-8" title = "8" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_stroke.html" > ax_stroke< / a > < / span > (< span class = "dt" > width =< / span > < span class = "dv" > 2< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb20-9" title = "9" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_colors.html" > ax_colors< / a > < / span > (< span class = "st" > "#440154"< / span > , < span class = "st" > "#414487"< / span > , < span class = "st" > "#2A788E"< / span > ,< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-10" title = "10" > < span class = "st" > "#22A884"< / span > , < span class = "st" > "#7AD151"< / span > , < span class = "st" > "#FDE725"< / span > ) < span class = "op" > %> %< / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb20-11" title = "11" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb20-12" title = "12" > < span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb20-13" title = "13" > < span class = "dt" > formatter =< / span > htmlwidgets< span class = "op" > ::< / span > < span class = "kw" > < a href = "https://rdrr.io/pkg/htmlwidgets/man/JS.html" > JS< / a > < / span > (< span class = "st" > "function(val) {return (val/1e6).toFixed(0);}"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-14" title = "14" > ),< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb20-15" title = "15" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Number of refugees (in million)"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-16" title = "16" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb20-17" title = "17" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > format =< / span > < span class = "st" > "yyyy"< / span > )) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb20-18" title = "18" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_tooltip.html" > ax_tooltip< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb20-19" title = "19" > < span class = "dt" > x =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > format =< / span > < span class = "st" > "yyyy"< / span > ),< / a >
< a class = "sourceLine" id = "cb20-20" title = "20" > < span class = "dt" > y =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb20-21" title = "21" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-22" title = "22" > < span class = "co" > # thousand separator in javascript< / span > < / a >
< a class = "sourceLine" id = "cb20-23" title = "23" > < span class = "st" > "function(value) {return value.toString().replace(/< / span > < span class = "ch" > \\< / span > < span class = "st" > B(?=(< / span > < span class = "ch" > \\< / span > < span class = "st" > d{3})+(?!< / span > < span class = "ch" > \\< / span > < span class = "st" > d))/g, < / span > < span class = "ch" > \"< / span > < span class = "st" > ,< / span > < span class = "ch" > \"< / span > < span class = "st" > );}"< / span > < / a >
< a class = "sourceLine" id = "cb20-24" title = "24" > )< / a >
< a class = "sourceLine" id = "cb20-25" title = "25" > )< / a >
< a class = "sourceLine" id = "cb20-26" title = "26" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb20-27" title = "27" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_annotations.html" > ax_annotations< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb20-28" title = "28" > < span class = "dt" > points =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb20-29" title = "29" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb20-30" title = "30" > < span class = "dt" > x =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< span class = "st" > "new Date('1994').getTime()"< / span > ),< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-31" title = "31" > < span class = "dt" > y =< / span > < span class = "dv" > 6935296< / span > ,< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb20-32" title = "32" > < span class = "dt" > label =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Great Lakes refugee crisis"< / span > , < span class = "dt" > offsetY =< / span > < span class = "dv" > 0< / span > ),< / a >
< a class = "sourceLine" id = "cb20-33" title = "33" > < span class = "dt" > marker =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > size =< / span > < span class = "dv" > 6< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-34" title = "34" > )< / a >
< a class = "sourceLine" id = "cb20-35" title = "35" > )< / a >
< a class = "sourceLine" id = "cb20-36" title = "36" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb20-37" title = "37" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_labs.html" > ax_labs< / a > < / span > (< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-38" title = "38" > < span class = "dt" > title =< / span > < span class = "st" > "Continent of origin for refugees population"< / span > ,< / a >
< a class = "sourceLine" id = "cb20-39" title = "39" > < span class = "dt" > subtitle =< / span > < span class = "st" > "Data from the UN Refugee Agency"< / span > < / a >
< a class = "sourceLine" id = "cb20-40" title = "40" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb20-41" title = "41" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb20-42" title = "42" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "22px"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-43" title = "43" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb20-44" title = "44" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb20-45" title = "45" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "16px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb20-46" title = "46" > )< / a > < / code > < / pre > < / div >
< / details > < p > < br > < br > < / p >
< / div >
< div id = "scatter-plot" class = "section level1" >
< h1 class = "hasAnchor" >
< a href = "#scatter-plot" class = "anchor" > < / a > Scatter plot< / h1 >
< p > Dataset used is from < a href = "https://github.com/jennybc/gapminder" > {gapminder}< / a > .< / p >
2019-11-28 11:40:30 +01:00
< p > Transform data and initialize the chart :< / p >
< div class = "sourceCode" id = "cb21" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb21-1" title = "1" > < span class = "kw" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "gapminder"< / span > , < span class = "dt" > package =< / span > < span class = "st" > "gapminder"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb21-2" title = "2" > < / a >
< a class = "sourceLine" id = "cb21-3" title = "3" > scatter < -< span class = "st" > < / span > gapminder < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb21-4" title = "4" > < span class = "st" > < / span > < span class = "kw" > < a href = "https://rdrr.io/r/stats/filter.html" > filter< / a > < / span > (year < span class = "op" > ==< / span > < span class = "st" > < / span > < span class = "dv" > 2007< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb21-5" title = "5" > < span class = "st" > < / span > < span class = "kw" > mutate< / span > (< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb21-6" title = "6" > < span class = "dt" > gdpPercap =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/Log.html" > log< / a > < / span > (gdpPercap),< / a >
< a class = "sourceLine" id = "cb21-7" title = "7" > < span class = "dt" > pop =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/MathFun.html" > sqrt< / a > < / span > (pop < span class = "op" > /< / span > < span class = "st" > < / span > pi) < span class = "op" > /< / span > < span class = "st" > < / span > < span class = "dv" > 1500< / span > < / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb21-8" title = "8" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb21-9" title = "9" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/apex.html" > apex< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb21-10" title = "10" > < span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > aes< / a > < / span > (gdpPercap, < / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb21-11" title = "11" > lifeExp, < / a >
< a class = "sourceLine" id = "cb21-12" title = "12" > < span class = "dt" > z =< / span > pop, < / a >
< a class = "sourceLine" id = "cb21-13" title = "13" > < span class = "dt" > group =< / span > continent, < / a >
< a class = "sourceLine" id = "cb21-14" title = "14" > < span class = "dt" > label =< / span > country), < / a >
< a class = "sourceLine" id = "cb21-15" title = "15" > < span class = "dt" > type =< / span > < span class = "st" > "scatter"< / span > , < / a >
< a class = "sourceLine" id = "cb21-16" title = "16" > < span class = "dt" > height =< / span > < span class = "st" > "500px"< / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb21-17" title = "17" > )< / a >
< a class = "sourceLine" id = "cb21-18" title = "18" > < span class = "co" > #> Warning in make_series(mapdata, mapping, type, serie_name): apex: all groups< / span > < / a >
2020-03-20 10:17:30 +01:00
< a class = "sourceLine" id = "cb21-19" title = "19" > < span class = "co" > #> must have same length! You can use `tidyr::complete` for this.< / span > < / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Enable zoom on both axis :< / p >
< div class = "sourceCode" id = "cb22" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb22-1" title = "1" > scatter < -< span class = "st" > < / span > scatter < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb22-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_chart.html" > ax_chart< / a > < / span > (< span class = "dt" > zoom =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb22-3" title = "3" > < span class = "dt" > enabled =< / span > < span class = "ot" > TRUE< / span > , < span class = "dt" > type =< / span > < span class = "st" > "xy"< / span > < / a >
< a class = "sourceLine" id = "cb22-4" title = "4" > ))< / a > < / code > < / pre > < / div >
< p > Show y-axis border and ticks, no decimals in labels :< / p >
< div class = "sourceCode" id = "cb23" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb23-1" title = "1" > scatter < -< span class = "st" > < / span > scatter < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb23-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb23-3" title = "3" > < span class = "dt" > decimalsInFloat =< / span > < span class = "dv" > 0< / span > , < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb23-4" title = "4" > < span class = "dt" > axisBorder =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > show =< / span > < span class = "ot" > TRUE< / span > ),< / a >
< a class = "sourceLine" id = "cb23-5" title = "5" > < span class = "dt" > axisTicks =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > show =< / span > < span class = "ot" > TRUE< / span > ),< / a >
< a class = "sourceLine" id = "cb23-6" title = "6" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "life expectancy at birth (in years)"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb23-7" title = "7" > )< / a > < / code > < / pre > < / div >
2019-11-28 11:40:30 +01:00
< p > Configuration for x-axis, hide the tooltip displayed on the axis itself (not the main tooltip), display two decimals in the labels (useful when zooming, since values are logarithm there’ s a lot of decimals) :< / p >
2019-09-06 13:03:56 +02:00
< div class = "sourceCode" id = "cb24" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb24-1" title = "1" > scatter < -< span class = "st" > < / span > scatter < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb24-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb24-3" title = "3" > < span class = "dt" > tickAmount =< / span > < span class = "dv" > 8< / span > ,< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb24-4" title = "4" > < span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb24-5" title = "5" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< span class = "st" > "function(val) {return val.toFixed(2);}"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb24-6" title = "6" > ), < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb24-7" title = "7" > < span class = "dt" > tooltip =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > enabled =< / span > < span class = "ot" > FALSE< / span > ),< / a >
< a class = "sourceLine" id = "cb24-8" title = "8" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "GDP per capita (log-scale)"< / span > )< / a >
2019-09-06 13:03:56 +02:00
< a class = "sourceLine" id = "cb24-9" title = "9" > )< / a > < / code > < / pre > < / div >
< p > Display vertical grid lines (on the x-axis, those on the y-axis are enabled by default) :< / p >
< div class = "sourceCode" id = "cb25" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb25-1" title = "1" > scatter < -< span class = "st" > < / span > scatter < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb25-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_grid.html" > ax_grid< / a > < / span > (< span class = "dt" > xaxis =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > lines =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > show =< / span > < span class = "ot" > TRUE< / span > )))< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Legend on the right and slightly offset downwards :< / p >
< div class = "sourceCode" id = "cb26" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb26-1" title = "1" > scatter < -< span class = "st" > < / span > scatter < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2020-02-15 15:17:46 +01:00
< a class = "sourceLine" id = "cb26-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_legend.html" > ax_legend< / a > < / span > (< span class = "dt" > position =< / span > < span class = "st" > "right"< / span > , < span class = "dt" > offsetY =< / span > < span class = "dv" > 70< / span > )< / a > < / code > < / pre > < / div >
2019-11-28 11:40:30 +01:00
< p > Add a custom tooltip with an HTML string, data used in aesthetic can be accessed in JavaScript with < code > w.config.series[seriesIndex].data[dataPointIndex].x< / code > (x is the variable < code > gdpPercap< / code > ), or < code > w.config.series[seriesIndex].data[dataPointIndex].label< / code > (the country), it’ s possible to use custom aesthetics to include more data in the chart configuration script.< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb27" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb27-1" title = "1" > scatter < -< span class = "st" > < / span > scatter < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb27-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_tooltip.html" > ax_tooltip< / a > < / span > (< span class = "dt" > custom =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< span class = "kw" > < a href = "https://rdrr.io/r/base/paste.html" > paste< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb27-3" title = "3" > < span class = "st" > "function({ series, seriesIndex, dataPointIndex, w }) {"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-4" title = "4" > < span class = "st" > "console.log(w); return ("< / span > ,< / a >
< a class = "sourceLine" id = "cb27-5" title = "5" > < span class = "st" > "'< div> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-6" title = "6" > < / a >
< a class = "sourceLine" id = "cb27-7" title = "7" > < span class = "st" > "'< div class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-title< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-8" title = "8" > < span class = "st" > "w.config.series[seriesIndex].data[dataPointIndex].label"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-9" title = "9" > < span class = "st" > "+ '< /div> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-10" title = "10" > < span class = "st" > "'< div style = < / span > < span class = "ch" > \"< / span > < span class = "st" > padding: 5px;< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-11" title = "11" > < span class = "st" > "'< div class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-y-group< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-12" title = "12" > < / a >
< a class = "sourceLine" id = "cb27-13" title = "13" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-label< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-14" title = "14" > < span class = "st" > "'Population: ' +"< / span > , < / a >
< a class = "sourceLine" id = "cb27-15" title = "15" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-16" title = "16" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-value< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-17" title = "17" > < span class = "st" > "Math.round(Math.pow(w.config.series[seriesIndex].data[dataPointIndex].z * 1500, 2) * Math.PI).< / span > < / a >
< a class = "sourceLine" id = "cb27-18" title = "18" > < span class = "st" > toString().replace(/< / span > < span class = "ch" > \\< / span > < span class = "st" > B(?=(< / span > < span class = "ch" > \\< / span > < span class = "st" > d{3})+(?!< / span > < span class = "ch" > \\< / span > < span class = "st" > d))/g, < / span > < span class = "ch" > \"< / span > < span class = "st" > ,< / span > < span class = "ch" > \"< / span > < span class = "st" > ) +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-19" title = "19" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-20" title = "20" > < / a >
< a class = "sourceLine" id = "cb27-21" title = "21" > < span class = "st" > "'< /br> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-22" title = "22" > < / a >
< a class = "sourceLine" id = "cb27-23" title = "23" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-label< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-24" title = "24" > < span class = "st" > "'GDP per capita: ' +"< / span > , < / a >
< a class = "sourceLine" id = "cb27-25" title = "25" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-26" title = "26" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-value< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-27" title = "27" > < span class = "st" > "Math.round(Math.exp(w.config.series[seriesIndex].data[dataPointIndex].x)) +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-28" title = "28" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-29" title = "29" > < / a >
< a class = "sourceLine" id = "cb27-30" title = "30" > < span class = "st" > "'< /br> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-31" title = "31" > < / a >
< a class = "sourceLine" id = "cb27-32" title = "32" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-label< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-33" title = "33" > < span class = "st" > "'Life expectancy: ' +"< / span > , < / a >
< a class = "sourceLine" id = "cb27-34" title = "34" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-35" title = "35" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-value< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-36" title = "36" > < span class = "st" > "w.config.series[seriesIndex].data[dataPointIndex].y +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-37" title = "37" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-38" title = "38" > < / a >
< a class = "sourceLine" id = "cb27-39" title = "39" > < / a >
< a class = "sourceLine" id = "cb27-40" title = "40" > < span class = "st" > "'< /div> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-41" title = "41" > < span class = "st" > "'< /div> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-42" title = "42" > < / a >
< a class = "sourceLine" id = "cb27-43" title = "43" > < span class = "st" > "'< /div> '"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-44" title = "44" > < span class = "st" > ");"< / span > ,< / a >
< a class = "sourceLine" id = "cb27-45" title = "45" > < span class = "st" > "}"< / span > , < span class = "dt" > sep =< / span > < span class = "st" > "< / span > < span class = "ch" > \n< / span > < span class = "st" > "< / span > < / a >
< a class = "sourceLine" id = "cb27-46" title = "46" > )))< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Add title and subtitle and format them :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb28" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb28-1" title = "1" > scatter < -< span class = "st" > < / span > scatter < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb28-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_labs.html" > ax_labs< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb28-3" title = "3" > < span class = "dt" > title =< / span > < span class = "st" > "Life expectancy, GDP and population"< / span > ,< / a >
< a class = "sourceLine" id = "cb28-4" title = "4" > < span class = "dt" > subtitle =< / span > < span class = "st" > "gapminder dataset from {gapminder}"< / span > < / a >
< a class = "sourceLine" id = "cb28-5" title = "5" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb28-6" title = "6" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb28-7" title = "7" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "22px"< / span > )< / a >
< a class = "sourceLine" id = "cb28-8" title = "8" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb28-9" title = "9" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb28-10" title = "10" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "16px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
< a class = "sourceLine" id = "cb28-11" title = "11" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Final result looks like :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb29" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb29-1" title = "1" > scatter< / a > < / code > < / pre > < / div >
< div id = "htmlwidget-4035d91b7253f9ca616b" style = "width:100%;height:500px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-4035d91b7253f9ca616b" > { " x " : { " a x _ o p t s " : { " c h a r t " : { " t y p e " : " b u b b l e " , " z o o m " : { " e n a b l e d " : t r u e , " t y p e " : " x y " } } , " s e r i e s " : [ { " n a m e " : " A s i a " , " d a t a " : [ { " x " : 6 . 8 8 2 0 0 6 9 5 6 1 8 5 8 , " y " : 4 3 . 8 2 8 , " z " : 2 . 1 2 4 0 2 9 4 7 8 8 2 2 4 1 , " l a b e l " : " A f g h a n i s t a n " } , { " x " : 1 0 . 3 0 2 1 3 1 0 5 7 6 6 0 3 , " y " : 7 5 . 6 3 5 , " z " : 0 . 3 1 6 6 1 1 0 7 6 5 1 2 1 4 8 , " l a b e l " : " B a h r a i n " } , { " x " : 7 . 2 3 7 9 6 0 6 2 8 1 9 2 5 1 , " y " : 6 4 . 0 6 2 , " z " : 4 . 6 1 3 4 6 7 9 0 0 9 0 9 7 5 , " l a b e l " : " B a n g l a d e s h " } , { " x " : 7 . 4 4 6 4 5 5 9 6 9 4 6 7 2 9 , " y " : 5 9 . 7 2 3 , " z " : 1 . 4 1 3 9 4 7 9 9 7 0 8 6 4 1 , " l a b e l " : " C a m b o d i a " } , { " x " : 8 . 5 0 8 9 8 2 5 4 6 9 3 8 8 2 , " y " : 7 2 . 9 6 1 , " z " : 1 3 . 6 5 8 5 3 1 9 8 8 7 9 7 3 , " l a b e l " : " C h i n a " } , { " x " : 1 0 . 5 8 9 7 3 5 4 5 4 4 6 3 3 , " y " : 8 2 . 2 0 8 , " z " : 0 . 9 9 3 7 4 3 5 7 2 8 3 4 2 1 9 , " l a b e l " : " H o n g K o n g , C h i n a " } , { " x " : 7 . 8 0 4 7 4 5 1 0 3 7 3 3 4 9 , " y " : 6 4 . 6 9 8 , " z " : 1 2 . 5 3 3 5 1 2 9 3 7 3 5 6 9 , " l a b e l " : " I n d i a " } , { " x " : 8 . 1 7 2 0 6 6 0 4 6 8 1 8 4 1 , " y " : 7 0 . 6 5 , " z " : 5 . 6 2 3 6 4 9 2 7 4 9 3 1 2 3 , " l a b e l " : " I n d o n e s i a " } , { " x " : 9 . 3 5 9 2 5 2 8 8 4 2 4 1 1 7 , " y " : 7 0 . 9 6 4 , " z " : 3 . 1 3 4 5 9 2 5 1 0 2 3 5 7 , " l a b e l " : " I r a n " } , { " x " : 8 . 4 0 5 3 8 1 2 2 2 2 5 7 5 6 , " y " : 5 9 . 5 4 5 , " z " : 1 . 9 7 2 4 1 0 4 4 2 0 5 9 3 2 , " l a b e l " : " I r a q " } , { " x " : 1 0 . 1 4 7 3 4 6 1 4 2 2 2 3 9 , " y " : 8 0 . 7 4 5 , " z " : 0 . 9 5 3 5 1 4 0 7 6 3 4 6 5 4 4 , " l a b e l " : " I s r a e l " } , { " x " : 1 0 . 3 6 2 6 8 5 1 3 3 0 5 0 3 , " y " : 8 2 . 6 0 3 , " z " : 4 . 2 4 6 5 3 1 4 2 9 5 2 6 3 3 , " l a b e l " : " J a p a n " } , { " x " : 8 . 4 1 6 1 4 8 0 5 5 7 6 4 4 5 , " y " : 7 2 . 5 3 5 , " z " : 0 . 9 2 5 3 9 2 6 9 1 3 9 0 7 1 , " l a b e l " : " J o r d a n " } , { " x " : 7 . 3 7 3 4 1 5 4 1 3 8 9 8 9 1 , " y " : 6 7 . 2 9 7 , " z " : 1 . 8 1 5 6 3 2 0 5 1 8 8 6 6 8 , " l a b e l " : " K o r e a , D e m . R e p . " } , { " x " : 1 0 . 0 5 8 2 7 2 5 9 0 9 7 2 6 , " y " : 7 8 . 6 2 3 , " z " : 2 . 6 3 4 0 8 7 7 8 4 1 4 4 8 8 , " l a b e l " : " K o r e a , R e p . " } , { " x " : 1 0 . 7 6 4 4 1 3 3 3 9 0 3 8 , " y " : 7 7 . 5 8 8 , " z " : 0 . 5 9 5 3 6 8 8 6 7 9 6 4 0 4 4 , " l a b e l " : " K u w a i t " } , { " x " : 9 . 2 5 5 4 1 4 9 4 4 7 3 4 3 9 , " y " : 7 1 . 9 9 3 , " z " : 0 . 7 4 4 8 1 3 6 3 9 2 9 3 6 0 1 , " l a b e l " : " L e b a n o n " } , { " x " : 9 . 4 2 9 6 0 8 8 8 9 0 3 3 6 1 , " y " : 7 4 . 2 4 1 , " z " : 1 . 8 7 3 8 9 7 9 8 3 8 9 4 1 , " l a b e l " : " M a l a y s i a " } , { " x " : 8 . 0 3 7 7 9 2 6 7 6 1 2 5 7 , " y " : 6 6 . 8 0 3 , " z " : 0 . 6 3 7 6 5 6 4 8 6 5 0 0 9 8 6 , " l a b e l " : " M o n g o l i a " } , { " x " : 6 . 8 5 0 1 2 6 1 6 6 1 4 5 5 , " y " : 6 2 . 0 6 9 , " z " : 2 . 5 9 9 4 1 1 0 8 0 1 1 5 6 , " l a b e l " : " M y a n m a r " } , { " x " : 6 . 9 9 5 1 7 9 7 0 0 4 9 0 4 7 , " y " : 6 3 . 7 8 5 , " z " : 2 . 0 2 2 0 6 9 9 4 9 9 2 8 4 1 , " l a b e l " : " N e p a l " } , { " x " : 1 0 . 0 1 3 0 6 7 8 3 1 6 0 6 , " y " : 7 5 . 6 4 , " z " : 0 . 6 7 3 3 4 9 9 6 6 5 6 0 4 8 8 , " l a b e l " : " O m a n " } , { " x " : 7 . 8 6 5 5 5 1 6 4 2 3 6 3 5 2 , " y " : 6 5 . 4 8 3 , " z " : 4 . 8 9 3 5 5 6 3 4 5 1 2 3 8 9 , " l a b e l " : " P a k i s t a n " } , { " x " : 8 . 0 6 7 9 2 6 9 7 3 1 2 6 1 5 , " y " : 7 1 . 6 8 8 , " z " : 3 . 5 8 9 5 4 0 4 1 3 7 2 0 4 9 , " l a b e l " : " P h i l i p p i n e s " } , { " x " : 9 . 9 8 2 9 8 3 8 9 2 8 2 4 3 4 , " y " : 7 2 . 7 7 7 , " z " : 1 . 9 7 6 0 4 3 5 5 1 5 1 4 4 9 , " l a b e l " : " S a u d i A r a b i a " } , { " x " : 1 0 . 7 6 0 9 4 4 6 2 5 2 1 2 4 , " y " : 7 9 . 9 7 2 , " z " : 0 . 8 0 2 5 7 0 2 5 3 5 0 7 4 4 9 , " l a b e l " : " S i n g a p o r e " } , { " x " : 8 . 2 8 6 5 4 5 4 0 5 3 8 2 4 , " y " : 7 2 . 3 9 6 , " z " : 1 . 6 9 7 9 1 9 6 3 3 8 4 1 6 4 , " l a b e l " : " S r i L a n k a " } , { " x " : 8 . 3 3 9 1 5 3 9 9 3 5 8 0 3 9 , " y " : 7 4 . 1 4 3 , " z " : 1 . 6 5 3 0 2 0 7 9 2 9 3 7 5 5 , " l a b e l " : " S y r i a " } , { " x " : 1 0 . 2 6 5 2 8 9 0 2 2 7 5 4 9 , " y " : 7 8 . 4 , " z " : 1 . 8 1 0 6 6 0 6 3 8 8 6 2 0 5 , " l a b e l " : " T a i w a n " } , { " x " : 8 . 9 1 7 0 9 5 7 0 0 5 1 7 4 9 , " y " : 7 0 . 6 1 6 , " z " : 3 . 0 3 4 0 1 7 1 4 6 5 4 0 5 7 , " l a b e l " : " T h a i l a n d " } , { " x " : 7 . 8 0 0 3 9 9 1 7 6 8 8 8 7 9 , " y " : 7 4 . 2 4 9 , " z " : 3 . 4 7 3 0 6 1 4 6 3 0 7 2 0 8 , " l a b e l " : " V i e t n a m " } , { " x " : 8 . 0 1 4 7 8 1 9 9 9 4 8 2 1 3 , " y " : 7 3 . 4 2 2 , " z " : 0 . 7 5 3 9 7 4 5 9 4 7 8 8 2 3 4 , " l a b e l " : " W e s t B a n k a n d G a z a " } , { " x " : 7 . 7 3 2 2 6 8 3 4 3 0 1 8 2 5 , " y " : 6 2 . 6 9 8 , " z " : 1 . 7 7 2 6 5 8 6 9 2 0 0 5 8 3 , " l a b e l " : " Y e m e n , R e p . " } ] } , { " n a m e " : " E u r o p e " , " d a t a " : [ { " x " : 8 . 6 8 8 9 6 4 2 0 7 4 7 7 1 1 , " y " : 7 6 . 4 2 3 , " z " : 0 . 7 1 3 7 0 1 4 8 3 2 9 5 8 6 7 , " l a b e l " : " A l b a n i a " } , { " x " : 1 0 . 4 9 4 7 8 1 7 4 4 9 7 6 3 , " y " : 7 9 . 8 2 9 , " z " : 1 . 0 7 7 0 4 7 8 1 5 6 0 2 5 , " l a b e l " : " A u s t r i a " } , { " x " : 1 0 . 4 2 5 0 3 3 6 5 8 4 3 3 4 , " y " : 7 9 . 4 4 1 , " z " : 1 . 2 1 2 5 1 7 7 2 5 0 0 3 3 1 , " l a b e l " : " B e l g i u m " } , { " x " : 8 . 9 1 5 4 7 2 3 8 2 9 5 8 6 9 , " y " : 7 4 . 8 5 2 , " z " : 0 . 8 0 2 4 9 8 7 7 1 8 2 7 6 7 3 , " l a b e l " : " B o s n i a a n d H e r z e g o v i n a " } , { " x " : 9 . 2 7 6 2 0 2 3 4 3 8 4 1 3 7 , " y " : 7 3 . 0 0 5 , " z " : 1 . 0 1 7 8 2 7 3 3 6 7 0 4 1 4 , " l a b e l " : " B u l g a r i a " } , { " x " : 9 . 5 9 0 0 9 2 5 6 6 3 6 3 7 6 , " y " : 7 5 . 7 4 8 , " z " : 0 . 7 9 7 2 9 1 4 2 3 4 5 4 9 2 6 , " l a b e l " : " C r o a t i a " } , { " x " : 1 0 . 0 3 5 9 7 5 6 4 8 4 2 8 3 , " y " : 7 6 . 4 8 6 , " z " : 1 . 2 0 2 9 4 2 7 5 0 7 2 8 5 1 , " l a b e l " : " C z e c h R e p u b l i c " } , { " x " : 1 0 . 4 7 1 0 2 6 6 8 8 8 2 1 5 , " y " : 7 8 . 3 3 2 , " z " : 0 . 8 7 9 5 3 4 3 8 5 6 1 7 8 3 2 , " l a b e l " : " D e n m a r k " } , { " x " : 1 0 . 4 1 0 5 1 8 5 1 7 6 8 3 3 , " y " : 7 9 . 3 1 3 , " z " : 0 . 8 6 0 8 6 6 1 2 8 8 0 5 , " l a b e l " : " F i n l a n d " } , { " x " : 1 0 . 3 2 4 4 9 8 4 2 0 0 5 9 7 , " y " : 8 0 . 6 5 7 , " z " : 2 . 9 3 9 6 6 0 9 2 9 0 2 0 3 8 , " l a b e l " : " F r a n c e " } , { " x " : 1 0 . 3 7 8 8 0 1 2 5 8 9 5 9 2 , " y " : 7 9 . 4 0 6 , " z " : 3 . 4 1 4 2 8 7 0 8 4 0 8 2 0 2 , " l a b e l " : " G e r m a n y " } , { " x " : 1 0 . 2 2 3 3 3 7 1 0 4 6 7 9 5 , " y " : 7 9 . 4 8 3 , " z " : 1 . 2 3 0 7 0 3 1 3 2 6 0 3 5 9 , " l a b e l " : " G r e e c e " } , { " x " : 9 . 7 9 8 6 2 3 8 2 6 7 9 1 0 9 , " y " : 7 3 . 3 3 8 , " z " : 1 . 1 8 6 8 0 2 9 1 4 3 3 4 4 2 , " l a b e l " : " H u n g a r y " } , { " x " : 1 0 . 4 9 6 2 8 3 5 7 1 5 9 1 4 , " y " : 8 1 . 7 5 7 , " z " : 0 . 2 0 6 6 7 4 8 6 2 4 6 6 9 0 7 , " l a b e l " : " I c e l a n d " } , { " x " : 1 0 . 6 1 3 3 9 3 4 2 7 1 7 7 5 , " y " : 7 8 . 8 8 5 , " z " : 0 . 7 6 2 4 4 1 3 1 1 9 7 9 5 3 2 , " l a b e l " : " I r e l a n d " } , { " x " : 1 0 . 2 6 0 1 0 2 6 8 4 1 8 6 1 , " y " : 8 0 . 5 4 6 , " z " : 2 . 8 6 8 1 3 9 0 2 2 9 0 3 2 1 , " l a b e l " : " I t a l y " } , { " x " : 9 . 1 3 2 7 9 9 9 4 3 0 1 5 3 4 , " y " : 7 4 . 5 4 3 , " z " : 0 . 3 1 1 2 3 9 9 8 4 7 3 9 1 3 9 , " l a b e l " : " M o n t e n e g r o " } , { " x " : 1 0 . 5 1 3 1 9 6 9 6 2 7 9 7 4 , " y " : 7 9 . 7 6 2 , " z " : 1 . 5 3 1 0 9 8 3 6 2 1 8 2 5 4 , " l a b e l " : " N e t h e r l a n d s " } , { " x " : 1 0 . 8 0 6 8 3 8 7 3 1 7 1 5 9 , " y " : 8 0 . 1 9 6 , " z " : 0 . 8 0 9 1 4 6 2 1 6 2 4 0 5 8 , " l a b e l " : " N o r w a y " } , { " x " : 9 . 6 4 1 4 6 8 3 3 2 7 3 3
< div class = "sourceCode" id = "cb30" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb30-1" title = "1" > < span class = "kw" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "gapminder"< / span > , < span class = "dt" > package =< / span > < span class = "st" > "gapminder"< / span > )< / a >
< a class = "sourceLine" id = "cb30-2" title = "2" > < / a >
< a class = "sourceLine" id = "cb30-3" title = "3" > gapminder < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-4" title = "4" > < span class = "st" > < / span > < span class = "kw" > < a href = "https://rdrr.io/r/stats/filter.html" > filter< / a > < / span > (year < span class = "op" > ==< / span > < span class = "st" > < / span > < span class = "dv" > 2007< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-5" title = "5" > < span class = "st" > < / span > < span class = "kw" > mutate< / span > (< / a >
< a class = "sourceLine" id = "cb30-6" title = "6" > < span class = "dt" > gdpPercap =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/Log.html" > log< / a > < / span > (gdpPercap),< / a >
< a class = "sourceLine" id = "cb30-7" title = "7" > < span class = "dt" > pop =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/MathFun.html" > sqrt< / a > < / span > (pop < span class = "op" > /< / span > < span class = "st" > < / span > pi) < span class = "op" > /< / span > < span class = "st" > < / span > < span class = "dv" > 1500< / span > < / a >
< a class = "sourceLine" id = "cb30-8" title = "8" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-9" title = "9" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/apex.html" > apex< / a > < / span > (< span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > aes< / a > < / span > (gdpPercap, lifeExp, < span class = "dt" > z =< / span > pop, < span class = "dt" > group =< / span > continent, < span class = "dt" > label =< / span > country), < span class = "dt" > type =< / span > < span class = "st" > "scatter"< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-10" title = "10" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_chart.html" > ax_chart< / a > < / span > (< span class = "dt" > zoom =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb30-11" title = "11" > < span class = "dt" > enabled =< / span > < span class = "ot" > TRUE< / span > , < span class = "dt" > type =< / span > < span class = "st" > "xy"< / span > < / a >
< a class = "sourceLine" id = "cb30-12" title = "12" > )) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-13" title = "13" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb30-14" title = "14" > < span class = "dt" > decimalsInFloat =< / span > < span class = "dv" > 0< / span > , < / a >
< a class = "sourceLine" id = "cb30-15" title = "15" > < span class = "dt" > axisBorder =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > show =< / span > < span class = "ot" > TRUE< / span > ),< / a >
< a class = "sourceLine" id = "cb30-16" title = "16" > < span class = "dt" > axisTicks =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > show =< / span > < span class = "ot" > TRUE< / span > ),< / a >
< a class = "sourceLine" id = "cb30-17" title = "17" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "life expectancy at birth (in years)"< / span > )< / a >
< a class = "sourceLine" id = "cb30-18" title = "18" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-19" title = "19" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb30-20" title = "20" > < span class = "dt" > tickAmount =< / span > < span class = "dv" > 8< / span > , < / a >
< a class = "sourceLine" id = "cb30-21" title = "21" > < span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb30-22" title = "22" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< span class = "st" > "function(val) {return val.toFixed(2);}"< / span > )< / a >
< a class = "sourceLine" id = "cb30-23" title = "23" > ),< / a >
< a class = "sourceLine" id = "cb30-24" title = "24" > < span class = "dt" > tooltip =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > enabled =< / span > < span class = "ot" > FALSE< / span > ),< / a >
< a class = "sourceLine" id = "cb30-25" title = "25" > < span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "GDP per capita (log-scale)"< / span > )< / a >
< a class = "sourceLine" id = "cb30-26" title = "26" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-27" title = "27" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_grid.html" > ax_grid< / a > < / span > (< span class = "dt" > xaxis =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > lines =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > show =< / span > < span class = "ot" > TRUE< / span > ))) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-28" title = "28" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_legend.html" > ax_legend< / a > < / span > (< span class = "dt" > position =< / span > < span class = "st" > "right"< / span > , < span class = "dt" > offsetY =< / span > < span class = "dv" > 70< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-29" title = "29" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_tooltip.html" > ax_tooltip< / a > < / span > (< span class = "dt" > custom =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< span class = "kw" > < a href = "https://rdrr.io/r/base/paste.html" > paste< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb30-30" title = "30" > < span class = "st" > "function({ series, seriesIndex, dataPointIndex, w }) {"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-31" title = "31" > < span class = "st" > "console.log(w); return ("< / span > ,< / a >
< a class = "sourceLine" id = "cb30-32" title = "32" > < span class = "st" > "'< div> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-33" title = "33" > < / a >
< a class = "sourceLine" id = "cb30-34" title = "34" > < span class = "st" > "'< div class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-title< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-35" title = "35" > < span class = "st" > "w.config.series[seriesIndex].data[dataPointIndex].label"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-36" title = "36" > < span class = "st" > "+ '< /div> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-37" title = "37" > < span class = "st" > "'< div style = < / span > < span class = "ch" > \"< / span > < span class = "st" > padding: 5px;< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-38" title = "38" > < span class = "st" > "'< div class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-y-group< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-39" title = "39" > < / a >
< a class = "sourceLine" id = "cb30-40" title = "40" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-label< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-41" title = "41" > < span class = "st" > "'Population: ' +"< / span > , < / a >
< a class = "sourceLine" id = "cb30-42" title = "42" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-43" title = "43" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-value< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-44" title = "44" > < span class = "st" > "Math.round(Math.pow(w.config.series[seriesIndex].data[dataPointIndex].z * 1500, 2) * Math.PI).< / span > < / a >
< a class = "sourceLine" id = "cb30-45" title = "45" > < span class = "st" > toString().replace(/< / span > < span class = "ch" > \\< / span > < span class = "st" > B(?=(< / span > < span class = "ch" > \\< / span > < span class = "st" > d{3})+(?!< / span > < span class = "ch" > \\< / span > < span class = "st" > d))/g, < / span > < span class = "ch" > \"< / span > < span class = "st" > ,< / span > < span class = "ch" > \"< / span > < span class = "st" > ) +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-46" title = "46" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-47" title = "47" > < / a >
< a class = "sourceLine" id = "cb30-48" title = "48" > < span class = "st" > "'< /br> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-49" title = "49" > < / a >
< a class = "sourceLine" id = "cb30-50" title = "50" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-label< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-51" title = "51" > < span class = "st" > "'GDP per capita: ' +"< / span > , < / a >
< a class = "sourceLine" id = "cb30-52" title = "52" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-53" title = "53" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-value< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-54" title = "54" > < span class = "st" > "Math.round(Math.exp(w.config.series[seriesIndex].data[dataPointIndex].x)) +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-55" title = "55" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-56" title = "56" > < / a >
< a class = "sourceLine" id = "cb30-57" title = "57" > < span class = "st" > "'< /br> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-58" title = "58" > < / a >
< a class = "sourceLine" id = "cb30-59" title = "59" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-label< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-60" title = "60" > < span class = "st" > "'Life expectancy: ' +"< / span > , < / a >
< a class = "sourceLine" id = "cb30-61" title = "61" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-62" title = "62" > < span class = "st" > "'< span class = < / span > < span class = "ch" > \"< / span > < span class = "st" > apexcharts-tooltip-text-value< / span > < span class = "ch" > \"< / span > < span class = "st" > > ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-63" title = "63" > < span class = "st" > "w.config.series[seriesIndex].data[dataPointIndex].y +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-64" title = "64" > < span class = "st" > "'< /span> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-65" title = "65" > < / a >
< a class = "sourceLine" id = "cb30-66" title = "66" > < / a >
< a class = "sourceLine" id = "cb30-67" title = "67" > < span class = "st" > "'< /div> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-68" title = "68" > < span class = "st" > "'< /div> ' +"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-69" title = "69" > < / a >
< a class = "sourceLine" id = "cb30-70" title = "70" > < span class = "st" > "'< /div> '"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-71" title = "71" > < span class = "st" > ");"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-72" title = "72" > < span class = "st" > "}"< / span > , < span class = "dt" > sep =< / span > < span class = "st" > "< / span > < span class = "ch" > \n< / span > < span class = "st" > "< / span > < / a >
< a class = "sourceLine" id = "cb30-73" title = "73" > ))) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-74" title = "74" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_labs.html" > ax_labs< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb30-75" title = "75" > < span class = "dt" > title =< / span > < span class = "st" > "Life expectancy, GDP and population"< / span > ,< / a >
< a class = "sourceLine" id = "cb30-76" title = "76" > < span class = "dt" > subtitle =< / span > < span class = "st" > "gapminder dataset from {gapminder}"< / span > < / a >
< a class = "sourceLine" id = "cb30-77" title = "77" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-78" title = "78" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb30-79" title = "79" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "22px"< / span > )< / a >
< a class = "sourceLine" id = "cb30-80" title = "80" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb30-81" title = "81" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb30-82" title = "82" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "16px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
< a class = "sourceLine" id = "cb30-83" title = "83" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< / details > < p > < br > < br > < / p >
< / div >
< div id = "heatmap" class = "section level1" >
< h1 class = "hasAnchor" >
< a href = "#heatmap" class = "anchor" > < / a > Heatmap< / h1 >
2019-11-28 11:40:30 +01:00
< p > This is an adaption of this fancy < a href = "http://jkunst.com/highcharter/showcase.html" > {highcharter} example< / a > , based from this < a href = "http://graphics.wsj.com/infectious-diseases-and-vaccines/" > WSJ visualization< / a > .< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb31" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb31-1" title = "1" > < span class = "kw" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "vaccines"< / span > , < span class = "dt" > package =< / span > < span class = "st" > "highcharter"< / span > )< / a >
< a class = "sourceLine" id = "cb31-2" title = "2" > < / a >
< a class = "sourceLine" id = "cb31-3" title = "3" > heatmap < -< span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/apex.html" > apex< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb31-4" title = "4" > vaccines, < / a >
< a class = "sourceLine" id = "cb31-5" title = "5" > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > aes< / a > < / span > (year, state, < span class = "dt" > fill =< / span > count), < / a >
< a class = "sourceLine" id = "cb31-6" title = "6" > < span class = "dt" > type =< / span > < span class = "st" > "heatmap"< / span > , < / a >
< a class = "sourceLine" id = "cb31-7" title = "7" > < span class = "dt" > height =< / span > < span class = "st" > "800px"< / span > < / a >
< a class = "sourceLine" id = "cb31-8" title = "8" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Remove the animations (little slow otherwise) :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb32" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb32-1" title = "1" > heatmap < -< span class = "st" > < / span > heatmap < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb32-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_chart.html" > ax_chart< / a > < / span > (< span class = "dt" > animations =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > enabled =< / span > < span class = "ot" > FALSE< / span > ))< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Remove values displayed in the heatmap :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb33" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb33-1" title = "1" > heatmap < -< span class = "st" > < / span > heatmap < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb33-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_dataLabels.html" > ax_dataLabels< / a > < / span > (< span class = "dt" > enabled =< / span > < span class = "ot" > FALSE< / span > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Remove space between squared of the heatmap :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb34" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb34-1" title = "1" > heatmap < -< span class = "st" > < / span > heatmap < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb34-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_stroke.html" > ax_stroke< / a > < / span > (< span class = "dt" > width =< / span > < span class = "dv" > 0< / span > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > That’ s not possible to make a continuous scale in the legend (like with highcharter), so we use breakpoints :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb35" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb35-1" title = "1" > heatmap < -< span class = "st" > < / span > heatmap < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb35-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_plotOptions.html" > ax_plotOptions< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb35-3" title = "3" > < span class = "dt" > heatmap =< / span > < span class = "kw" > < a href = "../../reference/heatmap_opts.html" > heatmap_opts< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb35-4" title = "4" > < span class = "dt" > radius =< / span > < span class = "dv" > 0< / span > ,< / a >
< a class = "sourceLine" id = "cb35-5" title = "5" > < span class = "dt" > enableShades =< / span > < span class = "ot" > FALSE< / span > ,< / a >
< a class = "sourceLine" id = "cb35-6" title = "6" > < span class = "dt" > colorScale =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb35-7" title = "7" > < span class = "dt" > ranges =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb35-8" title = "8" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb35-9" title = "9" > < span class = "dt" > from =< / span > < span class = "dv" > 0< / span > ,< / a >
< a class = "sourceLine" id = "cb35-10" title = "10" > < span class = "dt" > to =< / span > < span class = "fl" > 0.001< / span > ,< / a >
< a class = "sourceLine" id = "cb35-11" title = "11" > < span class = "dt" > name =< / span > < span class = "st" > "Missing"< / span > ,< / a >
< a class = "sourceLine" id = "cb35-12" title = "12" > < span class = "dt" > color =< / span > < span class = "st" > "#FFF"< / span > < / a >
< a class = "sourceLine" id = "cb35-13" title = "13" > ),< / a >
< a class = "sourceLine" id = "cb35-14" title = "14" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb35-15" title = "15" > < span class = "dt" > from =< / span > < span class = "fl" > 0.001< / span > ,< / a >
< a class = "sourceLine" id = "cb35-16" title = "16" > < span class = "dt" > to =< / span > < span class = "dv" > 4< / span > ,< / a >
< a class = "sourceLine" id = "cb35-17" title = "17" > < span class = "dt" > name =< / span > < span class = "st" > "low"< / span > ,< / a >
< a class = "sourceLine" id = "cb35-18" title = "18" > < span class = "co" > # color = "#000004"< / span > < / a >
< a class = "sourceLine" id = "cb35-19" title = "19" > < span class = "dt" > color =< / span > < span class = "st" > "#FDE725"< / span > < / a >
< a class = "sourceLine" id = "cb35-20" title = "20" > ),< / a >
< a class = "sourceLine" id = "cb35-21" title = "21" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb35-22" title = "22" > < span class = "dt" > from =< / span > < span class = "dv" > 4< / span > ,< / a >
< a class = "sourceLine" id = "cb35-23" title = "23" > < span class = "dt" > to =< / span > < span class = "dv" > 70< / span > ,< / a >
< a class = "sourceLine" id = "cb35-24" title = "24" > < span class = "dt" > name =< / span > < span class = "st" > "mid-low"< / span > ,< / a >
< a class = "sourceLine" id = "cb35-25" title = "25" > < span class = "co" > # color = "#781C6D",< / span > < / a >
< a class = "sourceLine" id = "cb35-26" title = "26" > < span class = "dt" > color =< / span > < span class = "st" > "#35B779"< / span > < / a >
< a class = "sourceLine" id = "cb35-27" title = "27" > ),< / a >
< a class = "sourceLine" id = "cb35-28" title = "28" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb35-29" title = "29" > < span class = "dt" > from =< / span > < span class = "dv" > 70< / span > ,< / a >
< a class = "sourceLine" id = "cb35-30" title = "30" > < span class = "dt" > to =< / span > < span class = "dv" > 290< / span > ,< / a >
< a class = "sourceLine" id = "cb35-31" title = "31" > < span class = "dt" > name =< / span > < span class = "st" > "mid-high"< / span > ,< / a >
< a class = "sourceLine" id = "cb35-32" title = "32" > < span class = "co" > # color = "#ED6925",< / span > < / a >
< a class = "sourceLine" id = "cb35-33" title = "33" > < span class = "dt" > color =< / span > < span class = "st" > "#31688E"< / span > < / a >
< a class = "sourceLine" id = "cb35-34" title = "34" > ),< / a >
< a class = "sourceLine" id = "cb35-35" title = "35" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb35-36" title = "36" > < span class = "dt" > from =< / span > < span class = "dv" > 290< / span > ,< / a >
< a class = "sourceLine" id = "cb35-37" title = "37" > < span class = "dt" > to =< / span > < span class = "dv" > 3000< / span > ,< / a >
< a class = "sourceLine" id = "cb35-38" title = "38" > < span class = "dt" > name =< / span > < span class = "st" > "high"< / span > ,< / a >
< a class = "sourceLine" id = "cb35-39" title = "39" > < span class = "co" > # color = "#FCFFA4",< / span > < / a >
< a class = "sourceLine" id = "cb35-40" title = "40" > < span class = "dt" > color =< / span > < span class = "st" > "#440154"< / span > < / a >
< a class = "sourceLine" id = "cb35-41" title = "41" > )< / a >
< a class = "sourceLine" id = "cb35-42" title = "42" > )< / a >
< a class = "sourceLine" id = "cb35-43" title = "43" > )< / a >
< a class = "sourceLine" id = "cb35-44" title = "44" > )< / a >
< a class = "sourceLine" id = "cb35-45" title = "45" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Missing values are colored by default, above we set them to be displayed in white, and now we hide the corresponding legend :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb36" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb36-1" title = "1" > heatmap < -< span class = "st" > < / span > heatmap < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb36-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_legend.html" > ax_legend< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb36-3" title = "3" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb36-4" title = "4" > < span class = "st" > "function(seriesName, opts) {< / span > < / a >
< a class = "sourceLine" id = "cb36-5" title = "5" > < span class = "st" > if (seriesName == 'Missing') return null; else return seriesName;< / span > < / a >
< a class = "sourceLine" id = "cb36-6" title = "6" > < span class = "st" > }"< / span > < / a >
< a class = "sourceLine" id = "cb36-7" title = "7" > ),< / a >
< a class = "sourceLine" id = "cb36-8" title = "8" > < span class = "dt" > offsetY =< / span > < span class = "dv" > -15< / span > < / a >
< a class = "sourceLine" id = "cb36-9" title = "9" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Set size of the y-axis labels :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb37" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb37-1" title = "1" > heatmap < -< span class = "st" > < / span > heatmap < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb37-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb37-3" title = "3" > < span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb37-4" title = "4" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "8px"< / span > )< / a >
< a class = "sourceLine" id = "cb37-5" title = "5" > )< / a >
< a class = "sourceLine" id = "cb37-6" title = "6" > )< / a > < / code > < / pre > < / div >
2019-11-28 11:40:30 +01:00
< p > Add a vertical line to identify the year when the vaccine was introduced :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb38" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb38-1" title = "1" > heatmap < -< span class = "st" > < / span > heatmap < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb38-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_annotations.html" > ax_annotations< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb38-3" title = "3" > < span class = "dt" > xaxis =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb38-4" title = "4" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb38-5" title = "5" > < span class = "dt" > x =< / span > < span class = "dv" > 1963< / span > , < span class = "dt" > x2 =< / span > < span class = "fl" > 1963.1< / span > ,< / a >
< a class = "sourceLine" id = "cb38-6" title = "6" > < span class = "dt" > strokeDashArray =< / span > < span class = "dv" > 0< / span > , < / a >
< a class = "sourceLine" id = "cb38-7" title = "7" > < span class = "dt" > opacity =< / span > < span class = "dv" > 1< / span > , < / a >
< a class = "sourceLine" id = "cb38-8" title = "8" > < span class = "dt" > borderColor =< / span > < span class = "st" > "firebrick"< / span > ,< / a >
< a class = "sourceLine" id = "cb38-9" title = "9" > < span class = "dt" > fillColor =< / span > < span class = "st" > "firebrick"< / span > ,< / a >
< a class = "sourceLine" id = "cb38-10" title = "10" > < span class = "dt" > label =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb38-11" title = "11" > < span class = "dt" > borderColor =< / span > < span class = "st" > "firebrick"< / span > ,< / a >
< a class = "sourceLine" id = "cb38-12" title = "12" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > color =< / span > < span class = "st" > "#FFF"< / span > , < span class = "dt" > background =< / span > < span class = "st" > "firebrick"< / span > ),< / a >
< a class = "sourceLine" id = "cb38-13" title = "13" > < span class = "dt" > text =< / span > < span class = "st" > "Vaccine Introduced"< / span > , < / a >
< a class = "sourceLine" id = "cb38-14" title = "14" > < span class = "dt" > orientation =< / span > < span class = "st" > "horizontal"< / span > ,< / a >
< a class = "sourceLine" id = "cb38-15" title = "15" > < span class = "dt" > position =< / span > < span class = "st" > "bottom"< / span > ,< / a >
< a class = "sourceLine" id = "cb38-16" title = "16" > < span class = "dt" > offsetY =< / span > < span class = "dv" > 0< / span > < / a >
< a class = "sourceLine" id = "cb38-17" title = "17" > )< / a >
< a class = "sourceLine" id = "cb38-18" title = "18" > )< / a >
< a class = "sourceLine" id = "cb38-19" title = "19" > )< / a >
< a class = "sourceLine" id = "cb38-20" title = "20" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > As usual, add title and subtitle and format them :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb39" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb39-1" title = "1" > heatmap < -< span class = "st" > < / span > heatmap < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb39-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_labs.html" > ax_labs< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb39-3" title = "3" > < span class = "dt" > title =< / span > < span class = "st" > "Infectious Diseases and Vaccines"< / span > ,< / a >
< a class = "sourceLine" id = "cb39-4" title = "4" > < span class = "dt" > subtitle =< / span > < span class = "st" > "vaccines dataset from {highcharter}"< / span > < / a >
< a class = "sourceLine" id = "cb39-5" title = "5" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb39-6" title = "6" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb39-7" title = "7" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "22px"< / span > )< / a >
< a class = "sourceLine" id = "cb39-8" title = "8" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb39-9" title = "9" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb39-10" title = "10" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "16px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
< a class = "sourceLine" id = "cb39-11" title = "11" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< p > Final result looks like :< / p >
2020-03-20 10:17:30 +01:00
< div class = "sourceCode" id = "cb40" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb40-1" title = "1" > heatmap< / a > < / code > < / pre > < / div >
< div id = "htmlwidget-174c5246eeb6d2775b92" style = "width:100%;height:800px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-174c5246eeb6d2775b92" > { " x " : { " a x _ o p t s " : { " c h a r t " : { " t y p e " : " h e a t m a p " , " a n i m a t i o n s " : { " e n a b l e d " : f a l s e } } , " s e r i e s " : [ { " n a m e " : " A l a b a m a " , " d a t a " : [ { " x " : 1 9 2 8 , " y " : 3 3 4 . 9 9 } , { " x " : 1 9 2 9 , " y " : 1 1 1 . 9 3 } , { " x " : 1 9 3 0 , " y " : 1 5 7 } , { " x " : 1 9 3 1 , " y " : 3 3 7 . 2 9 } , { " x " : 1 9 3 2 , " y " : 1 0 . 2 1 } , { " x " : 1 9 3 3 , " y " : 6 5 . 2 2 } , { " x " : 1 9 3 4 , " y " : 5 9 0 . 2 7 } , { " x " : 1 9 3 5 , " y " : 2 6 5 . 3 4 } , { " x " : 1 9 3 6 , " y " : 2 0 . 7 8 } , { " x " : 1 9 3 7 , " y " : 2 2 . 4 6 } , { " x " : 1 9 3 8 , " y " : 4 9 6 . 4 4 } , { " x " : 1 9 3 9 , " y " : 1 8 2 . 6 4 } , { " x " : 1 9 4 0 , " y " : 1 1 5 . 1 2 } , { " x " : 1 9 4 1 , " y " : 2 9 7 . 4 7 } , { " x " : 1 9 4 2 , " y " : 1 2 6 . 1 5 } , { " x " : 1 9 4 3 , " y " : 1 3 0 . 8 2 } , { " x " : 1 9 4 4 , " y " : 2 5 2 . 8 7 } , { " x " : 1 9 4 5 , " y " : 2 7 . 3 3 } , { " x " : 1 9 4 6 , " y " : 1 2 6 . 7 5 } , { " x " : 1 9 4 7 , " y " : 1 2 7 . 2 6 } , { " x " : 1 9 4 8 , " y " : 6 9 . 0 9 } , { " x " : 1 9 4 9 , " y " : 3 6 8 . 8 } , { " x " : 1 9 5 0 , " y " : 5 0 . 9 } , { " x " : 1 9 5 1 , " y " : 1 0 3 . 2 4 } , { " x " : 1 9 5 2 , " y " : 3 5 1 . 7 2 } , { " x " : 1 9 5 3 , " y " : 9 3 . 9 9 } , { " x " : 1 9 5 4 , " y " : 2 8 0 . 3 9 } , { " x " : 1 9 5 5 , " y " : 6 9 . 6 8 } , { " x " : 1 9 5 6 , " y " : 2 3 1 . 7 5 } , { " x " : 1 9 5 7 , " y " : 2 9 9 . 7 9 } , { " x " : 1 9 5 8 , " y " : 2 4 2 . 3 4 } , { " x " : 1 9 5 9 , " y " : 1 0 8 . 1 9 } , { " x " : 1 9 6 0 , " y " : 6 3 . 3 3 } , { " x " : 1 9 6 1 , " y " : 7 8 . 0 1 } , { " x " : 1 9 6 2 , " y " : 7 1 . 5 8 } , { " x " : 1 9 6 3 , " y " : 3 4 . 7 4 } , { " x " : 1 9 6 4 , " y " : 5 3 3 . 6 8 } , { " x " : 1 9 6 5 , " y " : 6 8 . 2 } , { " x " : 1 9 6 6 , " y " : 5 2 . 3 8 } , { " x " : 1 9 6 7 , " y " : 3 8 . 9 8 } , { " x " : 1 9 6 8 , " y " : 4 . 6 5 } , { " x " : 1 9 6 9 , " y " : 0 . 3 6 } , { " x " : 1 9 7 0 , " y " : 1 3 . 9 4 } , { " x " : 1 9 7 1 , " y " : 5 5 . 2 4 } , { " x " : 1 9 7 2 , " y " : 4 . 0 2 } , { " x " : 1 9 7 3 , " y " : 0 . 4 2 } , { " x " : 1 9 7 4 , " y " : 0 . 5 8 } , { " x " : 1 9 7 5 , " y " : 0 . 1 3 } , { " x " : 1 9 7 6 , " y " : n u l l } , { " x " : 1 9 7 7 , " y " : 2 . 0 6 } , { " x " : 1 9 7 8 , " y " : 3 . 4 3 } , { " x " : 1 9 7 9 , " y " : 3 . 3 5 } , { " x " : 1 9 8 0 , " y " : 0 . 5 7 } , { " x " : 1 9 8 1 , " y " : n u l l } , { " x " : 1 9 8 2 , " y " : 0 . 0 5 } , { " x " : 1 9 8 3 , " y " : 0 . 0 3 } , { " x " : 1 9 8 4 , " y " : n u l l } , { " x " : 1 9 8 5 , " y " : n u l l } , { " x " : 1 9 8 6 , " y " : 0 . 0 2 } , { " x " : 1 9 8 7 , " y " : 0 . 0 9 } , { " x " : 1 9 8 8 , " y " : 0 . 0 2 } , { " x " : 1 9 8 9 , " y " : 1 . 4 6 } , { " x " : 1 9 9 0 , " y " : 0 . 6 5 } , { " x " : 1 9 9 1 , " y " : 0 . 0 2 } , { " x " : 1 9 9 2 , " y " : n u l l } , { " x " : 1 9 9 3 , " y " : 0 . 0 2 } , { " x " : 1 9 9 4 , " y " : n u l l } , { " x " : 1 9 9 5 , " y " : n u l l } , { " x " : 1 9 9 6 , " y " : n u l l } , { " x " : 1 9 9 7 , " y " : 0 . 1 4 } , { " x " : 1 9 9 8 , " y " : n u l l } , { " x " : 1 9 9 9 , " y " : n u l l } , { " x " : 2 0 0 0 , " y " : n u l l } , { " x " : 2 0 0 1 , " y " : n u l l } , { " x " : 2 0 0 2 , " y " : 0 . 1 6 } , { " x " : 2 0 0 3 , " y " : n u l l } ] } , { " n a m e " : " A l a s k a " , " d a t a " : [ { " x " : 1 9 2 8 , " y " : n u l l } , { " x " : 1 9 2 9 , " y " : n u l l } , { " x " : 1 9 3 0 , " y " : n u l l } , { " x " : 1 9 3 1 , " y " : n u l l } , { " x " : 1 9 3 2 , " y " : n u l l } , { " x " : 1 9 3 3 , " y " : n u l l } , { " x " : 1 9 3 4 , " y " : n u l l } , { " x " : 1 9 3 5 , " y " : n u l l } , { " x " : 1 9 3 6 , " y " : n u l l } , { " x " : 1 9 3 7 , " y " : n u l l } , { " x " : 1 9 3 8 , " y " : n u l l } , { " x " : 1 9 3 9 , " y " : n u l l } , { " x " : 1 9 4 0 , " y " : n u l l } , { " x " : 1 9 4 1 , " y " : n u l l } , { " x " : 1 9 4 2 , " y " : n u l l } , { " x " : 1 9 4 3 , " y " : n u l l } , { " x " : 1 9 4 4 , " y " : n u l l } , { " x " : 1 9 4 5 , " y " : n u l l } , { " x " : 1 9 4 6 , " y " : n u l l } , { " x " : 1 9 4 7 , " y " : n u l l } , { " x " : 1 9 4 8 , " y " : n u l l } , { " x " : 1 9 4 9 , " y " : n u l l } , { " x " : 1 9 5 0 , " y " : n u l l } , { " x " : 1 9 5 1 , " y " : n u l l } , { " x " : 1 9 5 2 , " y " : n u l l } , { " x " : 1 9 5 3 , " y " : n u l l } , { " x " : 1 9 5 4 , " y " : 6 9 1 . 6 7 } , { " x " : 1 9 5 5 , " y " : 2 4 1 . 8 7 } , { " x " : 1 9 5 6 , " y " : 1 1 2 0 . 9 8 } , { " x " : 1 9 5 7 , " y " : 4 1 4 . 7 } , { " x " : 1 9 5 8 , " y " : 5 6 2 . 0 6 } , { " x " : 1 9 5 9 , " y " : 8 1 6 . 5 5 } , { " x " : 1 9 6 0 , " y " : 6 3 5 . 7 9 } , { " x " : 1 9 6 1 , " y " : 4 2 0 . 9 6 } , { " x " : 1 9 6 2 , " y " : 5 7 1 . 5 4 } , { " x " : 1 9 6 3 , " y " : 7 2 2 . 2 7 } , { " x " : 1 9 6 4 , " y " : 4 3 9 . 8 9 } , { " x " : 1 9 6 5 , " y " : 7 9 . 3 8 } , { " x " : 1 9 6 6 , " y " : 2 3 6 . 5 7 } , { " x " : 1 9 6 7 , " y " : 5 3 . 2 7 } , { " x " : 1 9 6 8 , " y " : 3 . 8 6 } , { " x " : 1 9 6 9 , " y " : 6 . 7 7 } , { " x " : 1 9 7 0 , " y " : 3 3 . 6 1 } , { " x " : 1 9 7 1 , " y " : 1 9 . 4 2 } , { " x " : 1 9 7 2 , " y " : 3 . 9 4 } , { " x " : 1 9 7 3 , " y " : 1 . 4 7 } , { " x " : 1 9 7 4 , " y " : 0 . 2 7 } , { " x " : 1 9 7 5 , " y " : n u l l } , { " x " : 1 9 7 6 , " y " : 2 . 7 3 } , { " x " : 1 9 7 7 , " y " : 1 5 . 0 7 } , { " x " : 1 9 7 8 , " y " : 0 . 5 } , { " x " : 1 9 7 9 , " y " : 4 . 4 8 } , { " x " : 1 9 8 0 , " y " : 1 . 4 4 } , { " x " : 1 9 8 1 , " y " : n u l l } , { " x " : 1 9 8 2 , " y " : 0 . 2 } , { " x " : 1 9 8 3 , " y " : n u l l } , { " x " : 1 9 8 4 , " y " : n u l l } , { " x " : 1 9 8 5 , " y " : n u l l } , { " x " : 1 9 8 6 , " y " : n u l l } , { " x " : 1 9 8 7 , " y " : n u l l } , { " x " : 1 9 8 8 , " y " : 0 . 1 8 } , { " x " : 1 9 8 9 , " y " : n u l l } , { " x " : 1 9 9 0 , " y " : 4 . 8 6 } , { " x " : 1 9 9 1 , " y " : 0 . 1 8 } , { " x " : 1 9 9 2 , " y " : 0 . 6 8 } , { " x " : 1 9 9 3 , " y " : n u l l } , { " x " : 1 9 9 4 , " y " : 2 . 6 7 } , { " x " : 1 9 9 5 , " y " : n u l l } , { " x " : 1 9 9 6 , " y " : 1 1 . 1 6 } , { " x " : 1 9 9 7 , " y " : 0 . 1 6 } , { " x " : 1 9 9 8 , " y " : 2 . 5 8 } , { " x " : 1 9 9 9 , " y " : n u l l } , { " x " : 2 0 0 0 , " y " : 0 . 1 6 } , { " x " : 2 0 0 1 , " y " : n u l l } , { " x " : 2 0 0 2 , " y " : n u l l } , { " x " : 2 0 0 3 , " y " : n u l l } ] } , { " n a m e " : " A r i z o n a " , " d a t a " : [ { " x " : 1 9 2 8 , " y " : 2 0 0 . 7 5 } , { " x " : 1 9 2 9 , " y " : 5 4 . 8 8 } , { " x " : 1 9 3 0 , " y " : 4 6 6 . 3 1 } , { " x " : 1 9 3 1 , " y " : 4 9 7 . 6 9 } , { " x " : 1 9 3 2 , " y " : 2 0 . 1 1 } , { " x " : 1 9 3 3 , " y " : 2 9 6 . 0 1 } , { " x " : 1 9 3 4 , " y " : 2 3 8 . 8 1 } , { " x " : 1 9 3 5 , " y " : 1 3 5 . 0 2 } , { " x " : 1 9 3 6 , " y " : 5 2 5 . 5 } , { " x " : 1 9 3 7 , " y " : 8 3 7 . 3 } , { " x " : 1 9 3 8 , " y " : 1 4 9 . 3 4 } , { " x " : 1 9 3 9 , " y " : 1 4 4 . 0 2 } , { " x " : 1 9 4 0 , " y " : 3 3 9 . 0 6 } , { " x " : 1 9 4 1 , " y " : 6 1 5 . 2 9 } , { " x " : 1 9 4 2 , " y " : 7 4 0 . 8 3 } , { " x " : 1 9 4 3 , " y " : 1 7 2 . 4 4 } , { " x " : 1 9 4 4 , " y " : 7 3 6 . 7 1 } , { " x " : 1 9 4 5 , " y " : 9 3 . 7 4 } , { " x " : 1 9 4 6 , " y " : 4 9 8 . 6 9 } , { " x " : 1 9 4 7 , " y " : 2 2 4 . 4 9 } , { " x " : 1 9 4 8 , " y " : 6 2 3 . 3 8 } , { " x " : 1 9 4 9 , " y " : 5 3 1 . 4 6 } , { " x " : 1 9 5 0 , " y " : 3 1 5 . 9 5 } , { " x " : 1 9 5 1 , " y " : 1 3 5 1 . 4 9 } , { " x " : 1 9 5 2 , " y " : 4 2 4 . 5 9 } , { " x " : 1 9 5 3 , " y " : 5 5 7 . 9 1 } , { " x " : 1 9 5 4 , " y " : 5 3 1 . 5 1 } , { " x " : 1 9 5 5 , " y " : 1 0 2 4 . 0 3 } , { " x " : 1 9 5 6 , " y " : 6 4 4 . 3 2 } , { " x " : 1 9 5 7 , " y " : 7 0 0 . 9 7 } , { " x " : 1 9 5 8 , " y " : 8 2 5 . 1 8 } , { " x " : 1 9 5 9 , " y " : 7 1 9 . 0 2 } , { " x " : 1 9 6 0 , " y " : 3 2 5 . 9 1 } , { " x
< div class = "sourceCode" id = "cb41" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb41-1" title = "1" > < span class = "kw" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "vaccines"< / span > , < span class = "dt" > package =< / span > < span class = "st" > "highcharter"< / span > )< / a >
< a class = "sourceLine" id = "cb41-2" title = "2" > < / a >
< a class = "sourceLine" id = "cb41-3" title = "3" > < span class = "kw" > < a href = "../../reference/apex.html" > apex< / a > < / span > (vaccines, < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > aes< / a > < / span > (year, state, < span class = "dt" > fill =< / span > count), < span class = "dt" > type =< / span > < span class = "st" > "heatmap"< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-4" title = "4" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_chart.html" > ax_chart< / a > < / span > (< span class = "dt" > animations =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > enabled =< / span > < span class = "ot" > FALSE< / span > )) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-5" title = "5" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_dataLabels.html" > ax_dataLabels< / a > < / span > (< span class = "dt" > enabled =< / span > < span class = "ot" > FALSE< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-6" title = "6" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_stroke.html" > ax_stroke< / a > < / span > (< span class = "dt" > width =< / span > < span class = "dv" > 0< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-7" title = "7" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_plotOptions.html" > ax_plotOptions< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-8" title = "8" > < span class = "dt" > heatmap =< / span > < span class = "kw" > < a href = "../../reference/heatmap_opts.html" > heatmap_opts< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-9" title = "9" > < span class = "dt" > radius =< / span > < span class = "dv" > 0< / span > ,< / a >
< a class = "sourceLine" id = "cb41-10" title = "10" > < span class = "dt" > enableShades =< / span > < span class = "ot" > FALSE< / span > ,< / a >
< a class = "sourceLine" id = "cb41-11" title = "11" > < span class = "dt" > colorScale =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-12" title = "12" > < span class = "dt" > ranges =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-13" title = "13" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-14" title = "14" > < span class = "dt" > from =< / span > < span class = "dv" > 0< / span > ,< / a >
< a class = "sourceLine" id = "cb41-15" title = "15" > < span class = "dt" > to =< / span > < span class = "fl" > 0.001< / span > ,< / a >
< a class = "sourceLine" id = "cb41-16" title = "16" > < span class = "dt" > name =< / span > < span class = "st" > "Missing"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-17" title = "17" > < span class = "dt" > color =< / span > < span class = "st" > "#FFF"< / span > < / a >
< a class = "sourceLine" id = "cb41-18" title = "18" > ),< / a >
< a class = "sourceLine" id = "cb41-19" title = "19" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-20" title = "20" > < span class = "dt" > from =< / span > < span class = "fl" > 0.001< / span > ,< / a >
< a class = "sourceLine" id = "cb41-21" title = "21" > < span class = "dt" > to =< / span > < span class = "dv" > 4< / span > ,< / a >
< a class = "sourceLine" id = "cb41-22" title = "22" > < span class = "dt" > name =< / span > < span class = "st" > "low"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-23" title = "23" > < span class = "co" > # color = "#000004"< / span > < / a >
< a class = "sourceLine" id = "cb41-24" title = "24" > < span class = "dt" > color =< / span > < span class = "st" > "#FDE725"< / span > < / a >
< a class = "sourceLine" id = "cb41-25" title = "25" > ),< / a >
< a class = "sourceLine" id = "cb41-26" title = "26" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-27" title = "27" > < span class = "dt" > from =< / span > < span class = "dv" > 4< / span > ,< / a >
< a class = "sourceLine" id = "cb41-28" title = "28" > < span class = "dt" > to =< / span > < span class = "dv" > 70< / span > ,< / a >
< a class = "sourceLine" id = "cb41-29" title = "29" > < span class = "dt" > name =< / span > < span class = "st" > "mid-low"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-30" title = "30" > < span class = "co" > # color = "#781C6D",< / span > < / a >
< a class = "sourceLine" id = "cb41-31" title = "31" > < span class = "dt" > color =< / span > < span class = "st" > "#35B779"< / span > < / a >
< a class = "sourceLine" id = "cb41-32" title = "32" > ),< / a >
< a class = "sourceLine" id = "cb41-33" title = "33" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-34" title = "34" > < span class = "dt" > from =< / span > < span class = "dv" > 70< / span > ,< / a >
< a class = "sourceLine" id = "cb41-35" title = "35" > < span class = "dt" > to =< / span > < span class = "dv" > 290< / span > ,< / a >
< a class = "sourceLine" id = "cb41-36" title = "36" > < span class = "dt" > name =< / span > < span class = "st" > "mid-high"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-37" title = "37" > < span class = "co" > # color = "#ED6925",< / span > < / a >
< a class = "sourceLine" id = "cb41-38" title = "38" > < span class = "dt" > color =< / span > < span class = "st" > "#31688E"< / span > < / a >
< a class = "sourceLine" id = "cb41-39" title = "39" > ),< / a >
< a class = "sourceLine" id = "cb41-40" title = "40" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-41" title = "41" > < span class = "dt" > from =< / span > < span class = "dv" > 290< / span > ,< / a >
< a class = "sourceLine" id = "cb41-42" title = "42" > < span class = "dt" > to =< / span > < span class = "dv" > 3000< / span > ,< / a >
< a class = "sourceLine" id = "cb41-43" title = "43" > < span class = "dt" > name =< / span > < span class = "st" > "high"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-44" title = "44" > < span class = "co" > # color = "#FCFFA4",< / span > < / a >
< a class = "sourceLine" id = "cb41-45" title = "45" > < span class = "dt" > color =< / span > < span class = "st" > "#440154"< / span > < / a >
< a class = "sourceLine" id = "cb41-46" title = "46" > )< / a >
< a class = "sourceLine" id = "cb41-47" title = "47" > )< / a >
< a class = "sourceLine" id = "cb41-48" title = "48" > )< / a >
< a class = "sourceLine" id = "cb41-49" title = "49" > )< / a >
< a class = "sourceLine" id = "cb41-50" title = "50" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-51" title = "51" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_legend.html" > ax_legend< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-52" title = "52" > < span class = "dt" > formatter =< / span > < span class = "kw" > < a href = "../../reference/apexcharter-exports.html" > JS< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-53" title = "53" > < span class = "st" > "function(seriesName, opts) {< / span > < / a >
< a class = "sourceLine" id = "cb41-54" title = "54" > < span class = "st" > if (seriesName == 'Missing') return null; else return seriesName;< / span > < / a >
< a class = "sourceLine" id = "cb41-55" title = "55" > < span class = "st" > }"< / span > < / a >
< a class = "sourceLine" id = "cb41-56" title = "56" > ),< / a >
< a class = "sourceLine" id = "cb41-57" title = "57" > < span class = "dt" > offsetY =< / span > < span class = "dv" > -15< / span > < / a >
< a class = "sourceLine" id = "cb41-58" title = "58" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-59" title = "59" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-60" title = "60" > < span class = "dt" > labels =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-61" title = "61" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "8px"< / span > ),< / a >
< a class = "sourceLine" id = "cb41-62" title = "62" > < span class = "dt" > offsetY =< / span > < span class = "dv" > -20< / span > < / a >
< a class = "sourceLine" id = "cb41-63" title = "63" > )< / a >
< a class = "sourceLine" id = "cb41-64" title = "64" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-65" title = "65" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_annotations.html" > ax_annotations< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-66" title = "66" > < span class = "dt" > xaxis =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-67" title = "67" > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-68" title = "68" > < span class = "dt" > x =< / span > < span class = "dv" > 1963< / span > , < span class = "dt" > x2 =< / span > < span class = "fl" > 1963.1< / span > ,< / a >
< a class = "sourceLine" id = "cb41-69" title = "69" > < span class = "dt" > strokeDashArray =< / span > < span class = "dv" > 0< / span > , < / a >
< a class = "sourceLine" id = "cb41-70" title = "70" > < span class = "dt" > opacity =< / span > < span class = "dv" > 1< / span > , < / a >
< a class = "sourceLine" id = "cb41-71" title = "71" > < span class = "dt" > borderColor =< / span > < span class = "st" > "firebrick"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-72" title = "72" > < span class = "dt" > fillColor =< / span > < span class = "st" > "firebrick"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-73" title = "73" > < span class = "dt" > label =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-74" title = "74" > < span class = "dt" > borderColor =< / span > < span class = "st" > "firebrick"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-75" title = "75" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > color =< / span > < span class = "st" > "#FFF"< / span > , < span class = "dt" > background =< / span > < span class = "st" > "firebrick"< / span > ),< / a >
< a class = "sourceLine" id = "cb41-76" title = "76" > < span class = "dt" > text =< / span > < span class = "st" > "Vaccine Introduced"< / span > , < / a >
< a class = "sourceLine" id = "cb41-77" title = "77" > < span class = "dt" > orientation =< / span > < span class = "st" > "horizontal"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-78" title = "78" > < span class = "dt" > position =< / span > < span class = "st" > "bottom"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-79" title = "79" > < span class = "dt" > offsetY =< / span > < span class = "dv" > 0< / span > < / a >
< a class = "sourceLine" id = "cb41-80" title = "80" > )< / a >
< a class = "sourceLine" id = "cb41-81" title = "81" > )< / a >
< a class = "sourceLine" id = "cb41-82" title = "82" > )< / a >
< a class = "sourceLine" id = "cb41-83" title = "83" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-84" title = "84" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_labs.html" > ax_labs< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-85" title = "85" > < span class = "dt" > title =< / span > < span class = "st" > "Infectious Diseases and Vaccines"< / span > ,< / a >
< a class = "sourceLine" id = "cb41-86" title = "86" > < span class = "dt" > subtitle =< / span > < span class = "st" > "vaccines dataset from {highcharter}"< / span > < / a >
< a class = "sourceLine" id = "cb41-87" title = "87" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-88" title = "88" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-89" title = "89" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "22px"< / span > )< / a >
< a class = "sourceLine" id = "cb41-90" title = "90" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb41-91" title = "91" > < span class = "st" > < / span > < span class = "kw" > < a href = "../../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb41-92" title = "92" > < span class = "dt" > style =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "dt" > fontSize =< / span > < span class = "st" > "16px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
< a class = "sourceLine" id = "cb41-93" title = "93" > )< / a > < / code > < / pre > < / div >
2019-09-06 13:03:56 +02:00
< / details >
< / div >
< / div >
< div class = "col-md-3 hidden-xs hidden-sm" id = "sidebar" >
< div id = "tocnav" >
< h2 class = "hasAnchor" >
< a href = "#tocnav" class = "anchor" > < / a > Contents< / h2 >
< ul class = "nav nav-pills nav-stacked" >
< li > < a href = "#bar-chart" > Bar chart< / a > < / li >
< li > < a href = "#lines" > Lines< / a > < / li >
< li > < a href = "#scatter-plot" > Scatter plot< / a > < / li >
< li > < a href = "#heatmap" > Heatmap< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
2019-11-28 11:40:30 +01:00
2019-09-06 13:03:56 +02:00
< footer > < div class = "copyright" >
< p > Developed by < a href = "https://twitter.com/_pvictorr" > < img src = "https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg" > Victor Perrier< / a > , < a href = "https://twitter.com/_mfaan" > < img src = "https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg" > Fanny Meyer< / a > .< / p >
< / div >
< div class = "pkgdown" >
2019-11-28 11:40:30 +01:00
< p > Site built with < a href = "https://pkgdown.r-lib.org/" > pkgdown< / a > 1.4.1.< / p >
2019-09-06 13:03:56 +02:00
< / div >
2019-11-28 11:40:30 +01:00
2019-09-06 13:03:56 +02:00
< / footer >
< / div >
2019-11-28 11:40:30 +01:00
2020-02-25 15:57:21 +01:00
< div id = "particles" > < / div >
< script >
window.onload = function() {
var config = {"particles":{"number":{"value":100,"density":{"enable":true,"value_area":800}},"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":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true}},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}},"retina_detect":true} ;
particlesJS("particles", config);
};
< / script >
< / body >
2019-09-06 13:03:56 +02:00
< / html >