2019-05-15 11:53:53 +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 > Labs: title, subtitle & axis • 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" >
<!-- 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" >
2019-05-15 11:53:53 +02:00
< script src = "../pkgdown.js" > < / script > < meta property = "og:title" content = "Labs: title, subtitle & axis" >
< 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-05-15 11:53:53 +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" >
2019-05-15 11:53:53 +02: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-05-15 11:53:53 +02:00
< / span >
< / div >
< div id = "navbar" class = "navbar-collapse collapse" >
< ul class = "nav navbar-nav" >
< li >
< a href = "../index.html" >
2020-02-15 15:17:46 +01:00
< span class = "fas fa fas fa-home fa-lg" > < / span >
2019-05-15 11:53:53 +02:00
< / a >
< / li >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../articles/apexcharter.html" > Get started< / a >
2019-05-15 11:53:53 +02:00
< / li >
< li >
< a href = "../reference/index.html" > Reference< / a >
< / li >
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" role = "button" aria-expanded = "false" >
Articles
< span class = "caret" > < / span >
< / a >
< ul class = "dropdown-menu" role = "menu" >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../articles/articles/advanced-configuration.html" > Advanced configuration examples< / a >
< / li >
< li >
2019-05-15 11:53:53 +02:00
< a href = "../articles/labs.html" > Labs: title, subtitle & axis< / a >
< / li >
2019-05-21 10:27:53 +02:00
< li >
< 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 >
2019-09-06 13:03:56 +02:00
< li >
2020-02-15 15:17:46 +01:00
< a href = "../articles/sync-charts.html" > Syncing charts< / a >
2019-09-06 13:03:56 +02:00
< / li >
2019-05-15 11:53:53 +02:00
< / ul >
< / li >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../news/index.html" > Changelog< / a >
2019-05-15 11:53:53 +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-05-15 11:53:53 +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 = "labs_files/htmlwidgets-1.5.1/htmlwidgets.js" > < / script > < script src = "labs_files/apexcharts-3.17.0/apexcharts.min.js" > < / script > < script src = "labs_files/d3-format-1.4.2/d3-format.min.js" > < / script > < script src = "labs_files/apexcharter-binding-0.1.3.990/apexcharter.js" > < / script > < div class = "row" >
2019-05-15 11:53:53 +02:00
< div class = "col-md-9 contents" >
< div class = "page-header toc-ignore" >
< h1 > Labs: title, subtitle & axis< / h1 >
< small class = "dont-index" > Source: < a href = "https://github.com/dreamRs/apexcharter/blob/master/vignettes/labs.Rmd" > < code > vignettes/labs.Rmd< / code > < / a > < / small >
< div class = "hidden name" > < code > labs.Rmd< / code > < / div >
< / div >
< p > Packages and data used below:< / p >
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 >
2019-05-15 11:53:53 +02:00
< a class = "sourceLine" id = "cb1-3" title = "3" > < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb1-4" title = "4" > < span class = "kw" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "diamonds"< / span > , < span class = "dt" > package =< / span > < span class = "st" > "ggplot2"< / span > )< / a >
2019-05-15 11:53:53 +02:00
< a class = "sourceLine" id = "cb1-5" title = "5" > n_cut < -< span class = "st" > < / span > dplyr< span class = "op" > ::< / span > < span class = "kw" > < a href = "https://dplyr.tidyverse.org/reference/tally.html" > count< / a > < / span > (diamonds, cut)< / a > < / code > < / pre > < / div >
< div id = "chart-title" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#chart-title" class = "anchor" > < / a > Chart title< / h2 >
< 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 = "../reference/apex.html" > apex< / a > < / span > (< span class = "dt" > data =< / span > n_cut, < span class = "dt" > type =< / span > < span class = "st" > "column"< / span > , < span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "dt" > x =< / span > cut, < span class = "dt" > y =< / span > n)) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb2-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_title.html" > ax_title< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Cut distribution"< / span > )< / a > < / code > < / pre > < / div >
2020-03-20 10:17:30 +01:00
< div id = "htmlwidget-eacaf1138b3b09c58ee7" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-eacaf1138b3b09c58ee7" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : "n" , "data" : [ { "x" : "Fair" , "y" : 1610 } , { "x" : "Good" , "y" : 4906 } , { "x" : "Very Good" , "y" : 12082 } , { "x" : "Premium" , "y" : 13791 } , { "x" : "Ideal" , "y" : 21551 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "title" : { "text" : "Cut distribution" } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : false } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > You can set some options, for example:< / p >
2019-05-15 11:53:53 +02:00
< div class = "sourceCode" id = "cb3" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb3-1" title = "1" > < span class = "kw" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "dt" > data =< / span > n_cut, < span class = "dt" > type =< / span > < span class = "st" > "column"< / span > , < span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "dt" > x =< / span > cut, < span class = "dt" > y =< / span > n)) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb3-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb3-3" title = "3" > < span class = "dt" > text =< / span > < span class = "st" > "Cut distribution"< / span > , < / a >
< a class = "sourceLine" id = "cb3-4" title = "4" > < span class = "dt" > align =< / span > < span class = "st" > "center"< / span > ,< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb3-5" title = "5" > < 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-05-15 11:53:53 +02:00
< a class = "sourceLine" id = "cb3-6" title = "6" > )< / a > < / code > < / pre > < / div >
2020-03-20 10:17:30 +01:00
< div id = "htmlwidget-fabf742d585e8041211e" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-fabf742d585e8041211e" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : "n" , "data" : [ { "x" : "Fair" , "y" : 1610 } , { "x" : "Good" , "y" : 4906 } , { "x" : "Very Good" , "y" : 12082 } , { "x" : "Premium" , "y" : 13791 } , { "x" : "Ideal" , "y" : 21551 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "title" : { "text" : "Cut distribution" , "align" : "center" , "style" : { "fontSize" : "22px" } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : false } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > Full list of parameters is available here : < a href = "https://apexcharts.com/docs/options/title/" class = "uri" > https://apexcharts.com/docs/options/title/< / a > < / p >
2019-05-15 11:53:53 +02:00
< / div >
< div id = "chart-subtitle" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#chart-subtitle" class = "anchor" > < / a > Chart subtitle< / h2 >
< div class = "sourceCode" id = "cb4" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb4-1" title = "1" > < span class = "kw" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "dt" > data =< / span > n_cut, < span class = "dt" > type =< / span > < span class = "st" > "column"< / span > , < span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "dt" > x =< / span > cut, < span class = "dt" > y =< / span > n)) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb4-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_title.html" > ax_title< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Cut distribution"< / span > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb4-3" title = "3" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< span class = "dt" > text =< / span > < span class = "st" > "Data from ggplot2"< / span > )< / a > < / code > < / pre > < / div >
2020-03-20 10:17:30 +01:00
< div id = "htmlwidget-559355bd93a4eae0e0b5" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-559355bd93a4eae0e0b5" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : "n" , "data" : [ { "x" : "Fair" , "y" : 1610 } , { "x" : "Good" , "y" : 4906 } , { "x" : "Very Good" , "y" : 12082 } , { "x" : "Premium" , "y" : 13791 } , { "x" : "Ideal" , "y" : 21551 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "title" : { "text" : "Cut distribution" } , "subtitle" : { "text" : "Data from ggplot2" } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : false } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > With same options than for title:< / p >
2019-05-15 11:53:53 +02:00
< div class = "sourceCode" id = "cb5" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb5-1" title = "1" > < span class = "kw" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "dt" > data =< / span > n_cut, < span class = "dt" > type =< / span > < span class = "st" > "column"< / span > , < span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "dt" > x =< / span > cut, < span class = "dt" > y =< / span > n)) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb5-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_title.html" > ax_title< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb5-3" title = "3" > < span class = "dt" > text =< / span > < span class = "st" > "Cut distribution"< / span > , < / a >
< a class = "sourceLine" id = "cb5-4" title = "4" > < span class = "dt" > align =< / span > < span class = "st" > "center"< / span > ,< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb5-5" title = "5" > < 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-05-15 11:53:53 +02:00
< a class = "sourceLine" id = "cb5-6" title = "6" > ) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb5-7" title = "7" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< / a >
< a class = "sourceLine" id = "cb5-8" title = "8" > < span class = "dt" > text =< / span > < span class = "st" > "Data from ggplot2"< / span > , < / a >
< a class = "sourceLine" id = "cb5-9" title = "9" > < span class = "dt" > align =< / span > < span class = "st" > "center"< / span > ,< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb5-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-05-15 11:53:53 +02:00
< a class = "sourceLine" id = "cb5-11" title = "11" > )< / a > < / code > < / pre > < / div >
2020-03-20 10:17:30 +01:00
< div id = "htmlwidget-b2ddfaf07d885554e0d6" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-b2ddfaf07d885554e0d6" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : "n" , "data" : [ { "x" : "Fair" , "y" : 1610 } , { "x" : "Good" , "y" : 4906 } , { "x" : "Very Good" , "y" : 12082 } , { "x" : "Premium" , "y" : 13791 } , { "x" : "Ideal" , "y" : 21551 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "title" : { "text" : "Cut distribution" , "align" : "center" , "style" : { "fontSize" : "22px" } } , "subtitle" : { "text" : "Data from ggplot2" , "align" : "center" , "style" : { "fontSize" : "16px" , "color" : "#BDBDBD" } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : false } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > Full list of parameters is available here : < a href = "https://apexcharts.com/docs/options/subtitle/" class = "uri" > https://apexcharts.com/docs/options/subtitle/< / a > < / p >
2019-05-15 11:53:53 +02:00
< / div >
< div id = "axis-title" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#axis-title" class = "anchor" > < / a > Axis title< / h2 >
< div class = "sourceCode" id = "cb6" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb6-1" title = "1" > < span class = "kw" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "dt" > data =< / span > n_cut, < span class = "dt" > type =< / span > < span class = "st" > "column"< / span > , < span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "dt" > x =< / span > cut, < span class = "dt" > y =< / span > n)) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb6-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< 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" > "Count"< / span > )) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
< a class = "sourceLine" id = "cb6-3" title = "3" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< 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" > "Cut"< / span > ))< / a > < / code > < / pre > < / div >
2020-03-20 10:17:30 +01:00
< div id = "htmlwidget-be9573559981ca0c5165" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-be9573559981ca0c5165" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : "n" , "data" : [ { "x" : "Fair" , "y" : 1610 } , { "x" : "Good" , "y" : 4906 } , { "x" : "Very Good" , "y" : 12082 } , { "x" : "Premium" , "y" : 13791 } , { "x" : "Ideal" , "y" : 21551 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "yaxis" : { "title" : { "text" : "Count" } } , "xaxis" : { "title" : { "text" : "Cut" } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : false } } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > With some options:< / p >
2019-05-15 11:53:53 +02:00
< div class = "sourceCode" id = "cb7" > < pre class = "sourceCode r" > < code class = "sourceCode r" > < a class = "sourceLine" id = "cb7-1" title = "1" > < span class = "kw" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "dt" > data =< / span > n_cut, < span class = "dt" > type =< / span > < span class = "st" > "column"< / span > , < span class = "dt" > mapping =< / span > < span class = "kw" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "dt" > x =< / span > cut, < span class = "dt" > y =< / span > n)) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb7-2" title = "2" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2019-05-15 11:53:53 +02:00
< a class = "sourceLine" id = "cb7-3" title = "3" > < span class = "dt" > text =< / span > < span class = "st" > "Count"< / span > ,< / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb7-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" > "14px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
2019-05-15 11:53:53 +02:00
< a class = "sourceLine" id = "cb7-5" title = "5" > )) < span class = "op" > %> %< / span > < span class = "st" > < / span > < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb7-6" title = "6" > < span class = "st" > < / span > < span class = "kw" > < a href = "../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< span class = "dt" > title =< / span > < span class = "kw" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< / a >
2019-05-15 11:53:53 +02:00
< a class = "sourceLine" id = "cb7-7" title = "7" > < span class = "dt" > text =< / span > < span class = "st" > "Cut"< / span > , < / a >
2019-11-28 11:40:30 +01:00
< a class = "sourceLine" id = "cb7-8" title = "8" > < 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" > "14px"< / span > , < span class = "dt" > color =< / span > < span class = "st" > "#BDBDBD"< / span > )< / a >
2019-05-15 11:53:53 +02:00
< a class = "sourceLine" id = "cb7-9" title = "9" > ))< / a > < / code > < / pre > < / div >
2020-03-20 10:17:30 +01:00
< div id = "htmlwidget-30201aedab2cdd142731" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-30201aedab2cdd142731" > { "x" : { "ax_opts" : { "chart" : { "type" : "bar" } , "series" : [ { "name" : "n" , "data" : [ { "x" : "Fair" , "y" : 1610 } , { "x" : "Good" , "y" : 4906 } , { "x" : "Very Good" , "y" : 12082 } , { "x" : "Premium" , "y" : 13791 } , { "x" : "Ideal" , "y" : 21551 } ] } ] , "dataLabels" : { "enabled" : false } , "plotOptions" : { "bar" : { "horizontal" : false } } , "yaxis" : { "title" : { "text" : "Count" , "style" : { "fontSize" : "14px" , "color" : "#BDBDBD" } } } , "xaxis" : { "title" : { "text" : "Cut" , "style" : { "fontSize" : "14px" , "color" : "#BDBDBD" } } } } , "auto_update" : { "series_animate" : true , "update_options" : false , "options_animate" : true , "options_redrawPaths" : false } } , "evals" : [ ] , "jsHooks" : [ ] } < / script >
2019-05-15 11:53:53 +02:00
< / div >
< / div >
< div class = "col-md-3 hidden-xs hidden-sm" id = "sidebar" >
2019-09-06 13:03:56 +02:00
2019-05-15 11:53:53 +02:00
< div id = "tocnav" >
< h2 class = "hasAnchor" >
< a href = "#tocnav" class = "anchor" > < / a > Contents< / h2 >
< ul class = "nav nav-pills nav-stacked" >
< li > < a href = "#chart-title" > Chart title< / a > < / li >
< li > < a href = "#chart-subtitle" > Chart subtitle< / a > < / li >
< li > < a href = "#axis-title" > Axis title< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
2019-11-28 11:40:30 +01:00
2019-05-15 11:53:53 +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-05-15 11:53:53 +02:00
< / div >
2019-11-28 11:40:30 +01:00
2019-05-15 11:53:53 +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-05-15 11:53:53 +02:00
< / html >