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" >
2020-04-16 17:09:40 +02:00
< meta property = "og:description" content = "apexcharter" >
2019-05-15 11:53:53 +02:00
< meta name = "twitter:card" content = "summary" >
<!-- mathjax --> < script src = "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity = "sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin = "anonymous" > < / script > < script src = "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity = "sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin = "anonymous" > < / script > <!-- [if lt IE 9]>
< script src = "https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js" > < / script >
< script src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js" > < / script >
<![endif]-->
< / head >
2020-02-25 15:57:21 +01:00
< body id = "body" >
2019-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-04-16 17:09:40 +02:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.4.920< / 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-04-16 17:09:40 +02:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.4.920< / 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 >
2020-04-16 17:09:40 +02:00
< li >
< a href = "../articles/spark-box.html" > Spark boxes< / a >
< / li >
2019-09-06 13:03:56 +02:00
< li >
2020-02-15 15:17:46 +01:00
< a href = "../articles/sync-charts.html" > Syncing charts< / a >
2019-09-06 13:03:56 +02:00
< / li >
2019-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 >
2020-04-16 17:09:40 +02:00
< a href = "https://github.com/dreamRs/apexcharter/" >
2020-02-15 15:17:46 +01:00
< span class = "fab fa fab fa-github fa-lg" > < / span >
2019-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-04-16 17:09:40 +02:00
< / header > < script src = "labs_files/htmlwidgets-1.5.1/htmlwidgets.js" > < / script > < script src = "labs_files/apexcharts-3.18.1/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.4.920/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 >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb1" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > (< span class = "no" > apexcharter< / span > )
< span class = "fu" > < a href = "https://rdrr.io/r/base/library.html" > library< / a > < / span > (< span class = "no" > dplyr< / span > )
< span class = "fu" > < a href = "https://rdrr.io/r/utils/data.html" > data< / a > < / span > (< span class = "st" > "diamonds"< / span > , < span class = "kw" > package< / span > < span class = "kw" > =< / span > < span class = "st" > "ggplot2"< / span > )
< span class = "no" > n_cut< / span > < span class = "kw" > < -< / span > < span class = "kw pkg" > dplyr< / span > < span class = "kw ns" > ::< / span > < span class = "fu" > < a href = "https://dplyr.tidyverse.org/reference/tally.html" > count< / a > < / span > (< span class = "no" > diamonds< / span > , < span class = "no" > cut< / span > )< / pre > < / body > < / html > < / div >
2019-05-15 11:53:53 +02:00
< div id = "chart-title" class = "section level2" >
< h2 class = "hasAnchor" >
< a href = "#chart-title" class = "anchor" > < / a > Chart title< / h2 >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb2" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > n_cut< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "column"< / span > , < span class = "kw" > mapping< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "kw" > x< / span > < span class = "kw" > =< / span > < span class = "no" > cut< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > n< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_title.html" > ax_title< / a > < / span > (< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Cut distribution"< / span > )< / pre > < / body > < / html > < / div >
< div id = "htmlwidget-08d68801d8e83c025725" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-08d68801d8e83c025725" > { "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" : true , "update_synced_charts" : false } , "sparkbox" : false } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > You can set some options, for example:< / p >
< div class = "sourceCode" id = "cb3" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > n_cut< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "column"< / span > , < span class = "kw" > mapping< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "kw" > x< / span > < span class = "kw" > =< / span > < span class = "no" > cut< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > n< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_title.html" > ax_title< / a > < / span > (
< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Cut distribution"< / span > ,
< span class = "kw" > align< / span > < span class = "kw" > =< / span > < span class = "st" > "center"< / span > ,
< span class = "kw" > style< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "kw" > fontSize< / span > < span class = "kw" > =< / span > < span class = "st" > "22px"< / span > )
)< / pre > < / body > < / html > < / div >
< div id = "htmlwidget-9f1e814fd81d0b54c8d8" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-9f1e814fd81d0b54c8d8" > { "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" : true , "update_synced_charts" : false } , "sparkbox" : 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 >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb4" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > n_cut< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "column"< / span > , < span class = "kw" > mapping< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "kw" > x< / span > < span class = "kw" > =< / span > < span class = "no" > cut< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > n< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_title.html" > ax_title< / a > < / span > (< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Cut distribution"< / span > ) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Data from ggplot2"< / span > )< / pre > < / body > < / html > < / div >
< div id = "htmlwidget-a8f5f6e6afbd319ae0e4" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-a8f5f6e6afbd319ae0e4" > { "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" : true , "update_synced_charts" : false } , "sparkbox" : false } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > With same options than for title:< / p >
< div class = "sourceCode" id = "cb5" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > n_cut< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "column"< / span > , < span class = "kw" > mapping< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "kw" > x< / span > < span class = "kw" > =< / span > < span class = "no" > cut< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > n< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_title.html" > ax_title< / a > < / span > (
< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Cut distribution"< / span > ,
< span class = "kw" > align< / span > < span class = "kw" > =< / span > < span class = "st" > "center"< / span > ,
< span class = "kw" > style< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "kw" > fontSize< / span > < span class = "kw" > =< / span > < span class = "st" > "22px"< / span > )
) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_subtitle.html" > ax_subtitle< / a > < / span > (
< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Data from ggplot2"< / span > ,
< span class = "kw" > align< / span > < span class = "kw" > =< / span > < span class = "st" > "center"< / span > ,
< span class = "kw" > style< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "kw" > fontSize< / span > < span class = "kw" > =< / span > < span class = "st" > "16px"< / span > , < span class = "kw" > color< / span > < span class = "kw" > =< / span > < span class = "st" > "#BDBDBD"< / span > )
)< / pre > < / body > < / html > < / div >
< div id = "htmlwidget-9d5b9116bd3912cc3c92" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-9d5b9116bd3912cc3c92" > { "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" : true , "update_synced_charts" : false } , "sparkbox" : 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 >
2020-04-16 17:09:40 +02:00
< div class = "sourceCode" id = "cb6" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > n_cut< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "column"< / span > , < span class = "kw" > mapping< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "kw" > x< / span > < span class = "kw" > =< / span > < span class = "no" > cut< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > n< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< span class = "kw" > title< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Count"< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< span class = "kw" > title< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Cut"< / span > ))< / pre > < / body > < / html > < / div >
< div id = "htmlwidget-cda2179045309f3d4122" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-cda2179045309f3d4122" > { "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" : true , "update_synced_charts" : false } , "sparkbox" : false } , "evals" : [ ] , "jsHooks" : [ ] } < / script > < p > With some options:< / p >
< div class = "sourceCode" id = "cb7" > < html > < body > < pre class = "r" > < span class = "fu" > < a href = "../reference/apex.html" > apex< / a > < / span > (< span class = "kw" > data< / span > < span class = "kw" > =< / span > < span class = "no" > n_cut< / span > , < span class = "kw" > type< / span > < span class = "kw" > =< / span > < span class = "st" > "column"< / span > , < span class = "kw" > mapping< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "../reference/apexcharter-exports.html" > aes< / a > < / span > (< span class = "kw" > x< / span > < span class = "kw" > =< / span > < span class = "no" > cut< / span > , < span class = "kw" > y< / span > < span class = "kw" > =< / span > < span class = "no" > n< / span > )) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_yaxis.html" > ax_yaxis< / a > < / span > (< span class = "kw" > title< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (
< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Count"< / span > ,
< span class = "kw" > style< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "kw" > fontSize< / span > < span class = "kw" > =< / span > < span class = "st" > "14px"< / span > , < span class = "kw" > color< / span > < span class = "kw" > =< / span > < span class = "st" > "#BDBDBD"< / span > )
)) < span class = "kw" > %> %< / span >
< span class = "fu" > < a href = "../reference/ax_xaxis.html" > ax_xaxis< / a > < / span > (< span class = "kw" > title< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (
< span class = "kw" > text< / span > < span class = "kw" > =< / span > < span class = "st" > "Cut"< / span > ,
< span class = "kw" > style< / span > < span class = "kw" > =< / span > < span class = "fu" > < a href = "https://rdrr.io/r/base/list.html" > list< / a > < / span > (< span class = "kw" > fontSize< / span > < span class = "kw" > =< / span > < span class = "st" > "14px"< / span > , < span class = "kw" > color< / span > < span class = "kw" > =< / span > < span class = "st" > "#BDBDBD"< / span > )
))< / pre > < / body > < / html > < / div >
< div id = "htmlwidget-c86f4532a6bb5d8fd14f" style = "width:100%;height:350px;" class = "apexcharter html-widget" > < / div >
< script type = "application/json" data-for = "htmlwidget-c86f4532a6bb5d8fd14f" > { "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" : true , "update_synced_charts" : false } , "sparkbox" : 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" >
2020-04-16 17:09:40 +02:00
< p > Site built with < a href = "https://pkgdown.r-lib.org/" > pkgdown< / a > 1.5.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() {
2020-03-27 14:57:19 +01:00
var config = {"particles":{"number":{"value":90,"density":{"enable":true,"value_area":1200}},"color":{"value":"#112446"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.8,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#112446","opacity":0.6,"width":1},"move":{"enable":true,"speed":5,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true}},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}},"retina_detect":true} ;
2020-02-25 15:57:21 +01:00
particlesJS("particles", config);
};
< / script >
< / body >
2019-05-15 11:53:53 +02:00
< / html >