378 lines
14 KiB
HTML
378 lines
14 KiB
HTML
<!-- 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>Y-axis options — ax_yaxis • apexcharter</title>
|
|
|
|
|
|
<!-- jquery -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
|
|
|
|
|
<!-- Bootstrap -->
|
|
<link href="../css/theme.css" rel="stylesheet">
|
|
<style>
|
|
#pkgdown-sidebar {
|
|
z-index: 100;
|
|
background: #FFF;
|
|
}
|
|
</style>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
|
|
|
|
|
|
<!-- Font -->
|
|
<link href="../css/montserrat.css" rel="stylesheet">
|
|
<style>body {font-family: 'Montserrat', sans-serif;}</style>
|
|
|
|
|
|
<!-- bootstrap-toc -->
|
|
<link rel="stylesheet" href="../bootstrap-toc.css">
|
|
<script src="../bootstrap-toc.js"></script>
|
|
|
|
<!-- Font Awesome icons -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
|
|
|
|
<!-- clipboard.js -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
|
|
|
|
<!-- headroom.js -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
|
|
|
|
<!-- pkgdown -->
|
|
<link href="../pkgdown.css" rel="stylesheet">
|
|
<script src="../pkgdown.js"></script>
|
|
|
|
|
|
<!-- Particles -->
|
|
<script src="../js/particles.min.js"></script>
|
|
|
|
|
|
<style>
|
|
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" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/v4-shims.min.css" integrity="sha256-6qHlizsOWFskGlwVOKuns+D1nB6ssZrHQrNj1wGplHc=" crossorigin="anonymous" />
|
|
|
|
<!-- clipboard.js -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>
|
|
|
|
<!-- headroom.js -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/headroom.min.js" integrity="sha256-DJFC1kqIhelURkuza0AvYal5RxMtpzLjFhsnVIeuk+U=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
|
|
|
|
<!-- pkgdown -->
|
|
<link href="../pkgdown.css" rel="stylesheet">
|
|
<script src="../pkgdown.js"></script>
|
|
|
|
|
|
|
|
|
|
<meta property="og:title" content="Y-axis options — ax_yaxis" />
|
|
<meta property="og:description" content="Y-axis options" />
|
|
<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>
|
|
|
|
<body id="body">
|
|
<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>
|
|
<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>
|
|
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
|
</span>
|
|
<span class="navbar-brand hidden-md hidden-lg">
|
|
<a class="navbar-link" href="../index.html">apexcharter</a>
|
|
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
|
</span>
|
|
</div>
|
|
|
|
<div id="navbar" class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav">
|
|
<li>
|
|
<a href="../index.html">
|
|
<span class="fas fa fas fa-home fa-lg"></span>
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="../articles/apexcharter.html">Get started</a>
|
|
</li>
|
|
<li>
|
|
<a href="../reference/index.html">Reference</a>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
|
Articles
|
|
|
|
<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li>
|
|
<a href="../articles/articles/advanced-configuration.html">Advanced configuration examples</a>
|
|
</li>
|
|
<li>
|
|
<a href="../articles/chart-options.html">Chart options</a>
|
|
</li>
|
|
<li>
|
|
<a href="../articles/shiny-integration.html">Shiny integration</a>
|
|
</li>
|
|
<li>
|
|
<a href="../articles/spark-box.html">Spark boxes</a>
|
|
</li>
|
|
<li>
|
|
<a href="../articles/sync-charts.html">Syncing charts</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="../news/index.html">Changelog</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li>
|
|
<a href="https://github.com/dreamRs/apexcharter/">
|
|
<span class="fab fa fab fa-github fa-lg"></span>
|
|
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div><!--/.nav-collapse -->
|
|
</div><!--/.container -->
|
|
</div><!--/.navbar -->
|
|
|
|
|
|
|
|
</header>
|
|
|
|
<div class="row">
|
|
<div class="col-md-9 contents">
|
|
<div class="page-header">
|
|
<h1>Y-axis options</h1>
|
|
<small class="dont-index">Source: <a href='https://github.com/dreamRs/apexcharter/blob/master/R/apex-utils.R'><code>R/apex-utils.R</code></a></small>
|
|
<div class="hidden name"><code>ax_yaxis.Rd</code></div>
|
|
</div>
|
|
|
|
<div class="ref-description">
|
|
<p>Y-axis options</p>
|
|
</div>
|
|
|
|
<pre class="usage"><span class='fu'>ax_yaxis</span>(
|
|
<span class='kw'>ax</span>,
|
|
opposite = <span class='kw'>NULL</span>,
|
|
tickAmount = <span class='kw'>NULL</span>,
|
|
max = <span class='kw'>NULL</span>,
|
|
min = <span class='kw'>NULL</span>,
|
|
floating = <span class='kw'>NULL</span>,
|
|
labels = <span class='kw'>NULL</span>,
|
|
axisBorder = <span class='kw'>NULL</span>,
|
|
axisTicks = <span class='kw'>NULL</span>,
|
|
title = <span class='kw'>NULL</span>,
|
|
tooltip = <span class='kw'>NULL</span>,
|
|
crosshairs = <span class='kw'>NULL</span>,
|
|
<span class='kw'>...</span>
|
|
)</pre>
|
|
|
|
<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>ax</th>
|
|
<td><p>A <code>apexcharts</code> <code>htmlwidget</code> object.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>opposite</th>
|
|
<td><p>Logical. When enabled, will draw the yaxis on the right side of the chart.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>tickAmount</th>
|
|
<td><p>Number of Tick Intervals to show.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>max</th>
|
|
<td><p>Lowest number to be set for the y-axis. The graph drawing beyond this number will be clipped off.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>min</th>
|
|
<td><p>Highest number to be set for the y-axis. The graph drawing beyond this number will be clipped off.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>floating</th>
|
|
<td><p>Logical. Floating takes y-axis is taken out of normal flow and places y-axis on svg element directly,
|
|
similar to an absolutely positioned element. Set the offsetX and offsetY then to adjust the position manually</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>labels</th>
|
|
<td><p>A list of parameters.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>axisBorder</th>
|
|
<td><p>A list of parameters.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>axisTicks</th>
|
|
<td><p>A list of parameters.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>title</th>
|
|
<td><p>A list of parameters.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>tooltip</th>
|
|
<td><p>A list of parameters.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>crosshairs</th>
|
|
<td><p>A list of parameters.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<th>...</th>
|
|
<td><p>Additional parameters.</p></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
|
|
|
|
<p>A <code>apexcharts</code> <code>htmlwidget</code> object.</p>
|
|
<h2 class="hasAnchor" id="note"><a class="anchor" href="#note"></a>Note</h2>
|
|
|
|
<p>See <a href='https://apexcharts.com/docs/options/yaxis/'>https://apexcharts.com/docs/options/yaxis/</a></p>
|
|
|
|
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
|
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics_long"</span>, package = <span class='st'>"ggplot2"</span>)
|
|
<span class='fu'><a href='apex.html'>apex</a></span>(
|
|
data = <span class='kw'>economics_long</span>,
|
|
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>value01</span>, group = <span class='kw'>variable</span>),
|
|
type = <span class='st'>"line"</span>
|
|
) <span class='op'>%>%</span>
|
|
<span class='fu'>ax_yaxis</span>(
|
|
decimalsInFloat = <span class='fl'>2</span>, title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <span class='st'>"Rescaled to [0,1]"</span>)
|
|
)
|
|
|
|
<span class='co'># Format tick labels</span>
|
|
<span class='kw'>temperature</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
|
month = <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>head</a></span>(<span class='kw'>month.name</span>),
|
|
tp = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>4</span>, <span class='op'>-</span><span class='fl'>2</span>, <span class='fl'>2</span>, <span class='fl'>7</span>, <span class='fl'>11</span>, <span class='fl'>14</span>)
|
|
)
|
|
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>temperature</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>month</span>, <span class='kw'>tp</span>), <span class='st'>"line"</span>) <span class='op'>%>%</span>
|
|
<span class='fu'>ax_yaxis</span>(
|
|
labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
|
formatter = <span class='kw'>htmlwidgets</span>::<span class='fu'><a href='https://rdrr.io/pkg/htmlwidgets/man/JS.html'>JS</a></span>(<span class='st'>"function(value) {return value + '\u00b0C';}"</span>)
|
|
)
|
|
)
|
|
</div></pre>
|
|
</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>
|
|
<li><a href="#value">Value</a></li>
|
|
<li><a href="#note">Note</a></li>
|
|
<li><a href="#examples">Examples</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
<div class="copyright">
|
|
<p>Developed by <a href='https://twitter.com/_pvictorr'><img src="https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg"/> Victor Perrier</a>, <a href='https://twitter.com/_mfaan'><img src="https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg" /> Fanny Meyer</a>.</p>
|
|
</div>
|
|
|
|
<div class="pkgdown">
|
|
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
|
</div>
|
|
|
|
</footer>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="particles"></div>
|
|
|
|
<script>
|
|
window.onload = function() {
|
|
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} ;
|
|
particlesJS("particles", config);
|
|
};
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|