2019-02-18 20:32:34 +01:00
<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
< html lang = "en" >
< head >
< 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 > Shiny bindings for apexcharter — apexcharter-shiny • apexcharter< / title >
2019-09-06 13:03:56 +02:00
2019-02-18 20:32:34 +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 -->
2020-02-25 15:57:21 +01:00
< 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 >
2019-02-18 20:32:34 +01:00
2019-09-06 13:03:56 +02:00
2019-02-18 20:32:34 +01:00
< script src = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity = "sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin = "anonymous" > < / script >
2020-02-25 15:57:21 +01:00
< 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 >
2019-02-18 20:32:34 +01:00
<!-- Font Awesome icons -->
2019-11-28 11:40:30 +01:00
< 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" / >
< 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" / >
2019-02-18 20:32:34 +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 >
2019-11-28 11:40:30 +01:00
<!-- 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 >
2019-02-18 20:32:34 +01:00
<!-- pkgdown -->
< link href = "../pkgdown.css" rel = "stylesheet" >
< script src = "../pkgdown.js" > < / script >
2019-09-06 13:03:56 +02:00
< meta property = "og:title" content = "Shiny bindings for apexcharter — apexcharter-shiny" / >
2019-02-18 20:32:34 +01:00
< meta property = "og:description" content = "Output and render functions for using apexcharter within Shiny
applications and interactive Rmd documents." />
< meta name = "twitter:card" content = "summary" / >
2019-09-06 13:03:56 +02:00
2019-02-18 20:32:34 +01:00
<!-- 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]-->
2019-11-28 11:40:30 +01:00
2019-02-18 20:32:34 +01:00
< / head >
2020-02-25 15:57:21 +01:00
< body id = "body" >
2019-02-18 20:32:34 +01:00
< div class = "container template-reference-topic" >
< 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-01 15:44:25 +02:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.4.900< / span >
2020-02-25 15:57:21 +01:00
< / span >
< span class = "navbar-brand hidden-md hidden-lg" >
2019-02-18 20:32:34 +01:00
< a class = "navbar-link" href = "../index.html" > apexcharter< / a >
2020-04-01 15:44:25 +02:00
< span class = "version label label-default" data-toggle = "tooltip" data-placement = "bottom" title = "Released version" > 0.1.4.900< / span >
2019-02-18 20:32:34 +01:00
< / span >
< / div >
< div id = "navbar" class = "navbar-collapse collapse" >
< ul class = "nav navbar-nav" >
< li >
< a href = "../index.html" >
2020-02-15 15:17:46 +01:00
< span class = "fas fa fas fa-home fa-lg" > < / span >
2019-02-18 20:32:34 +01:00
< / a >
< / li >
2019-05-15 11:53:53 +02:00
< li >
2020-02-15 15:17:46 +01:00
< a href = "../articles/apexcharter.html" > Get started< / a >
2019-05-15 11:53:53 +02:00
< / li >
2019-02-18 20:32:34 +01:00
< li >
< a href = "../reference/index.html" > Reference< / a >
< / li >
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" role = "button" aria-expanded = "false" >
Articles
< span class = "caret" > < / span >
< / a >
< ul class = "dropdown-menu" role = "menu" >
2020-02-15 15:17:46 +01:00
< li >
< a href = "../articles/articles/advanced-configuration.html" > Advanced configuration examples< / a >
< / li >
2019-02-18 20:32:34 +01:00
< li >
2019-05-15 11:53:53 +02:00
< a href = "../articles/labs.html" > Labs: title, subtitle & axis< / a >
2019-02-18 20:32:34 +01:00
< / 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-02-18 20:32:34 +01:00
< / ul >
2019-05-15 11:53:53 +02:00
< / li >
< li >
2020-02-15 15:17:46 +01:00
< a href = "../news/index.html" > Changelog< / a >
2019-02-18 20:32:34 +01:00
< / li >
< / ul >
< ul class = "nav navbar-nav navbar-right" >
< li >
< a href = "https://github.com/dreamRs/apexcharter" >
2020-02-15 15:17:46 +01:00
< span class = "fab fa fab fa-github fa-lg" > < / span >
2019-02-18 20:32:34 +01:00
< / a >
< / li >
< / ul >
< / div > <!-- /.nav - collapse -->
< / div > <!-- /.container -->
< / div > <!-- /.navbar -->
2019-11-28 11:40:30 +01:00
2019-02-18 20:32:34 +01:00
< / header >
< div class = "row" >
< div class = "col-md-9 contents" >
< div class = "page-header" >
< h1 > Shiny bindings for apexcharter< / h1 >
< small class = "dont-index" > Source: < a href = 'https://github.com/dreamRs/apexcharter/blob/master/R/apexcharter.R' > < code > R/apexcharter.R< / code > < / a > < / small >
< div class = "hidden name" > < code > apexcharter-shiny.Rd< / code > < / div >
< / div >
< div class = "ref-description" >
< p > Output and render functions for using apexcharter within Shiny
applications and interactive Rmd documents.< / p >
< / div >
< pre class = "usage" > < span class = 'fu' > apexchartOutput< / span > (< span class = 'no' > outputId< / span > , < span class = 'kw' > width< / span > < span class = 'kw' > =< / span > < span class = 'st' > "100%"< / span > , < span class = 'kw' > height< / span > < span class = 'kw' > =< / span > < span class = 'st' > "400px"< / span > )
2019-11-28 11:40:30 +01:00
< span class = 'fu' > renderApexchart< / span > (< span class = 'no' > expr< / span > , < span class = 'kw' > env< / span > < span class = 'kw' > =< / span > < span class = 'fu' > < a href = 'https://rdrr.io/r/base/sys.parent.html' > parent.frame< / a > < / span > (), < span class = 'kw' > quoted< / span > < span class = 'kw' > =< / span > < span class = 'fl' > FALSE< / span > )< / pre >
2019-09-06 13:03:56 +02:00
2019-02-18 20:32:34 +01:00
< h2 class = "hasAnchor" id = "arguments" > < a class = "anchor" href = "#arguments" > < / a > Arguments< / h2 >
< table class = "ref-arguments" >
< colgroup > < col class = "name" / > < col class = "desc" / > < / colgroup >
< tr >
< th > outputId< / th >
< td > < p > output variable to read from< / p > < / td >
< / tr >
< tr >
< th > width, height< / th >
< td > < p > Must be a valid CSS unit (like < code > '100%'< / code > ,
< code > '400px'< / code > , < code > 'auto'< / code > ) or a number, which will be coerced to a
string and have < code > 'px'< / code > appended.< / p > < / td >
< / tr >
< tr >
< th > expr< / th >
< td > < p > An expression that generates a apexcharter< / p > < / td >
< / tr >
< tr >
< th > env< / th >
< td > < p > The environment in which to evaluate < code > expr< / code > .< / p > < / td >
< / tr >
< tr >
< th > quoted< / th >
2019-11-28 11:40:30 +01:00
< td > < p > Is < code > expr< / code > a quoted expression (with < code > < a href = 'https://rdrr.io/r/base/substitute.html' > quote()< / a > < / code > )? This
2019-02-18 20:32:34 +01:00
is useful if you want to save an expression in a variable.< / p > < / td >
< / tr >
< / table >
2019-09-06 13:03:56 +02:00
2019-07-29 09:30:42 +02:00
< h2 class = "hasAnchor" id = "value" > < a class = "anchor" href = "#value" > < / a > Value< / h2 >
< p > An Apexchart output that can be included in the application UI.< / p >
2019-02-18 20:32:34 +01:00
2019-07-20 12:51:30 +02:00
< h2 class = "hasAnchor" id = "examples" > < a class = "anchor" href = "#examples" > < / a > Examples< / h2 >
2019-11-28 11:40:30 +01:00
< pre class = "examples" > < div class = 'input' > < span class = 'kw' > if< / span > (< span class = 'fu' > < a href = 'https://rdrr.io/r/base/interactive.html' > interactive< / a > < / span > ()) {
< span class = 'fu' > < a href = 'https://rdrr.io/r/base/library.html' > library< / a > < / span > (< span class = 'no' > shiny< / span > )
< span class = 'fu' > < a href = 'https://rdrr.io/r/base/library.html' > library< / a > < / span > (< span class = 'no' > apexcharter< / span > )
2019-07-20 12:51:30 +02:00
2019-11-28 11:40:30 +01:00
< span class = 'no' > ui< / span > < span class = 'kw' > < -< / span > < span class = 'fu' > < a href = 'https://rdrr.io/pkg/shiny/man/fluidPage.html' > fluidPage< / a > < / span > (
< span class = 'fu' > < a href = 'https://rdrr.io/pkg/shiny/man/fluidPage.html' > fluidRow< / a > < / span > (
< span class = 'fu' > < a href = 'https://rdrr.io/pkg/shiny/man/column.html' > column< / a > < / span > (
2019-07-20 12:51:30 +02:00
< span class = 'kw' > width< / span > < span class = 'kw' > =< / span > < span class = 'fl' > 8< / span > , < span class = 'kw' > offset< / span > < span class = 'kw' > =< / span > < span class = 'fl' > 2< / span > ,
2019-11-28 11:40:30 +01:00
< span class = 'no' > tags< / span > $< span class = 'fu' > < a href = 'https://rdrr.io/pkg/shiny/man/builder.html' > h2< / a > < / span > (< span class = 'st' > "Apexchart in Shiny"< / span > ),
< span class = 'fu' > < a href = 'https://rdrr.io/pkg/shiny/man/actionButton.html' > actionButton< / a > < / span > (< span class = 'st' > "redraw"< / span > , < span class = 'st' > "Redraw chart"< / span > ),
2019-07-20 12:51:30 +02:00
< span class = 'fu' > apexchartOutput< / span > (< span class = 'st' > "chart"< / span > )
)
)
)
< span class = 'no' > server< / span > < span class = 'kw' > < -< / span > < span class = 'kw' > function< / span > (< span class = 'no' > input< / span > , < span class = 'no' > output< / span > , < span class = 'no' > session< / span > ) {
< span class = 'no' > output< / span > $< span class = 'no' > chart< / span > < span class = 'kw' > < -< / span > < span class = 'fu' > renderApexchart< / span > ({
< span class = 'no' > input< / span > $< span class = 'no' > redraw< / span >
< span class = 'fu' > < a href = 'apexchart.html' > apexchart< / a > < / span > () < span class = 'kw' > %> %< / span >
< span class = 'fu' > < a href = 'ax_chart.html' > ax_chart< / a > < / span > (< span class = 'kw' > type< / span > < span class = 'kw' > =< / span > < span class = 'st' > "bar"< / span > ) < span class = 'kw' > %> %< / span >
< span class = 'fu' > < a href = 'ax-series.html' > ax_series< / a > < / span > (
2019-11-28 11:40:30 +01:00
< span class = 'fu' > < a href = 'https://rdrr.io/r/base/list.html' > list< / a > < / span > (
2019-07-20 12:51:30 +02:00
< span class = 'kw' > name< / span > < span class = 'kw' > =< / span > < span class = 'st' > "Example"< / span > ,
2019-11-28 11:40:30 +01:00
< span class = 'kw' > data< / span > < span class = 'kw' > =< / span > < span class = 'fu' > < a href = 'https://rdrr.io/r/base/sample.html' > sample< / a > < / span > (< span class = 'fl' > 1< / span > :< span class = 'fl' > 100< / span > , < span class = 'fl' > 5< / span > )
2019-07-20 12:51:30 +02:00
)
) < span class = 'kw' > %> %< / span >
< span class = 'fu' > < a href = 'ax_xaxis.html' > ax_xaxis< / a > < / span > (
< span class = 'kw' > categories< / span > < span class = 'kw' > =< / span > < span class = 'no' > LETTERS< / span > [< span class = 'fl' > 1< / span > :< span class = 'fl' > 5< / span > ]
)
})
}
2019-11-28 11:40:30 +01:00
< span class = 'fu' > < a href = 'https://rdrr.io/pkg/shiny/man/shinyApp.html' > shinyApp< / a > < / span > (< span class = 'no' > ui< / span > , < span class = 'no' > server< / span > )
2019-07-20 12:51:30 +02:00
}< / div > < / pre >
2019-02-18 20:32:34 +01:00
< / div >
< div class = "col-md-3 hidden-xs hidden-sm" id = "sidebar" >
< h2 > Contents< / h2 >
< ul class = "nav nav-pills nav-stacked" >
< li > < a href = "#arguments" > Arguments< / a > < / li >
2019-07-29 09:30:42 +02:00
< li > < a href = "#value" > Value< / a > < / li >
2019-07-20 12:51:30 +02:00
< li > < a href = "#examples" > Examples< / a > < / li >
< / ul >
2019-02-18 20:32:34 +01:00
< / div >
< / div >
2019-11-28 11:40:30 +01:00
2019-02-18 20:32:34 +01:00
< footer >
< div class = "copyright" >
< p > Developed by < a href = 'https://twitter.com/_pvictorr' > < img src = "https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg" / > Victor Perrier< / a > , < a href = 'https://twitter.com/_mfaan' > < img src = "https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg" / > Fanny Meyer< / a > .< / p >
< / div >
< div class = "pkgdown" >
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-02-18 20:32:34 +01:00
< / div >
2019-11-28 11:40:30 +01:00
2019-02-18 20:32:34 +01:00
< / footer >
< / div >
2019-11-28 11:40:30 +01:00
2020-02-25 15:57:21 +01:00
< div id = "particles" > < / div >
< script >
window.onload = function() {
2020-03-27 14:57:19 +01:00
var config = {"particles":{"number":{"value":90,"density":{"enable":true,"value_area":1200}},"color":{"value":"#112446"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.8,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#112446","opacity":0.6,"width":1},"move":{"enable":true,"speed":5,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true}},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}},"retina_detect":true} ;
2020-02-25 15:57:21 +01:00
particlesJS("particles", config);
};
< / script >
2019-02-18 20:32:34 +01:00
< / body >
< / html >
2019-11-28 11:40:30 +01:00