update pkgdown
This commit is contained in:
pvictor
parent
d2db67824c
commit
b2e1a78b7b
|
|
@ -60,7 +60,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -83,7 +83,7 @@
|
|||
<!--/.navbar -->
|
||||
|
||||
|
||||
</header><script src="labs_files/htmlwidgets-1.3/htmlwidgets.js"></script><script src="labs_files/apexcharts-3.7.1/apexcharts.min.js"></script><script src="labs_files/apexcharter-binding-0.0.4.930/apexcharter.js"></script><div class="row">
|
||||
</header><script src="labs_files/htmlwidgets-1.3/htmlwidgets.js"></script><script src="labs_files/apexcharts-3.8.2/apexcharts.min.js"></script><script src="labs_files/apexcharter-binding-0.0.4.960/apexcharter.js"></script><div class="row">
|
||||
<div class="col-md-9 contents">
|
||||
<div class="page-header toc-ignore">
|
||||
<h1>Labs: title, subtitle & axis</h1>
|
||||
|
|
@ -107,16 +107,16 @@
|
|||
<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>
|
||||
<div id="htmlwidget-34711d7bcca8fda2ce84" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-34711d7bcca8fda2ce84">{"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":true},"evals":[],"jsHooks":[]}</script><p>You can set some options, for example:</p>
|
||||
<div id="htmlwidget-cb16d095095994698fcb" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-cb16d095095994698fcb">{"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":true},"evals":[],"jsHooks":[]}</script><p>You can set some options, for example:</p>
|
||||
<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>
|
||||
<a class="sourceLine" id="cb3-5" title="5"> <span class="dt">style =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="dt">fontSize =</span> <span class="st">"22px"</span>)</a>
|
||||
<a class="sourceLine" id="cb3-6" title="6"> )</a></code></pre></div>
|
||||
<div id="htmlwidget-be8f9b2c4e7647b7c4a3" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-be8f9b2c4e7647b7c4a3">{"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":true},"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>
|
||||
<div id="htmlwidget-938acbc82f9b29a6af32" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-938acbc82f9b29a6af32">{"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":true},"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>
|
||||
</div>
|
||||
<div id="chart-subtitle" class="section level2">
|
||||
<h2 class="hasAnchor">
|
||||
|
|
@ -124,8 +124,8 @@
|
|||
<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>
|
||||
<div id="htmlwidget-212f20368236567f479d" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-212f20368236567f479d">{"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":true},"evals":[],"jsHooks":[]}</script><p>With same options than for title:</p>
|
||||
<div id="htmlwidget-f10c03ea3917647d35a0" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-f10c03ea3917647d35a0">{"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":true},"evals":[],"jsHooks":[]}</script><p>With same options than for title:</p>
|
||||
<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>
|
||||
|
|
@ -137,8 +137,8 @@
|
|||
<a class="sourceLine" id="cb5-9" title="9"> <span class="dt">align =</span> <span class="st">"center"</span>,</a>
|
||||
<a class="sourceLine" id="cb5-10" title="10"> <span class="dt">style =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">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="cb5-11" title="11"> )</a></code></pre></div>
|
||||
<div id="htmlwidget-1f49b340ef1331e91156" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-1f49b340ef1331e91156">{"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":true},"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>
|
||||
<div id="htmlwidget-162adfd6f0f9701b1f83" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-162adfd6f0f9701b1f83">{"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":true},"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>
|
||||
</div>
|
||||
<div id="axis-title" class="section level2">
|
||||
<h2 class="hasAnchor">
|
||||
|
|
@ -146,8 +146,8 @@
|
|||
<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>
|
||||
<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://www.rdocumentation.org/packages/base/topics/list">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://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="dt">text =</span> <span class="st">"Cut"</span>))</a></code></pre></div>
|
||||
<div id="htmlwidget-95af27a22e1b69cd105d" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-95af27a22e1b69cd105d">{"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":true},"evals":[],"jsHooks":[]}</script><p>With some options:</p>
|
||||
<div id="htmlwidget-c4ebe22623108f5c9c78" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-c4ebe22623108f5c9c78">{"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":true},"evals":[],"jsHooks":[]}</script><p>With some options:</p>
|
||||
<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>
|
||||
<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://www.rdocumentation.org/packages/base/topics/list">list</a></span>(</a>
|
||||
<a class="sourceLine" id="cb7-3" title="3"> <span class="dt">text =</span> <span class="st">"Count"</span>,</a>
|
||||
|
|
@ -157,8 +157,8 @@
|
|||
<a class="sourceLine" id="cb7-7" title="7"> <span class="dt">text =</span> <span class="st">"Cut"</span>, </a>
|
||||
<a class="sourceLine" id="cb7-8" title="8"> <span class="dt">style =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/list">list</a></span>(<span class="dt">fontSize =</span> <span class="st">"14px"</span>, <span class="dt">color =</span> <span class="st">"#BDBDBD"</span>)</a>
|
||||
<a class="sourceLine" id="cb7-9" title="9"> ))</a></code></pre></div>
|
||||
<div id="htmlwidget-cda5ed6070ce8bb72824" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-cda5ed6070ce8bb72824">{"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":true},"evals":[],"jsHooks":[]}</script>
|
||||
<div id="htmlwidget-f00aaa215d5cb7267c68" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-f00aaa215d5cb7267c68">{"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":true},"evals":[],"jsHooks":[]}</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,93 @@
|
|||
HTMLWidgets.widget({
|
||||
|
||||
name: 'apexcharter',
|
||||
|
||||
type: 'output',
|
||||
|
||||
factory: function(el, width, height) {
|
||||
|
||||
var ax_opts;
|
||||
var apexchart = null;
|
||||
|
||||
return {
|
||||
|
||||
renderValue: function(x) {
|
||||
|
||||
|
||||
// Global options
|
||||
ax_opts = x.ax_opts;
|
||||
|
||||
// Sizing
|
||||
if (typeof ax_opts.chart === 'undefined') {
|
||||
ax_opts.chart = {};
|
||||
}
|
||||
ax_opts.chart.width = width;
|
||||
ax_opts.chart.height = height;
|
||||
|
||||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(document.querySelector("#" + el.id), ax_opts);
|
||||
apexchart.render();
|
||||
} else {
|
||||
if (x.auto_update) {
|
||||
apexchart.updateSeries(ax_opts.series);
|
||||
} else {
|
||||
apexchart.destroy();
|
||||
apexchart = new ApexCharts(document.querySelector("#" + el.id), ax_opts);
|
||||
apexchart.render();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
||||
getChart: function(){
|
||||
return apexchart;
|
||||
},
|
||||
|
||||
resize: function(width, height) {
|
||||
apexchart.updateOptions({
|
||||
chart: {
|
||||
width: width,
|
||||
height: height
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// From Friss tuto (https://github.com/FrissAnalytics/shinyJsTutorials/blob/master/tutorials/tutorial_03.Rmd)
|
||||
function get_widget(id){
|
||||
|
||||
// Get the HTMLWidgets object
|
||||
var htmlWidgetsObj = HTMLWidgets.find("#" + id);
|
||||
|
||||
// Use the getChart method we created to get the underlying billboard chart
|
||||
var widgetObj ;
|
||||
|
||||
if (typeof htmlWidgetsObj != 'undefined') {
|
||||
widgetObj = htmlWidgetsObj.getChart();
|
||||
}
|
||||
|
||||
return(widgetObj);
|
||||
}
|
||||
|
||||
|
||||
|
||||
if (HTMLWidgets.shinyMode) {
|
||||
// data = load
|
||||
Shiny.addCustomMessageHandler('update-apexchart-series',
|
||||
function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != 'undefined') {
|
||||
chart.updateSeries(obj.data.newSeries, obj.data.animate);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -30,7 +30,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -83,7 +83,7 @@
|
|||
<!--/.navbar -->
|
||||
|
||||
|
||||
</header><script src="lines_files/htmlwidgets-1.3/htmlwidgets.js"></script><script src="lines_files/apexcharts-3.7.1/apexcharts.min.js"></script><script src="lines_files/apexcharter-binding-0.0.4.930/apexcharter.js"></script><div class="row">
|
||||
</header><script src="lines_files/htmlwidgets-1.3/htmlwidgets.js"></script><script src="lines_files/apexcharts-3.8.2/apexcharts.min.js"></script><script src="lines_files/apexcharter-binding-0.0.4.960/apexcharter.js"></script><div class="row">
|
||||
<div class="col-md-9 contents">
|
||||
<div class="page-header toc-ignore">
|
||||
<h1>Options & styles for lines</h1>
|
||||
|
|
@ -113,16 +113,16 @@
|
|||
<a href="#type-of-line" class="anchor"></a>Type of line</h2>
|
||||
<p>Classic line:</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="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> economics, <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> uempmed))</a></code></pre></div>
|
||||
<div id="htmlwidget-e04e6e76717c4f4c6aef" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-e04e6e76717c4f4c6aef">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.3],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.5],["2011-11-01",20.9],["2011-12-01",20.5],["2012-01-01",21],["2012-02-01",19.8],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.1],["2012-07-01",17.5],["2012-08-01",18.5],["2012-09-01",18.8],["2012-10-01",19.7],["2012-11-01",18.5],["2012-12-01",17.6],["2013-01-01",16.2],["2013-02-01",17.5],["2013-03-01",17.7],["2013-04-01",17.1],["2013-05-01",17],["2013-06-01",16.6],["2013-07-01",16.3],["2013-08-01",16.8],["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Spline curve:</p>
|
||||
<div id="htmlwidget-f08932a17e23a56bb2cf" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-f08932a17e23a56bb2cf">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.4],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.6],["2011-11-01",20.8],["2011-12-01",20.5],["2012-01-01",20.8],["2012-02-01",19.7],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.4],["2012-07-01",17.5],["2012-08-01",18.4],["2012-09-01",18.8],["2012-10-01",19.9],["2012-11-01",18.6],["2012-12-01",17.7],["2013-01-01",15.8],["2013-02-01",17.2],["2013-03-01",17.6],["2013-04-01",17.1],["2013-05-01",17.1],["2013-06-01",17],["2013-07-01",16.2],["2013-08-01",16.5],["2013-09-01",16.5],["2013-10-01",16.3],["2013-11-01",17.1],["2013-12-01",17.3],["2014-01-01",15.4],["2014-02-01",15.9],["2014-03-01",15.8],["2014-04-01",15.7],["2014-05-01",14.6],["2014-06-01",13.8],["2014-07-01",13.1],["2014-08-01",12.9],["2014-09-01",13.4],["2014-10-01",13.6],["2014-11-01",13],["2014-12-01",12.9],["2015-01-01",13.2],["2015-02-01",12.9],["2015-03-01",12],["2015-04-01",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Spline curve:</p>
|
||||
<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> economics, <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> uempmed)) <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_stroke.html">ax_stroke</a></span>(<span class="dt">curve =</span> <span class="st">"smooth"</span>)</a></code></pre></div>
|
||||
<div id="htmlwidget-d5c1288b3e838c29b877" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-d5c1288b3e838c29b877">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.3],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.5],["2011-11-01",20.9],["2011-12-01",20.5],["2012-01-01",21],["2012-02-01",19.8],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.1],["2012-07-01",17.5],["2012-08-01",18.5],["2012-09-01",18.8],["2012-10-01",19.7],["2012-11-01",18.5],["2012-12-01",17.6],["2013-01-01",16.2],["2013-02-01",17.5],["2013-03-01",17.7],["2013-04-01",17.1],["2013-05-01",17],["2013-06-01",16.6],["2013-07-01",16.3],["2013-08-01",16.8],["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth"},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Steps chart:</p>
|
||||
<div id="htmlwidget-10b5e0cbf277331c7d05" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-10b5e0cbf277331c7d05">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.4],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.6],["2011-11-01",20.8],["2011-12-01",20.5],["2012-01-01",20.8],["2012-02-01",19.7],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.4],["2012-07-01",17.5],["2012-08-01",18.4],["2012-09-01",18.8],["2012-10-01",19.9],["2012-11-01",18.6],["2012-12-01",17.7],["2013-01-01",15.8],["2013-02-01",17.2],["2013-03-01",17.6],["2013-04-01",17.1],["2013-05-01",17.1],["2013-06-01",17],["2013-07-01",16.2],["2013-08-01",16.5],["2013-09-01",16.5],["2013-10-01",16.3],["2013-11-01",17.1],["2013-12-01",17.3],["2014-01-01",15.4],["2014-02-01",15.9],["2014-03-01",15.8],["2014-04-01",15.7],["2014-05-01",14.6],["2014-06-01",13.8],["2014-07-01",13.1],["2014-08-01",12.9],["2014-09-01",13.4],["2014-10-01",13.6],["2014-11-01",13],["2014-12-01",12.9],["2015-01-01",13.2],["2015-02-01",12.9],["2015-03-01",12],["2015-04-01",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth"},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Steps chart:</p>
|
||||
<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> economics, <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> uempmed)) <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_stroke.html">ax_stroke</a></span>(<span class="dt">curve =</span> <span class="st">"stepline"</span>)</a></code></pre></div>
|
||||
<div id="htmlwidget-ae84e0a121b8528ff71f" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-ae84e0a121b8528ff71f">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.3],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.5],["2011-11-01",20.9],["2011-12-01",20.5],["2012-01-01",21],["2012-02-01",19.8],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.1],["2012-07-01",17.5],["2012-08-01",18.5],["2012-09-01",18.8],["2012-10-01",19.7],["2012-11-01",18.5],["2012-12-01",17.6],["2013-01-01",16.2],["2013-02-01",17.5],["2013-03-01",17.7],["2013-04-01",17.1],["2013-05-01",17],["2013-06-01",16.6],["2013-07-01",16.3],["2013-08-01",16.8],["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"stepline"},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
||||
<div id="htmlwidget-c8b194e20d0f40881f3a" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-c8b194e20d0f40881f3a">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.4],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.6],["2011-11-01",20.8],["2011-12-01",20.5],["2012-01-01",20.8],["2012-02-01",19.7],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.4],["2012-07-01",17.5],["2012-08-01",18.4],["2012-09-01",18.8],["2012-10-01",19.9],["2012-11-01",18.6],["2012-12-01",17.7],["2013-01-01",15.8],["2013-02-01",17.2],["2013-03-01",17.6],["2013-04-01",17.1],["2013-05-01",17.1],["2013-06-01",17],["2013-07-01",16.2],["2013-08-01",16.5],["2013-09-01",16.5],["2013-10-01",16.3],["2013-11-01",17.1],["2013-12-01",17.3],["2014-01-01",15.4],["2014-02-01",15.9],["2014-03-01",15.8],["2014-04-01",15.7],["2014-05-01",14.6],["2014-06-01",13.8],["2014-07-01",13.1],["2014-08-01",12.9],["2014-09-01",13.4],["2014-10-01",13.6],["2014-11-01",13],["2014-12-01",12.9],["2015-01-01",13.2],["2015-02-01",12.9],["2015-03-01",12],["2015-04-01",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"stepline"},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
||||
</div>
|
||||
<div id="line-appearance" class="section level2">
|
||||
<h2 class="hasAnchor">
|
||||
|
|
@ -141,20 +141,20 @@
|
|||
<a class="sourceLine" id="cb5-11" title="11"> <span class="dt">stops =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">0</span>, <span class="dv">100</span>, <span class="dv">100</span>, <span class="dv">100</span>)</a>
|
||||
<a class="sourceLine" id="cb5-12" title="12"> )</a>
|
||||
<a class="sourceLine" id="cb5-13" title="13"> )</a></code></pre></div>
|
||||
<div id="htmlwidget-61870fd5200bcff43dc1" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-61870fd5200bcff43dc1">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.3],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.5],["2011-11-01",20.9],["2011-12-01",20.5],["2012-01-01",21],["2012-02-01",19.8],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.1],["2012-07-01",17.5],["2012-08-01",18.5],["2012-09-01",18.8],["2012-10-01",19.7],["2012-11-01",18.5],["2012-12-01",17.6],["2013-01-01",16.2],["2013-02-01",17.5],["2013-03-01",17.7],["2013-04-01",17.1],["2013-05-01",17],["2013-06-01",16.6],["2013-07-01",16.3],["2013-08-01",16.8],["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"fill":{"type":"gradient","gradient":{"shade":"dark","gradientToColors":["#FDD835"],"shadeIntensity":1,"type":"horizontal","opacityFrom":1,"opacityTo":1,"stops":[0,100,100,100]}}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Solid area color:</p>
|
||||
<div id="htmlwidget-5937b7f1b194e30fcb75" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-5937b7f1b194e30fcb75">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.4],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.6],["2011-11-01",20.8],["2011-12-01",20.5],["2012-01-01",20.8],["2012-02-01",19.7],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.4],["2012-07-01",17.5],["2012-08-01",18.4],["2012-09-01",18.8],["2012-10-01",19.9],["2012-11-01",18.6],["2012-12-01",17.7],["2013-01-01",15.8],["2013-02-01",17.2],["2013-03-01",17.6],["2013-04-01",17.1],["2013-05-01",17.1],["2013-06-01",17],["2013-07-01",16.2],["2013-08-01",16.5],["2013-09-01",16.5],["2013-10-01",16.3],["2013-11-01",17.1],["2013-12-01",17.3],["2014-01-01",15.4],["2014-02-01",15.9],["2014-03-01",15.8],["2014-04-01",15.7],["2014-05-01",14.6],["2014-06-01",13.8],["2014-07-01",13.1],["2014-08-01",12.9],["2014-09-01",13.4],["2014-10-01",13.6],["2014-11-01",13],["2014-12-01",12.9],["2015-01-01",13.2],["2015-02-01",12.9],["2015-03-01",12],["2015-04-01",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"fill":{"type":"gradient","gradient":{"shade":"dark","gradientToColors":["#FDD835"],"shadeIntensity":1,"type":"horizontal","opacityFrom":1,"opacityTo":1,"stops":[0,100,100,100]}}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Solid area color:</p>
|
||||
<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> economics, <span class="dt">type =</span> <span class="st">"area"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> uempmed)) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb6-2" title="2"><span class="st"> </span><span class="kw"><a href="../reference/ax_fill.html">ax_fill</a></span>(<span class="dt">type =</span> <span class="st">"solid"</span>, <span class="dt">opacity =</span> <span class="dv">1</span>)</a></code></pre></div>
|
||||
<div id="htmlwidget-fe56a4fb9e2669881368" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-fe56a4fb9e2669881368">{"x":{"ax_opts":{"chart":{"type":"area"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.3],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.5],["2011-11-01",20.9],["2011-12-01",20.5],["2012-01-01",21],["2012-02-01",19.8],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.1],["2012-07-01",17.5],["2012-08-01",18.5],["2012-09-01",18.8],["2012-10-01",19.7],["2012-11-01",18.5],["2012-12-01",17.6],["2013-01-01",16.2],["2013-02-01",17.5],["2013-03-01",17.7],["2013-04-01",17.1],["2013-05-01",17],["2013-06-01",16.6],["2013-07-01",16.3],["2013-08-01",16.8],["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"fill":{"type":"solid","opacity":1}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Line width:</p>
|
||||
<div id="htmlwidget-7b57c92bb6ba6d4980a7" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-7b57c92bb6ba6d4980a7">{"x":{"ax_opts":{"chart":{"type":"area"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.4],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.6],["2011-11-01",20.8],["2011-12-01",20.5],["2012-01-01",20.8],["2012-02-01",19.7],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.4],["2012-07-01",17.5],["2012-08-01",18.4],["2012-09-01",18.8],["2012-10-01",19.9],["2012-11-01",18.6],["2012-12-01",17.7],["2013-01-01",15.8],["2013-02-01",17.2],["2013-03-01",17.6],["2013-04-01",17.1],["2013-05-01",17.1],["2013-06-01",17],["2013-07-01",16.2],["2013-08-01",16.5],["2013-09-01",16.5],["2013-10-01",16.3],["2013-11-01",17.1],["2013-12-01",17.3],["2014-01-01",15.4],["2014-02-01",15.9],["2014-03-01",15.8],["2014-04-01",15.7],["2014-05-01",14.6],["2014-06-01",13.8],["2014-07-01",13.1],["2014-08-01",12.9],["2014-09-01",13.4],["2014-10-01",13.6],["2014-11-01",13],["2014-12-01",12.9],["2015-01-01",13.2],["2015-02-01",12.9],["2015-03-01",12],["2015-04-01",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"fill":{"type":"solid","opacity":1}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Line width:</p>
|
||||
<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> economics, <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> uempmed)) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb7-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">1</span>)</a></code></pre></div>
|
||||
<div id="htmlwidget-c0208b633ad1561c6eb9" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-c0208b633ad1561c6eb9">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.3],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.5],["2011-11-01",20.9],["2011-12-01",20.5],["2012-01-01",21],["2012-02-01",19.8],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.1],["2012-07-01",17.5],["2012-08-01",18.5],["2012-09-01",18.8],["2012-10-01",19.7],["2012-11-01",18.5],["2012-12-01",17.6],["2013-01-01",16.2],["2013-02-01",17.5],["2013-03-01",17.7],["2013-04-01",17.1],["2013-05-01",17],["2013-06-01",16.6],["2013-07-01",16.3],["2013-08-01",16.8],["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":1},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Dotted line</p>
|
||||
<div id="htmlwidget-04c76550cf9d93e8e5a7" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-04c76550cf9d93e8e5a7">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.4],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.6],["2011-11-01",20.8],["2011-12-01",20.5],["2012-01-01",20.8],["2012-02-01",19.7],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.4],["2012-07-01",17.5],["2012-08-01",18.4],["2012-09-01",18.8],["2012-10-01",19.9],["2012-11-01",18.6],["2012-12-01",17.7],["2013-01-01",15.8],["2013-02-01",17.2],["2013-03-01",17.6],["2013-04-01",17.1],["2013-05-01",17.1],["2013-06-01",17],["2013-07-01",16.2],["2013-08-01",16.5],["2013-09-01",16.5],["2013-10-01",16.3],["2013-11-01",17.1],["2013-12-01",17.3],["2014-01-01",15.4],["2014-02-01",15.9],["2014-03-01",15.8],["2014-04-01",15.7],["2014-05-01",14.6],["2014-06-01",13.8],["2014-07-01",13.1],["2014-08-01",12.9],["2014-09-01",13.4],["2014-10-01",13.6],["2014-11-01",13],["2014-12-01",12.9],["2015-01-01",13.2],["2015-02-01",12.9],["2015-03-01",12],["2015-04-01",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":1},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Dotted line</p>
|
||||
<div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> economics, <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> uempmed)) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb8-2" title="2"><span class="st"> </span><span class="kw"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(<span class="dt">dashArray =</span> <span class="dv">6</span>)</a></code></pre></div>
|
||||
<div id="htmlwidget-d08615d8a2afe88fe0ec" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-d08615d8a2afe88fe0ec">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.3],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.5],["2011-11-01",20.9],["2011-12-01",20.5],["2012-01-01",21],["2012-02-01",19.8],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.1],["2012-07-01",17.5],["2012-08-01",18.5],["2012-09-01",18.8],["2012-10-01",19.7],["2012-11-01",18.5],["2012-12-01",17.6],["2013-01-01",16.2],["2013-02-01",17.5],["2013-03-01",17.7],["2013-04-01",17.1],["2013-05-01",17],["2013-06-01",16.6],["2013-07-01",16.3],["2013-08-01",16.8],["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","dashArray":6},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
||||
<div id="htmlwidget-cc8b601cb4690fc9cb79" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-cc8b601cb4690fc9cb79">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2011-03-01",21.5],["2011-04-01",20.9],["2011-05-01",21.6],["2011-06-01",22.4],["2011-07-01",22],["2011-08-01",22.4],["2011-09-01",22],["2011-10-01",20.6],["2011-11-01",20.8],["2011-12-01",20.5],["2012-01-01",20.8],["2012-02-01",19.7],["2012-03-01",19.2],["2012-04-01",19.1],["2012-05-01",19.9],["2012-06-01",20.4],["2012-07-01",17.5],["2012-08-01",18.4],["2012-09-01",18.8],["2012-10-01",19.9],["2012-11-01",18.6],["2012-12-01",17.7],["2013-01-01",15.8],["2013-02-01",17.2],["2013-03-01",17.6],["2013-04-01",17.1],["2013-05-01",17.1],["2013-06-01",17],["2013-07-01",16.2],["2013-08-01",16.5],["2013-09-01",16.5],["2013-10-01",16.3],["2013-11-01",17.1],["2013-12-01",17.3],["2014-01-01",15.4],["2014-02-01",15.9],["2014-03-01",15.8],["2014-04-01",15.7],["2014-05-01",14.6],["2014-06-01",13.8],["2014-07-01",13.1],["2014-08-01",12.9],["2014-09-01",13.4],["2014-10-01",13.6],["2014-11-01",13],["2014-12-01",12.9],["2015-01-01",13.2],["2015-02-01",12.9],["2015-03-01",12],["2015-04-01",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","dashArray":6},"xaxis":{"type":"datetime"}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
||||
</div>
|
||||
<div id="markers" class="section level2">
|
||||
<h2 class="hasAnchor">
|
||||
|
|
@ -162,13 +162,13 @@
|
|||
<p>Add points to line :</p>
|
||||
<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="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/head">tail</a></span>(economics, <span class="dv">20</span>), <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> uempmed)) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb9-2" title="2"><span class="st"> </span><span class="kw"><a href="../reference/ax_markers.html">ax_markers</a></span>(<span class="dt">size =</span> <span class="dv">6</span>)</a></code></pre></div>
|
||||
<div id="htmlwidget-f31c56d7bc338a8b6578" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-f31c56d7bc338a8b6578">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"markers":{"size":6}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Add labels over points</p>
|
||||
<div id="htmlwidget-ed71186c9bc3017e44e7" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-ed71186c9bc3017e44e7">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2013-09-01",16.5],["2013-10-01",16.3],["2013-11-01",17.1],["2013-12-01",17.3],["2014-01-01",15.4],["2014-02-01",15.9],["2014-03-01",15.8],["2014-04-01",15.7],["2014-05-01",14.6],["2014-06-01",13.8],["2014-07-01",13.1],["2014-08-01",12.9],["2014-09-01",13.4],["2014-10-01",13.6],["2014-11-01",13],["2014-12-01",12.9],["2015-01-01",13.2],["2015-02-01",12.9],["2015-03-01",12],["2015-04-01",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"markers":{"size":6}},"auto_update":true},"evals":[],"jsHooks":[]}</script><p>Add labels over points</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="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/head">tail</a></span>(economics, <span class="dv">20</span>), <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> uempmed)) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb10-2" title="2"><span class="st"> </span><span class="kw"><a href="../reference/ax_markers.html">ax_markers</a></span>(<span class="dt">size =</span> <span class="dv">6</span>) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb10-3" title="3"><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">TRUE</span>)</a></code></pre></div>
|
||||
<div id="htmlwidget-1720bfd6077a3379fc3e" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-1720bfd6077a3379fc3e">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2013-09-01",16.5],["2013-10-01",16.1],["2013-11-01",17],["2013-12-01",17],["2014-01-01",15.9],["2014-02-01",16.2],["2014-03-01",15.9],["2014-04-01",15.6],["2014-05-01",14.5],["2014-06-01",13.2],["2014-07-01",13.5],["2014-08-01",13.3],["2014-09-01",13.3],["2014-10-01",13.5],["2014-11-01",12.8],["2014-12-01",12.6],["2015-01-01",13.4],["2015-02-01",13.1],["2015-03-01",12.2],["2015-04-01",11.7]]}],"dataLabels":{"enabled":true},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"markers":{"size":6}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
||||
<div id="htmlwidget-4e24442db72b030c3574" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-4e24442db72b030c3574">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","data":[["2013-09-01",16.5],["2013-10-01",16.3],["2013-11-01",17.1],["2013-12-01",17.3],["2014-01-01",15.4],["2014-02-01",15.9],["2014-03-01",15.8],["2014-04-01",15.7],["2014-05-01",14.6],["2014-06-01",13.8],["2014-07-01",13.1],["2014-08-01",12.9],["2014-09-01",13.4],["2014-10-01",13.6],["2014-11-01",13],["2014-12-01",12.9],["2015-01-01",13.2],["2015-02-01",12.9],["2015-03-01",12],["2015-04-01",11.5]]}],"dataLabels":{"enabled":true},"stroke":{"curve":"straight"},"xaxis":{"type":"datetime"},"markers":{"size":6}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
||||
</div>
|
||||
<div id="multiple-lines" class="section level2">
|
||||
<h2 class="hasAnchor">
|
||||
|
|
@ -178,12 +178,12 @@
|
|||
<a class="sourceLine" id="cb11-2" title="2"><span class="st"> </span><span class="kw"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(<span class="dt">decimalsInFloat =</span> <span class="dv">2</span>) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb11-3" title="3"><span class="st"> </span><span class="kw"><a href="../reference/ax_markers.html">ax_markers</a></span>(<span class="dt">size =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">3</span>, <span class="dv">6</span>)) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb11-4" title="4"><span class="st"> </span><span class="kw"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(<span class="dt">width =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">1</span>, <span class="dv">3</span>))</a></code></pre></div>
|
||||
<div id="htmlwidget-c93729fd9840d9f13809" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-c93729fd9840d9f13809">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","data":[["2013-09-01",0.94835294016698],["2013-10-01",0.951999725418522],["2013-11-01",0.957954711217511],["2013-12-01",0.959224650552166],["2014-01-01",0.957302580207824],["2014-02-01",0.961635819153774],["2014-03-01",0.969590101337727],["2014-04-01",0.971143202821325],["2014-05-01",0.974498245252744],["2014-06-01",0.979500776550742],["2014-07-01",0.981371362868004],["2014-08-01",0.987600930144756],["2014-09-01",0.989969195390463],["2014-10-01",0.994413983061755],["2014-11-01",0.998343930462241],["2014-12-01",0.996610634883861],["2015-01-01",0.993075398357659],["2015-02-01",0.994371079705855],["2015-03-01",1],["2015-04-01",0.999776902549317]]},{"name":"pop","data":[["2013-09-01",0.970255780642521],["2013-10-01",0.972031921424187],["2013-11-01",0.973742582361367],["2013-12-01",0.975281358706773],["2014-01-01",0.976631880499284],["2014-02-01",0.978006957233477],["2014-03-01",0.979422958870473],["2014-04-01",0.980888070390833],["2014-05-01",0.982328626969511],["2014-06-01",0.983957438101084],["2014-07-01",0.985643544096583],["2014-08-01",0.987452424800491],["2014-09-01",0.989367710251688],["2014-10-01",0.991135666052793],["2014-11-01",0.992846326989973],["2014-12-01",0.99438510333538],["2015-01-01",0.995743810108451],["2015-02-01",0.997110701862083],["2015-03-01",0.998526703499079],["2015-04-01",1]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":[1,3]},"xaxis":{"type":"datetime"},"yaxis":{"decimalsInFloat":2},"markers":{"size":[3,6]}},"auto_update":true},"evals":[],"jsHooks":[]}</script><div class="sourceCode" id="cb12"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb12-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> economics_long, <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> value01, <span class="dt">group =</span> variable)) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<div id="htmlwidget-cab535151e6c154c9a98" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-cab535151e6c154c9a98">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","data":[["2013-09-01",0.92924677636026],["2013-10-01",0.933773134481608],["2013-11-01",0.939574402546397],["2013-12-01",0.942167004646148],["2014-01-01",0.941704956747183],["2014-02-01",0.946299766409118],["2014-03-01",0.952871114305516],["2014-04-01",0.957970754079284],["2014-05-01",0.961889604777918],["2014-06-01",0.967759324383294],["2014-07-01",0.971481376902739],["2014-08-01",0.978651675779278],["2014-09-01",0.979772569756398],["2014-10-01",0.985385596084572],["2014-11-01",0.987815625775428],["2014-12-01",0.988722608688212],["2015-01-01",0.987353577876462],["2015-02-01",0.990468122973193],["2015-03-01",0.99696246288643],["2015-04-01",1]]},{"name":"pop","data":[["2013-09-01",0.970448177482025],["2013-10-01",0.972224366782906],["2013-11-01",0.97391518362249],["2013-12-01",0.975423315392571],["2014-01-01",0.976921972290395],["2014-02-01",0.97823645673634],["2014-03-01",0.97957855225842],["2014-04-01",0.980992099657577],["2014-05-01",0.982473622896551],["2014-06-01",0.984073150615668],["2014-07-01",0.985702006885595],["2014-08-01",0.987603703319152],["2014-09-01",0.989506155770269],["2014-10-01",0.991383363808922],["2014-11-01",0.993112959418826],["2014-12-01",0.994608132061805],["2015-01-01",0.996107750416745],["2015-02-01",0.997306408041825],["2015-03-01",0.998590610697427],["2015-04-01",1]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":[1,3]},"xaxis":{"type":"datetime"},"yaxis":{"decimalsInFloat":2},"markers":{"size":[3,6]}},"auto_update":true},"evals":[],"jsHooks":[]}</script><div class="sourceCode" id="cb12"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb12-1" title="1"><span class="kw"><a href="../reference/apex.html">apex</a></span>(<span class="dt">data =</span> economics_long, <span class="dt">type =</span> <span class="st">"line"</span>, <span class="dt">mapping =</span> <span class="kw"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="dt">x =</span> date, <span class="dt">y =</span> value01, <span class="dt">group =</span> variable)) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb12-2" title="2"><span class="st"> </span><span class="kw"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(<span class="dt">decimalsInFloat =</span> <span class="dv">2</span>) <span class="op">%>%</span><span class="st"> </span></a>
|
||||
<a class="sourceLine" id="cb12-3" title="3"><span class="st"> </span><span class="kw"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(<span class="dt">dashArray =</span> <span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">8</span>, <span class="dv">5</span>))</a></code></pre></div>
|
||||
<div id="htmlwidget-2468c6d0a10530153811" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-2468c6d0a10530153811">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","data":[["2013-09-01",0.94835294016698],["2013-10-01",0.951999725418522],["2013-11-01",0.957954711217511],["2013-12-01",0.959224650552166],["2014-01-01",0.957302580207824],["2014-02-01",0.961635819153774],["2014-03-01",0.969590101337727],["2014-04-01",0.971143202821325],["2014-05-01",0.974498245252744],["2014-06-01",0.979500776550742],["2014-07-01",0.981371362868004],["2014-08-01",0.987600930144756],["2014-09-01",0.989969195390463],["2014-10-01",0.994413983061755],["2014-11-01",0.998343930462241],["2014-12-01",0.996610634883861],["2015-01-01",0.993075398357659],["2015-02-01",0.994371079705855],["2015-03-01",1],["2015-04-01",0.999776902549317]]},{"name":"pop","data":[["2013-09-01",0.970255780642521],["2013-10-01",0.972031921424187],["2013-11-01",0.973742582361367],["2013-12-01",0.975281358706773],["2014-01-01",0.976631880499284],["2014-02-01",0.978006957233477],["2014-03-01",0.979422958870473],["2014-04-01",0.980888070390833],["2014-05-01",0.982328626969511],["2014-06-01",0.983957438101084],["2014-07-01",0.985643544096583],["2014-08-01",0.987452424800491],["2014-09-01",0.989367710251688],["2014-10-01",0.991135666052793],["2014-11-01",0.992846326989973],["2014-12-01",0.99438510333538],["2015-01-01",0.995743810108451],["2015-02-01",0.997110701862083],["2015-03-01",0.998526703499079],["2015-04-01",1]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","dashArray":[8,5]},"xaxis":{"type":"datetime"},"yaxis":{"decimalsInFloat":2}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
||||
<div id="htmlwidget-ca00e73e8f6a1eb8db1d" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-ca00e73e8f6a1eb8db1d">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","data":[["2013-09-01",0.92924677636026],["2013-10-01",0.933773134481608],["2013-11-01",0.939574402546397],["2013-12-01",0.942167004646148],["2014-01-01",0.941704956747183],["2014-02-01",0.946299766409118],["2014-03-01",0.952871114305516],["2014-04-01",0.957970754079284],["2014-05-01",0.961889604777918],["2014-06-01",0.967759324383294],["2014-07-01",0.971481376902739],["2014-08-01",0.978651675779278],["2014-09-01",0.979772569756398],["2014-10-01",0.985385596084572],["2014-11-01",0.987815625775428],["2014-12-01",0.988722608688212],["2015-01-01",0.987353577876462],["2015-02-01",0.990468122973193],["2015-03-01",0.99696246288643],["2015-04-01",1]]},{"name":"pop","data":[["2013-09-01",0.970448177482025],["2013-10-01",0.972224366782906],["2013-11-01",0.97391518362249],["2013-12-01",0.975423315392571],["2014-01-01",0.976921972290395],["2014-02-01",0.97823645673634],["2014-03-01",0.97957855225842],["2014-04-01",0.980992099657577],["2014-05-01",0.982473622896551],["2014-06-01",0.984073150615668],["2014-07-01",0.985702006885595],["2014-08-01",0.987603703319152],["2014-09-01",0.989506155770269],["2014-10-01",0.991383363808922],["2014-11-01",0.993112959418826],["2014-12-01",0.994608132061805],["2015-01-01",0.996107750416745],["2015-02-01",0.997306408041825],["2015-03-01",0.998590610697427],["2015-04-01",1]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","dashArray":[8,5]},"xaxis":{"type":"datetime"},"yaxis":{"decimalsInFloat":2}},"auto_update":true},"evals":[],"jsHooks":[]}</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,93 @@
|
|||
HTMLWidgets.widget({
|
||||
|
||||
name: 'apexcharter',
|
||||
|
||||
type: 'output',
|
||||
|
||||
factory: function(el, width, height) {
|
||||
|
||||
var ax_opts;
|
||||
var apexchart = null;
|
||||
|
||||
return {
|
||||
|
||||
renderValue: function(x) {
|
||||
|
||||
|
||||
// Global options
|
||||
ax_opts = x.ax_opts;
|
||||
|
||||
// Sizing
|
||||
if (typeof ax_opts.chart === 'undefined') {
|
||||
ax_opts.chart = {};
|
||||
}
|
||||
ax_opts.chart.width = width;
|
||||
ax_opts.chart.height = height;
|
||||
|
||||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(document.querySelector("#" + el.id), ax_opts);
|
||||
apexchart.render();
|
||||
} else {
|
||||
if (x.auto_update) {
|
||||
apexchart.updateSeries(ax_opts.series);
|
||||
} else {
|
||||
apexchart.destroy();
|
||||
apexchart = new ApexCharts(document.querySelector("#" + el.id), ax_opts);
|
||||
apexchart.render();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
||||
getChart: function(){
|
||||
return apexchart;
|
||||
},
|
||||
|
||||
resize: function(width, height) {
|
||||
apexchart.updateOptions({
|
||||
chart: {
|
||||
width: width,
|
||||
height: height
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// From Friss tuto (https://github.com/FrissAnalytics/shinyJsTutorials/blob/master/tutorials/tutorial_03.Rmd)
|
||||
function get_widget(id){
|
||||
|
||||
// Get the HTMLWidgets object
|
||||
var htmlWidgetsObj = HTMLWidgets.find("#" + id);
|
||||
|
||||
// Use the getChart method we created to get the underlying billboard chart
|
||||
var widgetObj ;
|
||||
|
||||
if (typeof htmlWidgetsObj != 'undefined') {
|
||||
widgetObj = htmlWidgetsObj.getChart();
|
||||
}
|
||||
|
||||
return(widgetObj);
|
||||
}
|
||||
|
||||
|
||||
|
||||
if (HTMLWidgets.shinyMode) {
|
||||
// data = load
|
||||
Shiny.addCustomMessageHandler('update-apexchart-series',
|
||||
function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != 'undefined') {
|
||||
chart.updateSeries(obj.data.newSeries, obj.data.animate);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,93 @@
|
|||
HTMLWidgets.widget({
|
||||
|
||||
name: 'apexcharter',
|
||||
|
||||
type: 'output',
|
||||
|
||||
factory: function(el, width, height) {
|
||||
|
||||
var ax_opts;
|
||||
var apexchart = null;
|
||||
|
||||
return {
|
||||
|
||||
renderValue: function(x) {
|
||||
|
||||
|
||||
// Global options
|
||||
ax_opts = x.ax_opts;
|
||||
|
||||
// Sizing
|
||||
if (typeof ax_opts.chart === 'undefined') {
|
||||
ax_opts.chart = {};
|
||||
}
|
||||
ax_opts.chart.width = width;
|
||||
ax_opts.chart.height = height;
|
||||
|
||||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(document.querySelector("#" + el.id), ax_opts);
|
||||
apexchart.render();
|
||||
} else {
|
||||
if (x.auto_update) {
|
||||
apexchart.updateSeries(ax_opts.series);
|
||||
} else {
|
||||
apexchart.destroy();
|
||||
apexchart = new ApexCharts(document.querySelector("#" + el.id), ax_opts);
|
||||
apexchart.render();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
||||
getChart: function(){
|
||||
return apexchart;
|
||||
},
|
||||
|
||||
resize: function(width, height) {
|
||||
apexchart.updateOptions({
|
||||
chart: {
|
||||
width: width,
|
||||
height: height
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// From Friss tuto (https://github.com/FrissAnalytics/shinyJsTutorials/blob/master/tutorials/tutorial_03.Rmd)
|
||||
function get_widget(id){
|
||||
|
||||
// Get the HTMLWidgets object
|
||||
var htmlWidgetsObj = HTMLWidgets.find("#" + id);
|
||||
|
||||
// Use the getChart method we created to get the underlying billboard chart
|
||||
var widgetObj ;
|
||||
|
||||
if (typeof htmlWidgetsObj != 'undefined') {
|
||||
widgetObj = htmlWidgetsObj.getChart();
|
||||
}
|
||||
|
||||
return(widgetObj);
|
||||
}
|
||||
|
||||
|
||||
|
||||
if (HTMLWidgets.shinyMode) {
|
||||
// data = load
|
||||
Shiny.addCustomMessageHandler('update-apexchart-series',
|
||||
function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != 'undefined') {
|
||||
chart.updateSeries(obj.data.newSeries, obj.data.animate);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
6
docs/articles/starting-with-apexcharts_files/apexcharts-3.8.2/apexcharts.min.js
vendored
Normal file
6
docs/articles/starting-with-apexcharts_files/apexcharts-3.8.2/apexcharts.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -60,7 +60,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -173,12 +173,57 @@
|
|||
</table>
|
||||
|
||||
|
||||
<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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)</div><div class='output co'>#> <span class='message'></span>
|
||||
#> <span class='message'>Attachement du package : 'dplyr'</span></div><div class='output co'>#> <span class='message'>The following object is masked from 'package:testthat':</span>
|
||||
#> <span class='message'></span>
|
||||
#> <span class='message'> matches</span></div><div class='output co'>#> <span class='message'>The following objects are masked from 'package:stats':</span>
|
||||
#> <span class='message'></span>
|
||||
#> <span class='message'> filter, lag</span></div><div class='output co'>#> <span class='message'>The following objects are masked from 'package:base':</span>
|
||||
#> <span class='message'></span>
|
||||
#> <span class='message'> intersect, setdiff, setequal, union</span></div><div class='input'>
|
||||
|
||||
<span class='co'># make a barchart with a frequency table</span>
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'>apex</span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"bar"</span>
|
||||
)
|
||||
|
||||
<span class='co'># timeseries</span>
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'>apex</span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
)
|
||||
|
||||
<span class='co'># you can add option to apex result :</span>
|
||||
<span class='fu'>apex</span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_stroke.html'>ax_stroke</a></span>(<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>1</span>)
|
||||
|
||||
|
||||
|
||||
<span class='co'># with group variable</span>
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics_long"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'>apex</span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics_long</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>value01</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>variable</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</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>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@ as Depends of apexcharter" />
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@ to create interactive and modern SVG charts." />
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@ applications and interactive Rmd documents." />
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -172,6 +172,103 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/annotations/'>https://apexcharts.com/docs/options/annotations/</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://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Horizontal line</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/head'>tail</a></span>(<span class='no'>economics</span>, <span class='fl'>200</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_annotations</span>(
|
||||
<span class='kw'>yaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>y</span> <span class='kw'>=</span> <span class='fl'>11.897</span>,
|
||||
<span class='kw'>borderColor</span> <span class='kw'>=</span> <span class='st'>"firebrick"</span>,
|
||||
<span class='kw'>opacity</span> <span class='kw'>=</span> <span class='fl'>1</span>,
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Mean uempmed"</span>,
|
||||
<span class='kw'>position</span> <span class='kw'>=</span> <span class='st'>"left"</span>,
|
||||
<span class='kw'>textAnchor</span> <span class='kw'>=</span> <span class='st'>"start"</span>
|
||||
)
|
||||
))
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># Vertical line</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/head'>tail</a></span>(<span class='no'>economics</span>, <span class='fl'>200</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_annotations</span>(
|
||||
<span class='kw'>xaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>x</span> <span class='kw'>=</span> <span class='kw pkg'>htmlwidgets</span><span class='kw ns'>::</span><span class='fu'><a href='https://www.rdocumentation.org/packages/htmlwidgets/topics/JS'>JS</a></span>(<span class='st'>"new Date('1 Mar 2007').getTime()"</span>),
|
||||
<span class='kw'>strokeDashArray</span> <span class='kw'>=</span> <span class='fl'>0</span>,
|
||||
<span class='kw'>borderColor</span> <span class='kw'>=</span> <span class='st'>"#775DD0"</span>,
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"A label"</span>,
|
||||
<span class='kw'>borderColor</span> <span class='kw'>=</span> <span class='st'>"#775DD0"</span>,
|
||||
<span class='kw'>style</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#fff"</span>,
|
||||
<span class='kw'>background</span> <span class='kw'>=</span> <span class='st'>"#775DD0"</span>
|
||||
)
|
||||
)
|
||||
))
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># Vertical range</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/head'>tail</a></span>(<span class='no'>economics</span>, <span class='fl'>200</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_annotations</span>(
|
||||
<span class='kw'>xaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>x</span> <span class='kw'>=</span> <span class='kw pkg'>htmlwidgets</span><span class='kw ns'>::</span><span class='fu'><a href='https://www.rdocumentation.org/packages/htmlwidgets/topics/JS'>JS</a></span>(<span class='st'>"new Date('1 Jan 2009').getTime()"</span>),
|
||||
<span class='kw'>x2</span> <span class='kw'>=</span> <span class='kw pkg'>htmlwidgets</span><span class='kw ns'>::</span><span class='fu'><a href='https://www.rdocumentation.org/packages/htmlwidgets/topics/JS'>JS</a></span>(<span class='st'>"new Date('1 Feb 2010').getTime()"</span>),
|
||||
<span class='kw'>fillColor</span> <span class='kw'>=</span> <span class='st'>"#B3F7CA"</span>,
|
||||
<span class='kw'>opacity</span> <span class='kw'>=</span> <span class='fl'>0.4</span>,
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"A label"</span>,
|
||||
<span class='kw'>borderColor</span> <span class='kw'>=</span> <span class='st'>"#B3F7CA"</span>,
|
||||
<span class='kw'>style</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#fff"</span>,
|
||||
<span class='kw'>background</span> <span class='kw'>=</span> <span class='st'>"#B3F7CA"</span>
|
||||
)
|
||||
)
|
||||
))
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># Point annotation</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/head'>tail</a></span>(<span class='no'>economics</span>, <span class='fl'>200</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_annotations</span>(
|
||||
<span class='kw'>points</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>x</span> <span class='kw'>=</span> <span class='kw pkg'>htmlwidgets</span><span class='kw ns'>::</span><span class='fu'><a href='https://www.rdocumentation.org/packages/htmlwidgets/topics/JS'>JS</a></span>(<span class='st'>"new Date('1 Jun 2010').getTime()"</span>),
|
||||
<span class='kw'>y</span> <span class='kw'>=</span> <span class='fl'>25.2</span>,
|
||||
<span class='kw'>marker</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>size</span> <span class='kw'>=</span> <span class='fl'>8</span>,
|
||||
<span class='kw'>fillColor</span> <span class='kw'>=</span> <span class='st'>"#fff"</span>,
|
||||
<span class='kw'>strokeColor</span> <span class='kw'>=</span> <span class='st'>"red"</span>,
|
||||
<span class='kw'>radius</span> <span class='kw'>=</span> <span class='fl'>2</span>
|
||||
),
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Highest"</span>,
|
||||
<span class='kw'>offsetY</span> <span class='kw'>=</span> <span class='fl'>0</span>,
|
||||
<span class='kw'>borderColor</span> <span class='kw'>=</span> <span class='st'>"#FF4560"</span>,
|
||||
<span class='kw'>style</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#fff"</span>,
|
||||
<span class='kw'>background</span> <span class='kw'>=</span> <span class='st'>"#FF4560"</span>
|
||||
)
|
||||
)
|
||||
))
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -181,7 +278,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -220,6 +220,30 @@
|
|||
<p>A <code>apexcharts</code> <code>htmlwidget</code> object.</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Stack bar type</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>, <span class='no'>color</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='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'>fill</span> <span class='kw'>=</span> <span class='no'>color</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(<span class='kw'>stacked</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>, <span class='no'>color</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='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'>fill</span> <span class='kw'>=</span> <span class='no'>color</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(<span class='kw'>stacked</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>, <span class='kw'>stackType</span> <span class='kw'>=</span> <span class='st'>"100%"</span>)
|
||||
|
||||
|
||||
<span class='co'># Toolbar</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>, <span class='no'>color</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='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'>fill</span> <span class='kw'>=</span> <span class='no'>color</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(<span class='kw'>toolbar</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>))</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -227,7 +251,9 @@
|
|||
<li><a href="#arguments">Arguments</a></li>
|
||||
|
||||
<li><a href="#value">Value</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -155,6 +155,24 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/colors/'>https://apexcharts.com/docs/options/colors/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Change default color(s)</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='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'>ax_colors</span>(<span class='st'>"#F7D358"</span>)
|
||||
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>, <span class='no'>color</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='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'>fill</span> <span class='kw'>=</span> <span class='no'>color</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_colors</span>(<span class='kw pkg'>scales</span><span class='kw ns'>::</span><span class='fu'><a href='https://www.rdocumentation.org/packages/scales/topics/brewer_pal'>brewer_pal</a></span>(<span class='kw'>palette</span> <span class='kw'>=</span> <span class='st'>"Set2"</span>)(<span class='fl'>7</span>))</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -164,7 +182,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -186,6 +186,16 @@ Accepted values <code>"start"</code>, <code>"middle"</code> or <code>"end"</code
|
|||
<p>See <a href='https://apexcharts.com/docs/options/datalabels/'>https://apexcharts.com/docs/options/datalabels/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Add data labels</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='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'>ax_dataLabels</span>(<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -195,7 +205,9 @@ Accepted values <code>"start"</code>, <code>"middle"</code> or <code>"end"</code
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -181,6 +181,40 @@ Available options: <code>"solid"</code>, <code>"gradient"</code>, <code>"pattern
|
|||
<p>See <a href='https://apexcharts.com/docs/options/fill/'>https://apexcharts.com/docs/options/fill/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Use a pattern to fill bars</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>, <span class='no'>color</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>color</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>cut</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_fill</span>(
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"pattern"</span>,
|
||||
<span class='kw'>opacity</span> <span class='kw'>=</span> <span class='fl'>1</span>,
|
||||
<span class='kw'>pattern</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>style</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='st'>"circles"</span>, <span class='st'>"slantedLines"</span>, <span class='st'>"verticalLines"</span>, <span class='st'>"horizontalLines"</span>, <span class='st'>"squares"</span>)
|
||||
)
|
||||
)
|
||||
|
||||
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Customise gradient</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>psavert</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"area"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_fill</span>(<span class='kw'>gradient</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>shadeIntensity</span> <span class='kw'>=</span> <span class='fl'>1</span>,
|
||||
<span class='kw'>inverseColors</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
|
||||
<span class='kw'>opacityFrom</span> <span class='kw'>=</span> <span class='fl'>0</span>,
|
||||
<span class='kw'>opacityTo</span> <span class='kw'>=</span> <span class='fl'>1</span>,
|
||||
<span class='kw'>stops</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='fl'>0</span>, <span class='fl'>2000</span>)
|
||||
))</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -190,7 +224,9 @@ Available options: <code>"solid"</code>, <code>"gradient"</code>, <code>"pattern
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -193,6 +193,36 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/grid/'>https://apexcharts.com/docs/options/grid/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Hide Y-axis and gridelines</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_grid</span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)
|
||||
|
||||
<span class='co'># just grid lines</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_grid</span>(<span class='kw'>yaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>lines</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)))
|
||||
|
||||
|
||||
<span class='co'># both x & y</span>
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>psavert</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_grid</span>(
|
||||
<span class='kw'>yaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>lines</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)),
|
||||
<span class='kw'>xaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>lines</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>))
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -202,7 +232,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -162,6 +162,17 @@ option. While, in pie/donut charts, each label corresponds to value in series ar
|
|||
<p>See <a href='https://apexcharts.com/docs/options/labels/'>https://apexcharts.com/docs/options/labels/</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='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'>"pie"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series</a></span>(<span class='fl'>23</span>, <span class='fl'>45</span>, <span class='fl'>56</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_labels</span>(<span class='st'>"A"</span>, <span class='st'>"B"</span>, <span class='st'>"C"</span>)
|
||||
|
||||
<span class='co'># same as </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'>"pie"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series2</a></span>(<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='fl'>23</span>, <span class='fl'>45</span>, <span class='fl'>56</span>)) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_labels2</span>(<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='st'>"A"</span>, <span class='st'>"B"</span>, <span class='st'>"C"</span>))</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -171,7 +182,9 @@ option. While, in pie/donut charts, each label corresponds to value in series ar
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -131,11 +131,13 @@
|
|||
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_legend</span>(<span class='no'>ax</span>, <span class='kw'>show</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>horizontalAlign</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>verticalAlign</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>fontSize</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>textAnchor</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>offsetY</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>offsetX</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>formatter</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>labels</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>markers</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>itemMargin</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>containerMargin</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>onItemClick</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>onItemHover</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>floating</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>ax_legend</span>(<span class='no'>ax</span>, <span class='kw'>show</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>showForSingleSeries</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>showForNullSeries</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>showForZeroSeries</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>horizontalAlign</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>fontSize</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>textAnchor</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>offsetY</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>offsetX</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>formatter</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>labels</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>markers</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>itemMargin</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>containerMargin</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>onItemClick</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>onItemHover</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>floating</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -153,12 +155,20 @@
|
|||
<td><p>Available position options for legend: <code>"top"</code>, <code>"right"</code>, <code>"bottom"</code>, <code>"left"</code>.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>horizontalAlign</th>
|
||||
<td><p>Available options for horizontal alignment: <code>"right"</code>, <code>"center"</code>, <code>"left"</code>.</p></td>
|
||||
<th>showForSingleSeries</th>
|
||||
<td><p>Show legend even if there is just 1 series.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>verticalAlign</th>
|
||||
<td><p>Available options for vertical alignment: <code>"top"</code>, <code>"middle"</code>, <code>"bottom"</code></p></td>
|
||||
<th>showForNullSeries</th>
|
||||
<td><p>Allows you to hide a particular legend if it’s series contains all null values.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>showForZeroSeries</th>
|
||||
<td><p>Allows you to hide a particular legend if it’s series contains all 0 values.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>horizontalAlign</th>
|
||||
<td><p>Available options for horizontal alignment: <code>"right"</code>, <code>"center"</code>, <code>"left"</code>.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>fontSize</th>
|
||||
|
|
@ -228,6 +238,23 @@ when hovered on legend item, it will highlight the paths of the hovered series i
|
|||
<p>See <a href='https://apexcharts.com/docs/options/legend/'>https://apexcharts.com/docs/options/legend/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Legend position</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>year</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_legend</span>(<span class='kw'>position</span> <span class='kw'>=</span> <span class='st'>"right"</span>)
|
||||
|
||||
<span class='co'># hide legend</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>year</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_legend</span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -237,7 +264,9 @@ when hovered on legend item, it will highlight the paths of the hovered series i
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -202,6 +202,16 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/markers/'>https://apexcharts.com/docs/options/markers/</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://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># show points</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/head'>tail</a></span>(<span class='no'>economics</span>, <span class='fl'>20</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_markers</span>(<span class='kw'>size</span> <span class='kw'>=</span> <span class='fl'>6</span>)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -211,7 +221,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -168,6 +168,40 @@
|
|||
<p>A <code>apexcharts</code> <code>htmlwidget</code> object.</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Stack bar type</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='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'>ax_plotOptions</span>(
|
||||
<span class='kw'>bar</span> <span class='kw'>=</span> <span class='fu'><a href='bar_opts.html'>bar_opts</a></span>(<span class='kw'>endingShape</span> <span class='kw'>=</span> <span class='st'>"rounded"</span>, <span class='kw'>columnWidth</span> <span class='kw'>=</span> <span class='st'>"10%"</span>)
|
||||
)
|
||||
|
||||
<span class='co'># Pie</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='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'>type</span> <span class='kw'>=</span> <span class='st'>"pie"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_plotOptions</span>(
|
||||
<span class='kw'>pie</span> <span class='kw'>=</span> <span class='fu'><a href='pie_opts.html'>pie_opts</a></span>(<span class='kw'>customScale</span> <span class='kw'>=</span> <span class='fl'>0.5</span>)
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># Radial</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'>"radialBar"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_plotOptions</span>(
|
||||
<span class='kw'>radialBar</span> <span class='kw'>=</span> <span class='fu'><a href='radialBar_opts.html'>radialBar_opts</a></span>(
|
||||
<span class='kw'>hollow</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>size</span> <span class='kw'>=</span> <span class='st'>"70%"</span>)
|
||||
)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series</a></span>(<span class='fl'>70</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_labels.html'>ax_labels</a></span>(<span class='st'>"Indicator"</span>)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -175,7 +209,9 @@
|
|||
<li><a href="#arguments">Arguments</a></li>
|
||||
|
||||
<li><a href="#value">Value</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -155,6 +155,32 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/responsive/'>https://apexcharts.com/docs/options/responsive/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Open in browser and resize window</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>year</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_legend.html'>ax_legend</a></span>(<span class='kw'>position</span> <span class='kw'>=</span> <span class='st'>"right"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_responsive</span>(
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>breakpoint</span> <span class='kw'>=</span> <span class='fl'>1000</span>,
|
||||
<span class='kw'>options</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>plotOptions</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>bar</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>horizontal</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
|
||||
)
|
||||
),
|
||||
<span class='kw'>legend</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>position</span> <span class='kw'>=</span> <span class='st'>"bottom"</span>
|
||||
)
|
||||
)
|
||||
)
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -164,7 +190,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -167,6 +167,23 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/states/'>https://apexcharts.com/docs/options/states/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Inverse effect on hover</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"bar"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_states</span>(
|
||||
<span class='kw'>hover</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>filter</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"darken"</span>
|
||||
)
|
||||
)
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -176,7 +193,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -185,6 +185,28 @@ and <code>"straight"</code> (connect the points in straight lines.).</p></td>
|
|||
<p>See <a href='https://apexcharts.com/docs/options/stroke/'>https://apexcharts.com/docs/options/stroke/</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://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_stroke</span>(
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>1</span>,
|
||||
<span class='kw'>dashArray</span> <span class='kw'>=</span> <span class='fl'>4</span>
|
||||
)
|
||||
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics_long"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics_long</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>value01</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>variable</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_stroke</span>(
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='fl'>1</span>, <span class='fl'>2</span>, <span class='fl'>3</span>, <span class='fl'>4</span>, <span class='fl'>5</span>),
|
||||
<span class='kw'>dashArray</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='fl'>1</span>, <span class='fl'>2</span>, <span class='fl'>3</span>, <span class='fl'>4</span>, <span class='fl'>5</span>)
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -194,7 +216,9 @@ and <code>"straight"</code> (connect the points in straight lines.).</p></td>
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -185,6 +185,19 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/subtitle/'>https://apexcharts.com/docs/options/subtitle/</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://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_title.html'>ax_title</a></span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Median duration of unemployment"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_subtitle</span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"in weeks"</span>
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -194,7 +207,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -131,7 +131,8 @@
|
|||
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_theme</span>(<span class='no'>ax</span>, <span class='kw'>palette</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>monochrome</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>ax_theme</span>(<span class='no'>ax</span>, <span class='kw'>mode</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='st'>"light"</span>, <span class='st'>"dark"</span>), <span class='kw'>palette</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>monochrome</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -140,6 +141,10 @@
|
|||
<th>ax</th>
|
||||
<td><p>A <code>apexcharts</code> <code>htmlwidget</code> object.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>mode</th>
|
||||
<td><p>use light or dark theme.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>palette</th>
|
||||
<td><p>Character. Available palettes: <code>"palette1"</code> to <code>"palette10"</code>.</p></td>
|
||||
|
|
@ -163,6 +168,31 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/theme/'>https://apexcharts.com/docs/options/theme/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Dark mode</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_theme</span>(<span class='kw'>mode</span> <span class='kw'>=</span> <span class='st'>"dark"</span>)
|
||||
|
||||
<span class='co'># Use predefined palette (1 to 10)</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>, <span class='no'>color</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>color</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>cut</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_theme</span>(<span class='kw'>palette</span> <span class='kw'>=</span> <span class='st'>"palette2"</span>)
|
||||
|
||||
<span class='co'># monochrome palette</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</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>, <span class='no'>color</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>color</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>cut</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_theme</span>(<span class='kw'>monochrome</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#0B6121"</span>))</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -172,7 +202,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -185,6 +185,16 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/title/'>https://apexcharts.com/docs/options/title/</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://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>uempmed</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_title</span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Median duration of unemployment, in weeks"</span>
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -194,7 +204,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -219,6 +219,34 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/tooltip/'>https://apexcharts.com/docs/options/tooltip/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Hide tooltip</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>year</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_tooltip</span>(<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)
|
||||
|
||||
<span class='co'># Share between series</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>year</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_tooltip</span>(<span class='kw'>shared</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)
|
||||
|
||||
<span class='co'># Fixed tooltip</span>
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>psavert</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_tooltip</span>(
|
||||
<span class='kw'>fixed</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>, <span class='kw'>position</span> <span class='kw'>=</span> <span class='st'>"topLeft"</span>)
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -228,7 +256,9 @@
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -217,6 +217,65 @@ similar to an absolutely positioned element. Set the offsetX and offsetY then to
|
|||
<p>See <a href='https://apexcharts.com/docs/options/xaxis/'>https://apexcharts.com/docs/options/xaxis/</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://www.rdocumentation.org/packages/base/topics/library'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># X axis title</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(<span class='kw'>title</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Car's manufacturer"</span>))
|
||||
|
||||
<span class='co'># force labels to rotate and increase height</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>rotateAlways</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>, <span class='kw'>maxHeight</span> <span class='kw'>=</span> <span class='fl'>180</span>))
|
||||
|
||||
<span class='co'># force to not rotate</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>manufacturer</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>n</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>rotate</span> <span class='kw'>=</span> <span class='fl'>0</span>, <span class='kw'>trim</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>))
|
||||
|
||||
|
||||
<span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'># Custom crosshair</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/head'>tail</a></span>(<span class='no'>economics</span>, <span class='fl'>50</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>psavert</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(
|
||||
<span class='kw'>crosshairs</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>opacity</span> <span class='kw'>=</span> <span class='fl'>1</span>,
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>2</span>,
|
||||
<span class='kw'>fill</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"red"</span>),
|
||||
<span class='kw'>stroke</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>0</span>)
|
||||
)
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># Date format (zoom to see changes)</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/head'>tail</a></span>(<span class='no'>economics</span>, <span class='fl'>150</span>),
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>psavert</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>datetimeFormatter</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>year</span> <span class='kw'>=</span> <span class='st'>"yyyy-MM"</span>,
|
||||
<span class='kw'>month</span> <span class='kw'>=</span> <span class='st'>"yyyy-MM-dd"</span>,
|
||||
<span class='kw'>day</span> <span class='kw'>=</span> <span class='st'>"yyyy-MM-dd HH:mm"</span>
|
||||
)
|
||||
)
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -226,7 +285,9 @@ similar to an absolutely positioned element. Set the offsetX and offsetY then to
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -203,6 +203,28 @@ similar to an absolutely positioned element. Set the offsetX and offsetY then to
|
|||
<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://www.rdocumentation.org/packages/utils/topics/data'>data</a></span>(<span class='st'>"economics_long"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>economics_long</span>,
|
||||
<span class='kw'>mapping</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>date</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>value01</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>variable</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_yaxis</span>(
|
||||
<span class='kw'>decimalsInFloat</span> <span class='kw'>=</span> <span class='fl'>2</span>, <span class='kw'>title</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Rescaled to [0,1]"</span>)
|
||||
)
|
||||
|
||||
<span class='co'># Format tick labels</span>
|
||||
<span class='no'>temperature</span> <span class='kw'><-</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/data.frame'>data.frame</a></span>(
|
||||
<span class='kw'>month</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/utils/topics/head'>head</a></span>(<span class='no'>month.name</span>),
|
||||
<span class='kw'>tp</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/c'>c</a></span>(<span class='fl'>4</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='no'>temperature</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>month</span>, <span class='no'>tp</span>), <span class='st'>"line"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_yaxis</span>(
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>formatter</span> <span class='kw'>=</span> <span class='kw pkg'>htmlwidgets</span><span class='kw ns'>::</span><span class='fu'><a href='https://www.rdocumentation.org/packages/htmlwidgets/topics/JS'>JS</a></span>(<span class='st'>"function(value) {return value + '°C';}"</span>)
|
||||
)
|
||||
)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -212,7 +234,9 @@ similar to an absolutely positioned element. Set the offsetX and offsetY then to
|
|||
<li><a href="#value">Value</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -140,11 +140,11 @@
|
|||
<colgroup><col class="name" /><col class="desc" /></colgroup>
|
||||
<tr>
|
||||
<th>horizontal</th>
|
||||
<td><p>Logical. This option will turn a column chart into a horiontal bar chart.</p></td>
|
||||
<td><p>Logical. This option will turn a column chart into a horizontal bar chart.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>endingShape</th>
|
||||
<td><p>Available Options: <code>"flat"</code>, <code>"rounded"</code> or <code>"arrow"</code>.</p></td>
|
||||
<td><p>Available Options: <code>"flat"</code> or <code>"rounded"</code>.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>columnWidth</th>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -185,6 +185,31 @@
|
|||
<p>See <a href='https://apexcharts.com/docs/options/plotoptions/radialbar/'>https://apexcharts.com/docs/options/plotoptions/radialbar/</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='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'>"radialBar"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_plotOptions.html'>ax_plotOptions</a></span>(
|
||||
<span class='kw'>radialBar</span> <span class='kw'>=</span> <span class='fu'>radialBar_opts</span>(
|
||||
<span class='kw'>startAngle</span> <span class='kw'>=</span> -<span class='fl'>135</span>,
|
||||
<span class='kw'>endAngle</span> <span class='kw'>=</span> <span class='fl'>135</span>,
|
||||
<span class='kw'>dataLabels</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>fontSize</span> <span class='kw'>=</span> <span class='st'>"16px"</span>,
|
||||
<span class='co'># color = undefined,</span>
|
||||
<span class='kw'>offsetY</span> <span class='kw'>=</span> <span class='fl'>120</span>
|
||||
),
|
||||
<span class='kw'>value</span> <span class='kw'>=</span> <span class='fu'><a href='https://www.rdocumentation.org/packages/base/topics/list'>list</a></span>(
|
||||
<span class='kw'>offsetY</span> <span class='kw'>=</span> <span class='fl'>76</span>,
|
||||
<span class='kw'>fontSize</span> <span class='kw'>=</span> <span class='st'>"22px"</span>,
|
||||
<span class='co'># color = undefined,</span>
|
||||
<span class='kw'>formatter</span> <span class='kw'>=</span> <span class='kw pkg'>htmlwidgets</span><span class='kw ns'>::</span><span class='fu'><a href='https://www.rdocumentation.org/packages/htmlwidgets/topics/JS'>JS</a></span>(<span class='st'>"function (val) {return val + '%';}"</span>)
|
||||
)
|
||||
)
|
||||
)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_stroke.html'>ax_stroke</a></span>(<span class='kw'>dashArray</span> <span class='kw'>=</span> <span class='fl'>4</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series</a></span>(<span class='fl'>70</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_labels.html'>ax_labels</a></span>(<span class='st'>"Indicator"</span>)</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -192,7 +217,9 @@
|
|||
<li><a href="#arguments">Arguments</a></li>
|
||||
|
||||
<li><a href="#note">Note</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
</button>
|
||||
<span class="navbar-brand">
|
||||
<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.0.4.940</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.0.4.960</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue