rebuild pkgdown
This commit is contained in:
pvictor
parent
74512ce454
commit
abad2b837c
|
|
@ -149,11 +149,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -236,7 +236,7 @@ Content not found. Please use links in the navbar.
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -149,11 +149,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -238,7 +238,7 @@ COPYRIGHT HOLDER: Victor Perrier
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,15 @@
|
|||
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
|
||||
// v0.0.1
|
||||
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const codeList = document.getElementsByClassName("sourceCode");
|
||||
for (var i = 0; i < codeList.length; i++) {
|
||||
var linkList = codeList[i].getElementsByTagName('a');
|
||||
for (var j = 0; j < linkList.length; j++) {
|
||||
if (linkList[j].innerHTML === "") {
|
||||
linkList[j].setAttribute('aria-hidden', 'true');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,337 @@
|
|||
/*!
|
||||
*
|
||||
* htmlwidgets bindings for ApexCharts
|
||||
* https://github.com/dreamRs/apexcharter
|
||||
*
|
||||
*/
|
||||
|
||||
/// Functions
|
||||
|
||||
// From Friss tuto (https://github.com/FrissAnalytics/shinyJsTutorials/blob/master/tutorials/tutorial_03.Rmd)
|
||||
function get_widget(id) {
|
||||
var htmlWidgetsObj = HTMLWidgets.find("#" + id);
|
||||
var widgetObj;
|
||||
if (typeof htmlWidgetsObj !== "undefined") {
|
||||
widgetObj = htmlWidgetsObj.getChart();
|
||||
}
|
||||
return widgetObj;
|
||||
}
|
||||
|
||||
function is_single(options) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var lab = typeLabels.indexOf(options.w.config.chart.type) > -1;
|
||||
var single = options.w.config.series.length === 1;
|
||||
return lab | single;
|
||||
}
|
||||
|
||||
function is_datetime(chartContext) {
|
||||
if (
|
||||
chartContext.hasOwnProperty("w") &&
|
||||
chartContext.w.hasOwnProperty("config") &&
|
||||
chartContext.w.config.hasOwnProperty("xaxis") &&
|
||||
chartContext.w.config.xaxis.hasOwnProperty("type")
|
||||
) {
|
||||
return chartContext.w.config.xaxis.type == "datetime";
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function getSelection(chartContext, selectedDataPoints, serieIndex) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var typeXY = ["scatter", "bubble"];
|
||||
var selected;
|
||||
if (typeLabels.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
var labels = chartContext.opts.labels;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
return labels[index];
|
||||
});
|
||||
} else {
|
||||
var data = chartContext.opts.series[serieIndex].data;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
var val = data[index];
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) < 0) {
|
||||
if (val.hasOwnProperty("x")) {
|
||||
val = val.x;
|
||||
} else {
|
||||
val = val[0];
|
||||
}
|
||||
}
|
||||
return val;
|
||||
});
|
||||
}
|
||||
//console.log(selected);
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
selected = {
|
||||
x: selected.map(function(obj) {
|
||||
return obj.x;
|
||||
}),
|
||||
y: selected.map(function(obj) {
|
||||
return obj.y;
|
||||
})
|
||||
};
|
||||
}
|
||||
if (typeof selected == "undefined") {
|
||||
selected = null;
|
||||
}
|
||||
return selected;
|
||||
}
|
||||
|
||||
function getYaxis(axis) {
|
||||
var yzoom = { min: null, max: null };
|
||||
if (typeof axis.yaxis !== "undefined" && axis.yaxis !== null) {
|
||||
var y_axis;
|
||||
if (axis.yaxis.hasOwnProperty("min")) {
|
||||
y_axis = axis.yaxis;
|
||||
} else {
|
||||
y_axis = axis.yaxis[0];
|
||||
}
|
||||
if (y_axis.hasOwnProperty("min") && typeof y_axis.min !== "undefined") {
|
||||
yzoom.min = y_axis.min;
|
||||
}
|
||||
if (y_axis.hasOwnProperty("max") && typeof y_axis.max !== "undefined") {
|
||||
yzoom.max = y_axis.max;
|
||||
}
|
||||
}
|
||||
return yzoom;
|
||||
}
|
||||
|
||||
function getXaxis(axis) {
|
||||
var xzoom = { min: null, max: null };
|
||||
if (typeof axis.xaxis !== "undefined") {
|
||||
var x_axis = axis.xaxis;
|
||||
if (x_axis.hasOwnProperty("min") && typeof x_axis.min !== "undefined") {
|
||||
xzoom.min = x_axis.min;
|
||||
}
|
||||
if (x_axis.hasOwnProperty("max") && typeof x_axis.max !== "undefined") {
|
||||
xzoom.max = x_axis.max;
|
||||
}
|
||||
}
|
||||
return xzoom;
|
||||
}
|
||||
|
||||
function exportChart(x, chart) {
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (x.shinyEvents.hasOwnProperty("export")) {
|
||||
setTimeout(function() {
|
||||
chart.dataURI().then(function(imgURI) {
|
||||
Shiny.setInputValue(x.shinyEvents.export.inputId, imgURI);
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Widget
|
||||
|
||||
HTMLWidgets.widget({
|
||||
name: "apexcharter",
|
||||
|
||||
type: "output",
|
||||
|
||||
factory: function(el, width, height) {
|
||||
var axOpts;
|
||||
var apexchart = null;
|
||||
|
||||
return {
|
||||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
}
|
||||
|
||||
// Sizing
|
||||
if (typeof axOpts.chart === "undefined") {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
axOpts.chart.width = width;
|
||||
axOpts.chart.height = height;
|
||||
if (!axOpts.chart.hasOwnProperty("id")) {
|
||||
axOpts.chart.id = el.id;
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("mounted")) {
|
||||
axOpts.chart.events.mounted = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("updated")) {
|
||||
axOpts.chart.events.updated = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (!axOpts.hasOwnProperty("chart")) {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("click")) {
|
||||
axOpts.chart.events.dataPointSelection = function(
|
||||
event,
|
||||
chartContext,
|
||||
opts
|
||||
) {
|
||||
var options = opts;
|
||||
var nonEmpty = opts.selectedDataPoints.filter(function(el) {
|
||||
return el !== null && el.length > 0;
|
||||
});
|
||||
if (nonEmpty.length > 0) {
|
||||
var select = {};
|
||||
for (var i = 0; i < opts.selectedDataPoints.length; i++) {
|
||||
if (typeof opts.selectedDataPoints[i] === "undefined") {
|
||||
continue;
|
||||
}
|
||||
var selection = getSelection(
|
||||
chartContext,
|
||||
options.selectedDataPoints,
|
||||
i
|
||||
);
|
||||
if (selection !== null) {
|
||||
if (opts.w.config.series[i].hasOwnProperty("name")) {
|
||||
var name = opts.w.config.series[i].name;
|
||||
select[name] = selection;
|
||||
} else {
|
||||
select[i] = selection;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (is_single(options)) {
|
||||
select = select[Object.keys(select)[0]];
|
||||
}
|
||||
Shiny.setInputValue(
|
||||
x.shinyEvents.click.inputId + ":apex_click",
|
||||
{ value: select, datetime: is_datetime(chartContext) }
|
||||
);
|
||||
} else {
|
||||
Shiny.setInputValue(x.shinyEvents.click.inputId, null);
|
||||
}
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("zoomed")) {
|
||||
axOpts.chart.events.zoomed = function(chartContext, xaxis, yaxis) {
|
||||
var id = x.shinyEvents.zoomed.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
Shiny.setInputValue(id, {
|
||||
x: getXaxis(xaxis),
|
||||
y: getYaxis(xaxis)
|
||||
});
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("selection")) {
|
||||
axOpts.chart.events.selection = function(
|
||||
chartContext,
|
||||
xaxis,
|
||||
yaxis
|
||||
) {
|
||||
var id = x.shinyEvents.selection.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
var selectionValue;
|
||||
if (x.shinyEvents.selection.type === "x") {
|
||||
selectionValue = { x: xaxis.xaxis };
|
||||
} else if (x.shinyEvents.selection.type === "xy") {
|
||||
selectionValue = { x: xaxis.xaxis, y: getYaxis(xaxis) };
|
||||
} else if (x.shinyEvents.selection.type === "y") {
|
||||
selectionValue = { y: getYaxis(xaxis) };
|
||||
}
|
||||
Shiny.setInputValue(id, selectionValue);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
} else {
|
||||
if (x.auto_update) {
|
||||
//console.log(x.auto_update);
|
||||
apexchart
|
||||
.updateSeries(axOpts.series, x.auto_update.series_animate)
|
||||
.then(function(chart) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
if (x.auto_update.update_options) {
|
||||
delete axOpts.series;
|
||||
delete axOpts.chart.width;
|
||||
delete axOpts.chart.height;
|
||||
apexchart
|
||||
.updateOptions(
|
||||
axOpts,
|
||||
x.auto_update.options_redrawPaths,
|
||||
x.auto_update.options_animate,
|
||||
x.auto_update.update_synced_charts
|
||||
)
|
||||
.then(function(a, b) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
apexchart.destroy();
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
getChart: function() {
|
||||
return apexchart;
|
||||
},
|
||||
|
||||
resize: function(width, height) {
|
||||
apexchart.updateOptions({
|
||||
chart: {
|
||||
width: width,
|
||||
height: height
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
if (HTMLWidgets.shinyMode) {
|
||||
// update serie
|
||||
Shiny.addCustomMessageHandler("update-apexchart-series", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateSeries(
|
||||
[
|
||||
{
|
||||
data: obj.data.newSeries
|
||||
}
|
||||
],
|
||||
obj.data.animate
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// update options
|
||||
Shiny.addCustomMessageHandler("update-apexchart-options", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateOptions(obj.data.options);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.20.0
|
||||
version: 3.20.1
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
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,15 @@
|
|||
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
|
||||
// v0.0.1
|
||||
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const codeList = document.getElementsByClassName("sourceCode");
|
||||
for (var i = 0; i < codeList.length; i++) {
|
||||
var linkList = codeList[i].getElementsByTagName('a');
|
||||
for (var j = 0; j < linkList.length; j++) {
|
||||
if (linkList[j].innerHTML === "") {
|
||||
linkList[j].setAttribute('aria-hidden', 'true');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,337 @@
|
|||
/*!
|
||||
*
|
||||
* htmlwidgets bindings for ApexCharts
|
||||
* https://github.com/dreamRs/apexcharter
|
||||
*
|
||||
*/
|
||||
|
||||
/// Functions
|
||||
|
||||
// From Friss tuto (https://github.com/FrissAnalytics/shinyJsTutorials/blob/master/tutorials/tutorial_03.Rmd)
|
||||
function get_widget(id) {
|
||||
var htmlWidgetsObj = HTMLWidgets.find("#" + id);
|
||||
var widgetObj;
|
||||
if (typeof htmlWidgetsObj !== "undefined") {
|
||||
widgetObj = htmlWidgetsObj.getChart();
|
||||
}
|
||||
return widgetObj;
|
||||
}
|
||||
|
||||
function is_single(options) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var lab = typeLabels.indexOf(options.w.config.chart.type) > -1;
|
||||
var single = options.w.config.series.length === 1;
|
||||
return lab | single;
|
||||
}
|
||||
|
||||
function is_datetime(chartContext) {
|
||||
if (
|
||||
chartContext.hasOwnProperty("w") &&
|
||||
chartContext.w.hasOwnProperty("config") &&
|
||||
chartContext.w.config.hasOwnProperty("xaxis") &&
|
||||
chartContext.w.config.xaxis.hasOwnProperty("type")
|
||||
) {
|
||||
return chartContext.w.config.xaxis.type == "datetime";
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function getSelection(chartContext, selectedDataPoints, serieIndex) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var typeXY = ["scatter", "bubble"];
|
||||
var selected;
|
||||
if (typeLabels.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
var labels = chartContext.opts.labels;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
return labels[index];
|
||||
});
|
||||
} else {
|
||||
var data = chartContext.opts.series[serieIndex].data;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
var val = data[index];
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) < 0) {
|
||||
if (val.hasOwnProperty("x")) {
|
||||
val = val.x;
|
||||
} else {
|
||||
val = val[0];
|
||||
}
|
||||
}
|
||||
return val;
|
||||
});
|
||||
}
|
||||
//console.log(selected);
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
selected = {
|
||||
x: selected.map(function(obj) {
|
||||
return obj.x;
|
||||
}),
|
||||
y: selected.map(function(obj) {
|
||||
return obj.y;
|
||||
})
|
||||
};
|
||||
}
|
||||
if (typeof selected == "undefined") {
|
||||
selected = null;
|
||||
}
|
||||
return selected;
|
||||
}
|
||||
|
||||
function getYaxis(axis) {
|
||||
var yzoom = { min: null, max: null };
|
||||
if (typeof axis.yaxis !== "undefined" && axis.yaxis !== null) {
|
||||
var y_axis;
|
||||
if (axis.yaxis.hasOwnProperty("min")) {
|
||||
y_axis = axis.yaxis;
|
||||
} else {
|
||||
y_axis = axis.yaxis[0];
|
||||
}
|
||||
if (y_axis.hasOwnProperty("min") && typeof y_axis.min !== "undefined") {
|
||||
yzoom.min = y_axis.min;
|
||||
}
|
||||
if (y_axis.hasOwnProperty("max") && typeof y_axis.max !== "undefined") {
|
||||
yzoom.max = y_axis.max;
|
||||
}
|
||||
}
|
||||
return yzoom;
|
||||
}
|
||||
|
||||
function getXaxis(axis) {
|
||||
var xzoom = { min: null, max: null };
|
||||
if (typeof axis.xaxis !== "undefined") {
|
||||
var x_axis = axis.xaxis;
|
||||
if (x_axis.hasOwnProperty("min") && typeof x_axis.min !== "undefined") {
|
||||
xzoom.min = x_axis.min;
|
||||
}
|
||||
if (x_axis.hasOwnProperty("max") && typeof x_axis.max !== "undefined") {
|
||||
xzoom.max = x_axis.max;
|
||||
}
|
||||
}
|
||||
return xzoom;
|
||||
}
|
||||
|
||||
function exportChart(x, chart) {
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (x.shinyEvents.hasOwnProperty("export")) {
|
||||
setTimeout(function() {
|
||||
chart.dataURI().then(function(imgURI) {
|
||||
Shiny.setInputValue(x.shinyEvents.export.inputId, imgURI);
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Widget
|
||||
|
||||
HTMLWidgets.widget({
|
||||
name: "apexcharter",
|
||||
|
||||
type: "output",
|
||||
|
||||
factory: function(el, width, height) {
|
||||
var axOpts;
|
||||
var apexchart = null;
|
||||
|
||||
return {
|
||||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
}
|
||||
|
||||
// Sizing
|
||||
if (typeof axOpts.chart === "undefined") {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
axOpts.chart.width = width;
|
||||
axOpts.chart.height = height;
|
||||
if (!axOpts.chart.hasOwnProperty("id")) {
|
||||
axOpts.chart.id = el.id;
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("mounted")) {
|
||||
axOpts.chart.events.mounted = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("updated")) {
|
||||
axOpts.chart.events.updated = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (!axOpts.hasOwnProperty("chart")) {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("click")) {
|
||||
axOpts.chart.events.dataPointSelection = function(
|
||||
event,
|
||||
chartContext,
|
||||
opts
|
||||
) {
|
||||
var options = opts;
|
||||
var nonEmpty = opts.selectedDataPoints.filter(function(el) {
|
||||
return el !== null && el.length > 0;
|
||||
});
|
||||
if (nonEmpty.length > 0) {
|
||||
var select = {};
|
||||
for (var i = 0; i < opts.selectedDataPoints.length; i++) {
|
||||
if (typeof opts.selectedDataPoints[i] === "undefined") {
|
||||
continue;
|
||||
}
|
||||
var selection = getSelection(
|
||||
chartContext,
|
||||
options.selectedDataPoints,
|
||||
i
|
||||
);
|
||||
if (selection !== null) {
|
||||
if (opts.w.config.series[i].hasOwnProperty("name")) {
|
||||
var name = opts.w.config.series[i].name;
|
||||
select[name] = selection;
|
||||
} else {
|
||||
select[i] = selection;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (is_single(options)) {
|
||||
select = select[Object.keys(select)[0]];
|
||||
}
|
||||
Shiny.setInputValue(
|
||||
x.shinyEvents.click.inputId + ":apex_click",
|
||||
{ value: select, datetime: is_datetime(chartContext) }
|
||||
);
|
||||
} else {
|
||||
Shiny.setInputValue(x.shinyEvents.click.inputId, null);
|
||||
}
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("zoomed")) {
|
||||
axOpts.chart.events.zoomed = function(chartContext, xaxis, yaxis) {
|
||||
var id = x.shinyEvents.zoomed.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
Shiny.setInputValue(id, {
|
||||
x: getXaxis(xaxis),
|
||||
y: getYaxis(xaxis)
|
||||
});
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("selection")) {
|
||||
axOpts.chart.events.selection = function(
|
||||
chartContext,
|
||||
xaxis,
|
||||
yaxis
|
||||
) {
|
||||
var id = x.shinyEvents.selection.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
var selectionValue;
|
||||
if (x.shinyEvents.selection.type === "x") {
|
||||
selectionValue = { x: xaxis.xaxis };
|
||||
} else if (x.shinyEvents.selection.type === "xy") {
|
||||
selectionValue = { x: xaxis.xaxis, y: getYaxis(xaxis) };
|
||||
} else if (x.shinyEvents.selection.type === "y") {
|
||||
selectionValue = { y: getYaxis(xaxis) };
|
||||
}
|
||||
Shiny.setInputValue(id, selectionValue);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
} else {
|
||||
if (x.auto_update) {
|
||||
//console.log(x.auto_update);
|
||||
apexchart
|
||||
.updateSeries(axOpts.series, x.auto_update.series_animate)
|
||||
.then(function(chart) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
if (x.auto_update.update_options) {
|
||||
delete axOpts.series;
|
||||
delete axOpts.chart.width;
|
||||
delete axOpts.chart.height;
|
||||
apexchart
|
||||
.updateOptions(
|
||||
axOpts,
|
||||
x.auto_update.options_redrawPaths,
|
||||
x.auto_update.options_animate,
|
||||
x.auto_update.update_synced_charts
|
||||
)
|
||||
.then(function(a, b) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
apexchart.destroy();
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
getChart: function() {
|
||||
return apexchart;
|
||||
},
|
||||
|
||||
resize: function(width, height) {
|
||||
apexchart.updateOptions({
|
||||
chart: {
|
||||
width: width,
|
||||
height: height
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
if (HTMLWidgets.shinyMode) {
|
||||
// update serie
|
||||
Shiny.addCustomMessageHandler("update-apexchart-series", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateSeries(
|
||||
[
|
||||
{
|
||||
data: obj.data.newSeries
|
||||
}
|
||||
],
|
||||
obj.data.animate
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// update options
|
||||
Shiny.addCustomMessageHandler("update-apexchart-options", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateOptions(obj.data.options);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.20.0
|
||||
version: 3.20.1
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
14
docs/articles/articles/advanced-configuration_files/apexcharts-3.20.1/apexcharts.min.js
vendored
Normal file
14
docs/articles/articles/advanced-configuration_files/apexcharts-3.20.1/apexcharts.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -84,11 +84,11 @@
|
|||
</button>
|
||||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;"><a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -151,8 +151,8 @@
|
|||
|
||||
|
||||
|
||||
</header><script src="chart-options_files/htmlwidgets-1.5.1/htmlwidgets.js"></script><script src="chart-options_files/apexcharts-3.20.0/apexcharts.min.js"></script><link href="chart-options_files/apexcharter-css-0.1.0/apexcharter.css" rel="stylesheet">
|
||||
<script src="chart-options_files/d3-format-1.4.2/d3-format.min.js"></script><script src="chart-options_files/apexcharter-binding-0.1.5.910/apexcharter.js"></script><div class="row">
|
||||
</header><script src="chart-options_files/accessible-code-block-0.0.1/empty-anchor.js"></script><script src="chart-options_files/htmlwidgets-1.5.1/htmlwidgets.js"></script><script src="chart-options_files/apexcharts-3.20.1/apexcharts.min.js"></script><link href="chart-options_files/apexcharter-css-0.1.0/apexcharter.css" rel="stylesheet">
|
||||
<script src="chart-options_files/d3-format-1.4.2/d3-format.min.js"></script><script src="chart-options_files/apexcharter-binding-0.1.5.920/apexcharter.js"></script><div class="row">
|
||||
<div class="col-md-9 contents">
|
||||
<div class="page-header toc-ignore">
|
||||
<h1>Chart options</h1>
|
||||
|
|
@ -169,175 +169,215 @@
|
|||
<h2 class="hasAnchor">
|
||||
<a href="#title-subtitle-and-axis-titles" class="anchor"></a>Title, subtitle and axis titles</h2>
|
||||
<p>Packages and data used below:</p>
|
||||
<div class="sourceCode" id="cb1"><html><body><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">apexcharter</span>)
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">dplyr</span>)
|
||||
<div class="sourceCode" id="cb1"><pre class="downlit">
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="https://github.com/dreamRs/apexcharter">apexcharter</a></span>)
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="https://dplyr.tidyverse.org">dplyr</a></span>)
|
||||
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"diamonds"</span>, <span class="kw">package</span> <span class="kw">=</span> <span class="st">"ggplot2"</span>)
|
||||
<span class="no">n_cut</span> <span class="kw"><-</span> <span class="fu"><a href="https://dplyr.tidyverse.org/reference/count.html">count</a></span>(<span class="no">diamonds</span>, <span class="no">cut</span>)</pre></body></html></div>
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"diamonds"</span>, package = <span class="st">"ggplot2"</span>)
|
||||
<span class="kw">n_cut</span> <span class="op"><-</span> <span class="fu"><a href="https://dplyr.tidyverse.org/reference/count.html">count</a></span>(<span class="kw">diamonds</span>, <span class="kw">cut</span>)
|
||||
</pre></div>
|
||||
<div id="labs" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
<a href="#labs" class="anchor"></a>Labs</h3>
|
||||
<p>You can set title, subtitle and axis’ titles at once with <code><a href="../reference/ax_labs.html">ax_labs()</a></code>:</p>
|
||||
<div class="sourceCode" id="cb2"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_cut</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"column"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">cut</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">n</span>)) <span class="kw">%>%</span>
|
||||
<div class="sourceCode" id="cb2"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">n_cut</span>, type = <span class="st">"column"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">cut</span>, y = <span class="kw">n</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_labs.html">ax_labs</a></span>(
|
||||
<span class="kw">title</span> <span class="kw">=</span> <span class="st">"Cut distribution"</span>,
|
||||
<span class="kw">subtitle</span> <span class="kw">=</span> <span class="st">"Data from ggplot2"</span>,
|
||||
<span class="kw">x</span> <span class="kw">=</span> <span class="st">"Cut"</span>,
|
||||
<span class="kw">y</span> <span class="kw">=</span> <span class="st">"Count"</span>
|
||||
)</pre></body></html></div>
|
||||
<div id="htmlwidget-30322a67c1ddbe5daf3a" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-30322a67c1ddbe5daf3a">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Count","style":{"fontWeight":400,"fontSize":"14px"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Cut","style":{"fontWeight":400,"fontSize":"14px"}}},"title":{"text":"Cut distribution","style":{"fontWeight":700,"fontSize":"16px"}},"subtitle":{"text":"Data from ggplot2","style":{"fontWeight":400,"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>If you more control (font size, alignment, …), you can use <code><a href="../reference/ax_title.html">ax_title()</a></code>, <code><a href="../reference/ax_subtitle.html">ax_subtitle()</a></code>, <code><a href="../reference/ax_xaxis.html">ax_xaxis()</a></code> and <code><a href="../reference/ax_yaxis.html">ax_yaxis()</a></code>, as described below.</p>
|
||||
title = <span class="st">"Cut distribution"</span>,
|
||||
subtitle = <span class="st">"Data from ggplot2"</span>,
|
||||
x = <span class="st">"Cut"</span>,
|
||||
y = <span class="st">"Count"</span>
|
||||
)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-1de8293915cc528dc616" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-1de8293915cc528dc616">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Count","style":{"fontWeight":400,"fontSize":"14px"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Cut","style":{"fontWeight":400,"fontSize":"14px"}}},"title":{"text":"Cut distribution","style":{"fontWeight":700,"fontSize":"16px"}},"subtitle":{"text":"Data from ggplot2","style":{"fontWeight":400,"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>If you more control (font size, alignment, …), you can use <code><a href="../reference/ax_title.html">ax_title()</a></code>, <code><a href="../reference/ax_subtitle.html">ax_subtitle()</a></code>, <code><a href="../reference/ax_xaxis.html">ax_xaxis()</a></code> and <code><a href="../reference/ax_yaxis.html">ax_yaxis()</a></code>, as described below.</p>
|
||||
</div>
|
||||
<div id="title" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
<a href="#title" class="anchor"></a>Title</h3>
|
||||
<div class="sourceCode" id="cb3"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_cut</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"column"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">cut</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">n</span>)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_title.html">ax_title</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Cut distribution"</span>)</pre></body></html></div>
|
||||
<div id="htmlwidget-3f65a37069f303e8c4ab" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-3f65a37069f303e8c4ab">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution"}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>You can set some options, for example:</p>
|
||||
<div class="sourceCode" id="cb4"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_cut</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"column"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">cut</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">n</span>)) <span class="kw">%>%</span>
|
||||
<div class="sourceCode" id="cb3"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">n_cut</span>, type = <span class="st">"column"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">cut</span>, y = <span class="kw">n</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_title.html">ax_title</a></span>(text = <span class="st">"Cut distribution"</span>)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-dad7e8930da74d480d6b" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-dad7e8930da74d480d6b">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution"}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>You can set some options, for example:</p>
|
||||
<div class="sourceCode" id="cb4"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">n_cut</span>, type = <span class="st">"column"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">cut</span>, y = <span class="kw">n</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_title.html">ax_title</a></span>(
|
||||
<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Cut distribution"</span>,
|
||||
<span class="kw">align</span> <span class="kw">=</span> <span class="st">"center"</span>,
|
||||
<span class="kw">style</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">fontSize</span> <span class="kw">=</span> <span class="st">"22px"</span>, <span class="kw">fontWeight</span> <span class="kw">=</span> <span class="fl">700</span>)
|
||||
)</pre></body></html></div>
|
||||
<div id="htmlwidget-6bc1de81c4c972400c2e" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-6bc1de81c4c972400c2e">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution","align":"center","style":{"fontSize":"22px","fontWeight":700}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>Full list of parameters is available here : <a href="https://apexcharts.com/docs/options/title/" class="uri">https://apexcharts.com/docs/options/title/</a></p>
|
||||
text = <span class="st">"Cut distribution"</span>,
|
||||
align = <span class="st">"center"</span>,
|
||||
style = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(fontSize = <span class="st">"22px"</span>, fontWeight = <span class="fl">700</span>)
|
||||
)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-3cf425bf425ca9f9c0ac" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-3cf425bf425ca9f9c0ac">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution","align":"center","style":{"fontSize":"22px","fontWeight":700}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>Full list of parameters is available here : <a href="https://apexcharts.com/docs/options/title/" class="uri">https://apexcharts.com/docs/options/title/</a></p>
|
||||
</div>
|
||||
<div id="subtitle" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
<a href="#subtitle" class="anchor"></a>Subtitle</h3>
|
||||
<div class="sourceCode" id="cb5"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_cut</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"column"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">cut</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">n</span>)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_title.html">ax_title</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Cut distribution"</span>) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_subtitle.html">ax_subtitle</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Data from ggplot2"</span>)</pre></body></html></div>
|
||||
<div id="htmlwidget-32e7a2f75e5502bc419b" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-32e7a2f75e5502bc419b">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution"},"subtitle":{"text":"Data from ggplot2"}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>With same options than for title:</p>
|
||||
<div class="sourceCode" id="cb6"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_cut</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"column"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">cut</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">n</span>)) <span class="kw">%>%</span>
|
||||
<div class="sourceCode" id="cb5"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">n_cut</span>, type = <span class="st">"column"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">cut</span>, y = <span class="kw">n</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_title.html">ax_title</a></span>(text = <span class="st">"Cut distribution"</span>) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_subtitle.html">ax_subtitle</a></span>(text = <span class="st">"Data from ggplot2"</span>)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-2020df3cfad7b9410206" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-2020df3cfad7b9410206">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution"},"subtitle":{"text":"Data from ggplot2"}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>With same options than for title:</p>
|
||||
<div class="sourceCode" id="cb6"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">n_cut</span>, type = <span class="st">"column"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">cut</span>, y = <span class="kw">n</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_title.html">ax_title</a></span>(
|
||||
<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Cut distribution"</span>,
|
||||
<span class="kw">align</span> <span class="kw">=</span> <span class="st">"center"</span>,
|
||||
<span class="kw">style</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">fontSize</span> <span class="kw">=</span> <span class="st">"22px"</span>, <span class="kw">fontWeight</span> <span class="kw">=</span> <span class="fl">700</span>)
|
||||
) <span class="kw">%>%</span>
|
||||
text = <span class="st">"Cut distribution"</span>,
|
||||
align = <span class="st">"center"</span>,
|
||||
style = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(fontSize = <span class="st">"22px"</span>, fontWeight = <span class="fl">700</span>)
|
||||
) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_subtitle.html">ax_subtitle</a></span>(
|
||||
<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Data from ggplot2"</span>,
|
||||
<span class="kw">align</span> <span class="kw">=</span> <span class="st">"center"</span>,
|
||||
<span class="kw">style</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">fontSize</span> <span class="kw">=</span> <span class="st">"16px"</span>, <span class="kw">fontWeight</span> <span class="kw">=</span> <span class="fl">400</span>, <span class="kw">color</span> <span class="kw">=</span> <span class="st">"#BDBDBD"</span>)
|
||||
)</pre></body></html></div>
|
||||
<div id="htmlwidget-c3cd1c3b4c51502494ee" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-c3cd1c3b4c51502494ee">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution","align":"center","style":{"fontSize":"22px","fontWeight":700}},"subtitle":{"text":"Data from ggplot2","align":"center","style":{"fontSize":"16px","fontWeight":400,"color":"#BDBDBD"}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>Full list of parameters is available here : <a href="https://apexcharts.com/docs/options/subtitle/" class="uri">https://apexcharts.com/docs/options/subtitle/</a></p>
|
||||
text = <span class="st">"Data from ggplot2"</span>,
|
||||
align = <span class="st">"center"</span>,
|
||||
style = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(fontSize = <span class="st">"16px"</span>, fontWeight = <span class="fl">400</span>, color = <span class="st">"#BDBDBD"</span>)
|
||||
)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-87c79731fdc09ed37f69" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-87c79731fdc09ed37f69">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}}},"title":{"text":"Cut distribution","align":"center","style":{"fontSize":"22px","fontWeight":700}},"subtitle":{"text":"Data from ggplot2","align":"center","style":{"fontSize":"16px","fontWeight":400,"color":"#BDBDBD"}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>Full list of parameters is available here : <a href="https://apexcharts.com/docs/options/subtitle/" class="uri">https://apexcharts.com/docs/options/subtitle/</a></p>
|
||||
</div>
|
||||
<div id="axis-title" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
<a href="#axis-title" class="anchor"></a>Axis title</h3>
|
||||
<div class="sourceCode" id="cb7"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_cut</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"column"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">cut</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">n</span>)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Count"</span>)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_xaxis.html">ax_xaxis</a></span>(<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Cut"</span>))</pre></body></html></div>
|
||||
<div id="htmlwidget-baafed821fe3f9b75d47" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-baafed821fe3f9b75d47">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Count"}},"xaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Cut"}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>With some options:</p>
|
||||
<div class="sourceCode" id="cb8"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_cut</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"column"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">cut</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">n</span>)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Count"</span>,
|
||||
<span class="kw">style</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">fontSize</span> <span class="kw">=</span> <span class="st">"14px"</span>, <span class="kw">color</span> <span class="kw">=</span> <span class="st">"#BDBDBD"</span>)
|
||||
)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_xaxis.html">ax_xaxis</a></span>(<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Cut"</span>,
|
||||
<span class="kw">style</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">fontSize</span> <span class="kw">=</span> <span class="st">"14px"</span>, <span class="kw">color</span> <span class="kw">=</span> <span class="st">"#BDBDBD"</span>)
|
||||
))</pre></body></html></div>
|
||||
<div id="htmlwidget-443cde37612984446e93" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-443cde37612984446e93">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Count","style":{"fontSize":"14px","color":"#BDBDBD"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Cut","style":{"fontSize":"14px","color":"#BDBDBD"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script>
|
||||
<div class="sourceCode" id="cb7"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">n_cut</span>, type = <span class="st">"column"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">cut</span>, y = <span class="kw">n</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(title = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(text = <span class="st">"Count"</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_xaxis.html">ax_xaxis</a></span>(title = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(text = <span class="st">"Cut"</span>))
|
||||
</pre></div>
|
||||
<div id="htmlwidget-a210eda54a76ca5a7c19" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-a210eda54a76ca5a7c19">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Count"}},"xaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Cut"}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script><p>With some options:</p>
|
||||
<div class="sourceCode" id="cb8"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">n_cut</span>, type = <span class="st">"column"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">cut</span>, y = <span class="kw">n</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(title = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
text = <span class="st">"Count"</span>,
|
||||
style = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(fontSize = <span class="st">"14px"</span>, color = <span class="st">"#BDBDBD"</span>)
|
||||
)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_xaxis.html">ax_xaxis</a></span>(title = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
text = <span class="st">"Cut"</span>,
|
||||
style = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(fontSize = <span class="st">"14px"</span>, color = <span class="st">"#BDBDBD"</span>)
|
||||
))
|
||||
</pre></div>
|
||||
<div id="htmlwidget-1078094e4e93a0c1242d" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-1078094e4e93a0c1242d">{"x":{"ax_opts":{"chart":{"type":"bar"},"series":[{"name":"n","type":"bar","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}},"tooltip":{"shared":true,"followCursor":true},"yaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Count","style":{"fontSize":"14px","color":"#BDBDBD"}}},"xaxis":{"labels":{"style":{"colors":"#848484"}},"title":{"text":"Cut","style":{"fontSize":"14px","color":"#BDBDBD"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false},"evals":[],"jsHooks":[]}</script>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lines" class="section level2">
|
||||
<h2 class="hasAnchor">
|
||||
<a href="#lines" class="anchor"></a>Lines</h2>
|
||||
<div class="sourceCode" id="cb9"><html><body><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">apexcharter</span>)
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">dplyr</span>)
|
||||
<div class="sourceCode" id="cb9"><pre class="downlit">
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="https://github.com/dreamRs/apexcharter">apexcharter</a></span>)
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="https://dplyr.tidyverse.org">dplyr</a></span>)
|
||||
|
||||
<span class="co">## economics dataset from ggplot2</span>
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"economics"</span>, <span class="kw">package</span> <span class="kw">=</span> <span class="st">"ggplot2"</span>)
|
||||
<span class="no">economics</span> <span class="kw"><-</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html">tail</a></span>(<span class="no">economics</span>, <span class="fl">50</span>)
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"economics"</span>, package = <span class="st">"ggplot2"</span>)
|
||||
<span class="kw">economics</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html">tail</a></span>(<span class="kw">economics</span>, <span class="fl">50</span>)
|
||||
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">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="no">economics_long</span> <span class="kw"><-</span> <span class="no">economics_long</span> <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="https://dplyr.tidyverse.org/reference/filter.html">filter</a></span>(<span class="no">variable</span> <span class="kw">%in%</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="st">"pce"</span>, <span class="st">"pop"</span>)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="https://dplyr.tidyverse.org/reference/group_by.html">group_by</a></span>(<span class="no">variable</span>) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="https://dplyr.tidyverse.org/reference/slice.html">slice</a></span>(<span class="fu"><a href="https://rdrr.io/r/utils/head.html">tail</a></span>(<span class="fu"><a href="https://dplyr.tidyverse.org/reference/ranking.html">row_number</a></span>(), <span class="fl">20</span>))</pre></body></html></div>
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"economics_long"</span>, package = <span class="st">"ggplot2"</span>)
|
||||
<span class="kw">economics_long</span> <span class="op"><-</span> <span class="kw">economics_long</span> <span class="op">%>%</span>
|
||||
<span class="fu"><a href="https://dplyr.tidyverse.org/reference/filter.html">filter</a></span>(<span class="kw">variable</span> <span class="op">%in%</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="st">"pce"</span>, <span class="st">"pop"</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="https://dplyr.tidyverse.org/reference/group_by.html">group_by</a></span>(<span class="kw">variable</span>) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="https://dplyr.tidyverse.org/reference/slice.html">slice</a></span>(<span class="fu"><a href="https://rdrr.io/r/utils/head.html">tail</a></span>(<span class="fu"><a href="https://dplyr.tidyverse.org/reference/ranking.html">row_number</a></span>(), <span class="fl">20</span>))
|
||||
</pre></div>
|
||||
<div id="type-of-line" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
<a href="#type-of-line" class="anchor"></a>Type of line</h3>
|
||||
<p>Classic line:</p>
|
||||
<div class="sourceCode" id="cb10"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics</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="../reference/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>))</pre></body></html></div>
|
||||
<div id="htmlwidget-fa42acedb9f219e4bd22" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-fa42acedb9f219e4bd22">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Spline curve:</p>
|
||||
<div class="sourceCode" id="cb11"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics</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="../reference/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"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(<span class="kw">curve</span> <span class="kw">=</span> <span class="st">"smooth"</span>)</pre></body></html></div>
|
||||
<div id="htmlwidget-40b954472c23f674f78c" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-40b954472c23f674f78c">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Steps chart:</p>
|
||||
<div class="sourceCode" id="cb12"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics</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="../reference/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"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(<span class="kw">curve</span> <span class="kw">=</span> <span class="st">"stepline"</span>)</pre></body></html></div>
|
||||
<div id="htmlwidget-a26137f2264e2cc75750" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-a26137f2264e2cc75750">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"stepline","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script>
|
||||
<div class="sourceCode" id="cb10"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">economics</span>, type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>))
|
||||
</pre></div>
|
||||
<div id="htmlwidget-196f3b71b7bbc445e77e" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-196f3b71b7bbc445e77e">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Spline curve:</p>
|
||||
<div class="sourceCode" id="cb11"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">economics</span>, type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(curve = <span class="st">"smooth"</span>)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-fe05700e74da95c5b36f" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-fe05700e74da95c5b36f">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"smooth","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Steps chart:</p>
|
||||
<div class="sourceCode" id="cb12"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">economics</span>, type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(curve = <span class="st">"stepline"</span>)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-f40ecbb882c66df2cc8a" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-f40ecbb882c66df2cc8a">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"stepline","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script>
|
||||
</div>
|
||||
<div id="line-appearance" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
<a href="#line-appearance" class="anchor"></a>Line appearance</h3>
|
||||
<p>Color line with gradient:</p>
|
||||
<div class="sourceCode" id="cb13"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics</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="../reference/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>
|
||||
<div class="sourceCode" id="cb13"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">economics</span>, type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_fill.html">ax_fill</a></span>(
|
||||
<span class="kw">type</span> <span class="kw">=</span> <span class="st">"gradient"</span>,
|
||||
<span class="kw">gradient</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">shade</span> <span class="kw">=</span> <span class="st">"dark"</span>,
|
||||
<span class="kw">gradientToColors</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"#FDD835"</span>),
|
||||
<span class="kw">shadeIntensity</span> <span class="kw">=</span> <span class="fl">1</span>,
|
||||
<span class="kw">type</span> <span class="kw">=</span> <span class="st">"horizontal"</span>,
|
||||
<span class="kw">opacityFrom</span> <span class="kw">=</span> <span class="fl">1</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://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">0</span>, <span class="fl">100</span>, <span class="fl">100</span>, <span class="fl">100</span>)
|
||||
type = <span class="st">"gradient"</span>,
|
||||
gradient = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
shade = <span class="st">"dark"</span>,
|
||||
gradientToColors = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="st">"#FDD835"</span>),
|
||||
shadeIntensity = <span class="fl">1</span>,
|
||||
type = <span class="st">"horizontal"</span>,
|
||||
opacityFrom = <span class="fl">1</span>,
|
||||
opacityTo = <span class="fl">1</span>,
|
||||
stops = <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">0</span>, <span class="fl">100</span>, <span class="fl">100</span>, <span class="fl">100</span>)
|
||||
)
|
||||
)</pre></body></html></div>
|
||||
<div id="htmlwidget-857baa3d4ed38c8a5870" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-857baa3d4ed38c8a5870">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"fill":{"type":"gradient","gradient":{"shade":"dark","gradientToColors":["#FDD835"],"shadeIntensity":1,"type":"horizontal","opacityFrom":1,"opacityTo":1,"stops":[0,100,100,100]}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Solid area color:</p>
|
||||
<div class="sourceCode" id="cb14"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"area"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">date</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">uempmed</span>)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_fill.html">ax_fill</a></span>(<span class="kw">type</span> <span class="kw">=</span> <span class="st">"solid"</span>, <span class="kw">opacity</span> <span class="kw">=</span> <span class="fl">1</span>)</pre></body></html></div>
|
||||
<div id="htmlwidget-ea0e39c11ccf44d0747e" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-ea0e39c11ccf44d0747e">{"x":{"ax_opts":{"chart":{"type":"area"},"series":[{"name":"uempmed","type":"area","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"fill":{"type":"solid","opacity":1}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Line width:</p>
|
||||
<div class="sourceCode" id="cb15"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics</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="../reference/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"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(<span class="kw">width</span> <span class="kw">=</span> <span class="fl">1</span>)</pre></body></html></div>
|
||||
<div id="htmlwidget-72fe153f12f452057e50" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-72fe153f12f452057e50">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":1},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Dotted line</p>
|
||||
<div class="sourceCode" id="cb16"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics</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="../reference/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"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(<span class="kw">dashArray</span> <span class="kw">=</span> <span class="fl">6</span>)</pre></body></html></div>
|
||||
<div id="htmlwidget-f9f6f08315b16e39fdb7" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-f9f6f08315b16e39fdb7">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2,"dashArray":6},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script>
|
||||
)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-bc134aa83a82349acbbe" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-bc134aa83a82349acbbe">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"fill":{"type":"gradient","gradient":{"shade":"dark","gradientToColors":["#FDD835"],"shadeIntensity":1,"type":"horizontal","opacityFrom":1,"opacityTo":1,"stops":[0,100,100,100]}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Solid area color:</p>
|
||||
<div class="sourceCode" id="cb14"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">economics</span>, type = <span class="st">"area"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_fill.html">ax_fill</a></span>(type = <span class="st">"solid"</span>, opacity = <span class="fl">1</span>)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-9e8fd86b1a876032e368" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-9e8fd86b1a876032e368">{"x":{"ax_opts":{"chart":{"type":"area"},"series":[{"name":"uempmed","type":"area","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"fill":{"type":"solid","opacity":1}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Line width:</p>
|
||||
<div class="sourceCode" id="cb15"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">economics</span>, type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(width = <span class="fl">1</span>)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-22cb2a0552d2d1d92918" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-22cb2a0552d2d1d92918">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":1},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script><p>Dotted line</p>
|
||||
<div class="sourceCode" id="cb16"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">economics</span>, type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(dashArray = <span class="fl">6</span>)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-58157eb78aaf200999c6" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-58157eb78aaf200999c6">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2011-03-01').getTime()",21.5],["new Date('2011-04-01').getTime()",20.9],["new Date('2011-05-01').getTime()",21.6],["new Date('2011-06-01').getTime()",22.4],["new Date('2011-07-01').getTime()",22],["new Date('2011-08-01').getTime()",22.4],["new Date('2011-09-01').getTime()",22],["new Date('2011-10-01').getTime()",20.6],["new Date('2011-11-01').getTime()",20.8],["new Date('2011-12-01').getTime()",20.5],["new Date('2012-01-01').getTime()",20.8],["new Date('2012-02-01').getTime()",19.7],["new Date('2012-03-01').getTime()",19.2],["new Date('2012-04-01').getTime()",19.1],["new Date('2012-05-01').getTime()",19.9],["new Date('2012-06-01').getTime()",20.4],["new Date('2012-07-01').getTime()",17.5],["new Date('2012-08-01').getTime()",18.4],["new Date('2012-09-01').getTime()",18.8],["new Date('2012-10-01').getTime()",19.9],["new Date('2012-11-01').getTime()",18.6],["new Date('2012-12-01').getTime()",17.7],["new Date('2013-01-01').getTime()",15.8],["new Date('2013-02-01').getTime()",17.2],["new Date('2013-03-01').getTime()",17.6],["new Date('2013-04-01').getTime()",17.1],["new Date('2013-05-01').getTime()",17.1],["new Date('2013-06-01').getTime()",17],["new Date('2013-07-01').getTime()",16.2],["new Date('2013-08-01').getTime()",16.5],["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2,"dashArray":6},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2011-03-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.0.data.20.0","ax_opts.series.0.data.21.0","ax_opts.series.0.data.22.0","ax_opts.series.0.data.23.0","ax_opts.series.0.data.24.0","ax_opts.series.0.data.25.0","ax_opts.series.0.data.26.0","ax_opts.series.0.data.27.0","ax_opts.series.0.data.28.0","ax_opts.series.0.data.29.0","ax_opts.series.0.data.30.0","ax_opts.series.0.data.31.0","ax_opts.series.0.data.32.0","ax_opts.series.0.data.33.0","ax_opts.series.0.data.34.0","ax_opts.series.0.data.35.0","ax_opts.series.0.data.36.0","ax_opts.series.0.data.37.0","ax_opts.series.0.data.38.0","ax_opts.series.0.data.39.0","ax_opts.series.0.data.40.0","ax_opts.series.0.data.41.0","ax_opts.series.0.data.42.0","ax_opts.series.0.data.43.0","ax_opts.series.0.data.44.0","ax_opts.series.0.data.45.0","ax_opts.series.0.data.46.0","ax_opts.series.0.data.47.0","ax_opts.series.0.data.48.0","ax_opts.series.0.data.49.0"],"jsHooks":[]}</script>
|
||||
</div>
|
||||
<div id="markers" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
<a href="#markers" class="anchor"></a>Markers</h3>
|
||||
<p>Add points to line :</p>
|
||||
<div class="sourceCode" id="cb17"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html">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="../reference/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"><a href="../reference/ax_markers.html">ax_markers</a></span>(<span class="kw">size</span> <span class="kw">=</span> <span class="fl">6</span>)</pre></body></html></div>
|
||||
<div id="htmlwidget-bc02d151f287fb437a64" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-bc02d151f287fb437a64">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"markers":{"size":6}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0"],"jsHooks":[]}</script><p>Add labels over points</p>
|
||||
<div class="sourceCode" id="cb18"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html">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="../reference/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"><a href="../reference/ax_markers.html">ax_markers</a></span>(<span class="kw">size</span> <span class="kw">=</span> <span class="fl">6</span>) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_dataLabels.html">ax_dataLabels</a></span>(<span class="kw">enabled</span> <span class="kw">=</span> <span class="fl">TRUE</span>)</pre></body></html></div>
|
||||
<div id="htmlwidget-6d083e0ce3ef5406975c" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-6d083e0ce3ef5406975c">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":true},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"markers":{"size":6}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0"],"jsHooks":[]}</script>
|
||||
<div class="sourceCode" id="cb17"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="fu"><a href="https://rdrr.io/r/utils/head.html">tail</a></span>(<span class="kw">economics</span>, <span class="fl">20</span>), type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_markers.html">ax_markers</a></span>(size = <span class="fl">6</span>)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-ebbaeaab7905ec0531c0" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-ebbaeaab7905ec0531c0">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"markers":{"size":6}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0"],"jsHooks":[]}</script><p>Add labels over points</p>
|
||||
<div class="sourceCode" id="cb18"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="fu"><a href="https://rdrr.io/r/utils/head.html">tail</a></span>(<span class="kw">economics</span>, <span class="fl">20</span>), type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_markers.html">ax_markers</a></span>(size = <span class="fl">6</span>) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_dataLabels.html">ax_dataLabels</a></span>(enabled = <span class="fl">TRUE</span>)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-7e921bc8371205457fac" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-7e921bc8371205457fac">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"uempmed","type":"line","data":[["new Date('2013-09-01').getTime()",16.5],["new Date('2013-10-01').getTime()",16.3],["new Date('2013-11-01').getTime()",17.1],["new Date('2013-12-01').getTime()",17.3],["new Date('2014-01-01').getTime()",15.4],["new Date('2014-02-01').getTime()",15.9],["new Date('2014-03-01').getTime()",15.8],["new Date('2014-04-01').getTime()",15.7],["new Date('2014-05-01').getTime()",14.6],["new Date('2014-06-01').getTime()",13.8],["new Date('2014-07-01').getTime()",13.1],["new Date('2014-08-01').getTime()",12.9],["new Date('2014-09-01').getTime()",13.4],["new Date('2014-10-01').getTime()",13.6],["new Date('2014-11-01').getTime()",13],["new Date('2014-12-01').getTime()",12.9],["new Date('2015-01-01').getTime()",13.2],["new Date('2015-02-01').getTime()",12.9],["new Date('2015-03-01').getTime()",12],["new Date('2015-04-01').getTime()",11.5]]}],"dataLabels":{"enabled":true},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"markers":{"size":6}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0"],"jsHooks":[]}</script>
|
||||
</div>
|
||||
<div id="multiple-lines" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
<a href="#multiple-lines" class="anchor"></a>Multiple lines</h3>
|
||||
<p>You can use vectors of parameters to custom series separately:</p>
|
||||
<div class="sourceCode" id="cb19"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics_long</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="../reference/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">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(<span class="kw">decimalsInFloat</span> <span class="kw">=</span> <span class="fl">2</span>) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_markers.html">ax_markers</a></span>(<span class="kw">size</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">3</span>, <span class="fl">6</span>)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(<span class="kw">width</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">1</span>, <span class="fl">3</span>))</pre></body></html></div>
|
||||
<div id="htmlwidget-90defdbc5ecd8a956e93" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-90defdbc5ecd8a956e93">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","type":"line","data":[["new Date('2013-09-01').getTime()",0.92924677636026],["new Date('2013-10-01').getTime()",0.933773134481608],["new Date('2013-11-01').getTime()",0.939574402546397],["new Date('2013-12-01').getTime()",0.942167004646148],["new Date('2014-01-01').getTime()",0.941704956747183],["new Date('2014-02-01').getTime()",0.946299766409118],["new Date('2014-03-01').getTime()",0.952871114305516],["new Date('2014-04-01').getTime()",0.957970754079284],["new Date('2014-05-01').getTime()",0.961889604777918],["new Date('2014-06-01').getTime()",0.967759324383294],["new Date('2014-07-01').getTime()",0.971481376902739],["new Date('2014-08-01').getTime()",0.978651675779278],["new Date('2014-09-01').getTime()",0.979772569756398],["new Date('2014-10-01').getTime()",0.985385596084572],["new Date('2014-11-01').getTime()",0.987815625775428],["new Date('2014-12-01').getTime()",0.988722608688212],["new Date('2015-01-01').getTime()",0.987353577876462],["new Date('2015-02-01').getTime()",0.990468122973193],["new Date('2015-03-01').getTime()",0.99696246288643],["new Date('2015-04-01').getTime()",1]]},{"name":"pop","type":"line","data":[["new Date('2013-09-01').getTime()",0.970448177482025],["new Date('2013-10-01').getTime()",0.972224366782906],["new Date('2013-11-01').getTime()",0.97391518362249],["new Date('2013-12-01').getTime()",0.975423315392571],["new Date('2014-01-01').getTime()",0.976921972290395],["new Date('2014-02-01').getTime()",0.97823645673634],["new Date('2014-03-01').getTime()",0.97957855225842],["new Date('2014-04-01').getTime()",0.980992099657577],["new Date('2014-05-01').getTime()",0.982473622896551],["new Date('2014-06-01').getTime()",0.984073150615668],["new Date('2014-07-01').getTime()",0.985702006885595],["new Date('2014-08-01').getTime()",0.987603703319152],["new Date('2014-09-01').getTime()",0.989506155770269],["new Date('2014-10-01').getTime()",0.991383363808922],["new Date('2014-11-01').getTime()",0.993112959418826],["new Date('2014-12-01').getTime()",0.994608132061805],["new Date('2015-01-01').getTime()",0.996107750416745],["new Date('2015-02-01').getTime()",0.997306408041825],["new Date('2015-03-01').getTime()",0.998590610697427],["new Date('2015-04-01').getTime()",1]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":[1,3]},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"markers":{"size":[3,6]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.1.data.0.0","ax_opts.series.1.data.1.0","ax_opts.series.1.data.2.0","ax_opts.series.1.data.3.0","ax_opts.series.1.data.4.0","ax_opts.series.1.data.5.0","ax_opts.series.1.data.6.0","ax_opts.series.1.data.7.0","ax_opts.series.1.data.8.0","ax_opts.series.1.data.9.0","ax_opts.series.1.data.10.0","ax_opts.series.1.data.11.0","ax_opts.series.1.data.12.0","ax_opts.series.1.data.13.0","ax_opts.series.1.data.14.0","ax_opts.series.1.data.15.0","ax_opts.series.1.data.16.0","ax_opts.series.1.data.17.0","ax_opts.series.1.data.18.0","ax_opts.series.1.data.19.0"],"jsHooks":[]}</script><div class="sourceCode" id="cb20"><html><body><pre class="r"><span class="fu"><a href="../reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics_long</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="../reference/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">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(<span class="kw">decimalsInFloat</span> <span class="kw">=</span> <span class="fl">2</span>) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(<span class="kw">dashArray</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">8</span>, <span class="fl">5</span>))</pre></body></html></div>
|
||||
<div id="htmlwidget-362aecee9ddf635327a3" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-362aecee9ddf635327a3">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","type":"line","data":[["new Date('2013-09-01').getTime()",0.92924677636026],["new Date('2013-10-01').getTime()",0.933773134481608],["new Date('2013-11-01').getTime()",0.939574402546397],["new Date('2013-12-01').getTime()",0.942167004646148],["new Date('2014-01-01').getTime()",0.941704956747183],["new Date('2014-02-01').getTime()",0.946299766409118],["new Date('2014-03-01').getTime()",0.952871114305516],["new Date('2014-04-01').getTime()",0.957970754079284],["new Date('2014-05-01').getTime()",0.961889604777918],["new Date('2014-06-01').getTime()",0.967759324383294],["new Date('2014-07-01').getTime()",0.971481376902739],["new Date('2014-08-01').getTime()",0.978651675779278],["new Date('2014-09-01').getTime()",0.979772569756398],["new Date('2014-10-01').getTime()",0.985385596084572],["new Date('2014-11-01').getTime()",0.987815625775428],["new Date('2014-12-01').getTime()",0.988722608688212],["new Date('2015-01-01').getTime()",0.987353577876462],["new Date('2015-02-01').getTime()",0.990468122973193],["new Date('2015-03-01').getTime()",0.99696246288643],["new Date('2015-04-01').getTime()",1]]},{"name":"pop","type":"line","data":[["new Date('2013-09-01').getTime()",0.970448177482025],["new Date('2013-10-01').getTime()",0.972224366782906],["new Date('2013-11-01').getTime()",0.97391518362249],["new Date('2013-12-01').getTime()",0.975423315392571],["new Date('2014-01-01').getTime()",0.976921972290395],["new Date('2014-02-01').getTime()",0.97823645673634],["new Date('2014-03-01').getTime()",0.97957855225842],["new Date('2014-04-01').getTime()",0.980992099657577],["new Date('2014-05-01').getTime()",0.982473622896551],["new Date('2014-06-01').getTime()",0.984073150615668],["new Date('2014-07-01').getTime()",0.985702006885595],["new Date('2014-08-01').getTime()",0.987603703319152],["new Date('2014-09-01').getTime()",0.989506155770269],["new Date('2014-10-01').getTime()",0.991383363808922],["new Date('2014-11-01').getTime()",0.993112959418826],["new Date('2014-12-01').getTime()",0.994608132061805],["new Date('2015-01-01').getTime()",0.996107750416745],["new Date('2015-02-01').getTime()",0.997306408041825],["new Date('2015-03-01').getTime()",0.998590610697427],["new Date('2015-04-01').getTime()",1]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2,"dashArray":[8,5]},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.1.data.0.0","ax_opts.series.1.data.1.0","ax_opts.series.1.data.2.0","ax_opts.series.1.data.3.0","ax_opts.series.1.data.4.0","ax_opts.series.1.data.5.0","ax_opts.series.1.data.6.0","ax_opts.series.1.data.7.0","ax_opts.series.1.data.8.0","ax_opts.series.1.data.9.0","ax_opts.series.1.data.10.0","ax_opts.series.1.data.11.0","ax_opts.series.1.data.12.0","ax_opts.series.1.data.13.0","ax_opts.series.1.data.14.0","ax_opts.series.1.data.15.0","ax_opts.series.1.data.16.0","ax_opts.series.1.data.17.0","ax_opts.series.1.data.18.0","ax_opts.series.1.data.19.0"],"jsHooks":[]}</script>
|
||||
<div class="sourceCode" id="cb19"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">economics_long</span>, type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">value01</span>, group = <span class="kw">variable</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(decimalsInFloat = <span class="fl">2</span>) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_markers.html">ax_markers</a></span>(size = <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">3</span>, <span class="fl">6</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(width = <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">1</span>, <span class="fl">3</span>))
|
||||
</pre></div>
|
||||
<div id="htmlwidget-38fe8588a20945a7bf7e" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-38fe8588a20945a7bf7e">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","type":"line","data":[["new Date('2013-09-01').getTime()",0.92924677636026],["new Date('2013-10-01').getTime()",0.933773134481608],["new Date('2013-11-01').getTime()",0.939574402546397],["new Date('2013-12-01').getTime()",0.942167004646148],["new Date('2014-01-01').getTime()",0.941704956747183],["new Date('2014-02-01').getTime()",0.946299766409118],["new Date('2014-03-01').getTime()",0.952871114305516],["new Date('2014-04-01').getTime()",0.957970754079284],["new Date('2014-05-01').getTime()",0.961889604777918],["new Date('2014-06-01').getTime()",0.967759324383294],["new Date('2014-07-01').getTime()",0.971481376902739],["new Date('2014-08-01').getTime()",0.978651675779278],["new Date('2014-09-01').getTime()",0.979772569756398],["new Date('2014-10-01').getTime()",0.985385596084572],["new Date('2014-11-01').getTime()",0.987815625775428],["new Date('2014-12-01').getTime()",0.988722608688212],["new Date('2015-01-01').getTime()",0.987353577876462],["new Date('2015-02-01').getTime()",0.990468122973193],["new Date('2015-03-01').getTime()",0.99696246288643],["new Date('2015-04-01').getTime()",1]]},{"name":"pop","type":"line","data":[["new Date('2013-09-01').getTime()",0.970448177482025],["new Date('2013-10-01').getTime()",0.972224366782906],["new Date('2013-11-01').getTime()",0.97391518362249],["new Date('2013-12-01').getTime()",0.975423315392571],["new Date('2014-01-01').getTime()",0.976921972290395],["new Date('2014-02-01').getTime()",0.97823645673634],["new Date('2014-03-01').getTime()",0.97957855225842],["new Date('2014-04-01').getTime()",0.980992099657577],["new Date('2014-05-01').getTime()",0.982473622896551],["new Date('2014-06-01').getTime()",0.984073150615668],["new Date('2014-07-01').getTime()",0.985702006885595],["new Date('2014-08-01').getTime()",0.987603703319152],["new Date('2014-09-01').getTime()",0.989506155770269],["new Date('2014-10-01').getTime()",0.991383363808922],["new Date('2014-11-01').getTime()",0.993112959418826],["new Date('2014-12-01').getTime()",0.994608132061805],["new Date('2015-01-01').getTime()",0.996107750416745],["new Date('2015-02-01').getTime()",0.997306408041825],["new Date('2015-03-01').getTime()",0.998590610697427],["new Date('2015-04-01').getTime()",1]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":[1,3]},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"markers":{"size":[3,6]}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.1.data.0.0","ax_opts.series.1.data.1.0","ax_opts.series.1.data.2.0","ax_opts.series.1.data.3.0","ax_opts.series.1.data.4.0","ax_opts.series.1.data.5.0","ax_opts.series.1.data.6.0","ax_opts.series.1.data.7.0","ax_opts.series.1.data.8.0","ax_opts.series.1.data.9.0","ax_opts.series.1.data.10.0","ax_opts.series.1.data.11.0","ax_opts.series.1.data.12.0","ax_opts.series.1.data.13.0","ax_opts.series.1.data.14.0","ax_opts.series.1.data.15.0","ax_opts.series.1.data.16.0","ax_opts.series.1.data.17.0","ax_opts.series.1.data.18.0","ax_opts.series.1.data.19.0"],"jsHooks":[]}</script><div class="sourceCode" id="cb20"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/apex.html">apex</a></span>(data = <span class="kw">economics_long</span>, type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="../reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">value01</span>, group = <span class="kw">variable</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_yaxis.html">ax_yaxis</a></span>(decimalsInFloat = <span class="fl">2</span>) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="../reference/ax_stroke.html">ax_stroke</a></span>(dashArray = <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">8</span>, <span class="fl">5</span>))
|
||||
</pre></div>
|
||||
<div id="htmlwidget-64c49264c8f93e2cb6ca" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-64c49264c8f93e2cb6ca">{"x":{"ax_opts":{"chart":{"type":"line"},"series":[{"name":"pce","type":"line","data":[["new Date('2013-09-01').getTime()",0.92924677636026],["new Date('2013-10-01').getTime()",0.933773134481608],["new Date('2013-11-01').getTime()",0.939574402546397],["new Date('2013-12-01').getTime()",0.942167004646148],["new Date('2014-01-01').getTime()",0.941704956747183],["new Date('2014-02-01').getTime()",0.946299766409118],["new Date('2014-03-01').getTime()",0.952871114305516],["new Date('2014-04-01').getTime()",0.957970754079284],["new Date('2014-05-01').getTime()",0.961889604777918],["new Date('2014-06-01').getTime()",0.967759324383294],["new Date('2014-07-01').getTime()",0.971481376902739],["new Date('2014-08-01').getTime()",0.978651675779278],["new Date('2014-09-01').getTime()",0.979772569756398],["new Date('2014-10-01').getTime()",0.985385596084572],["new Date('2014-11-01').getTime()",0.987815625775428],["new Date('2014-12-01').getTime()",0.988722608688212],["new Date('2015-01-01').getTime()",0.987353577876462],["new Date('2015-02-01').getTime()",0.990468122973193],["new Date('2015-03-01').getTime()",0.99696246288643],["new Date('2015-04-01').getTime()",1]]},{"name":"pop","type":"line","data":[["new Date('2013-09-01').getTime()",0.970448177482025],["new Date('2013-10-01').getTime()",0.972224366782906],["new Date('2013-11-01').getTime()",0.97391518362249],["new Date('2013-12-01').getTime()",0.975423315392571],["new Date('2014-01-01').getTime()",0.976921972290395],["new Date('2014-02-01').getTime()",0.97823645673634],["new Date('2014-03-01').getTime()",0.97957855225842],["new Date('2014-04-01').getTime()",0.980992099657577],["new Date('2014-05-01').getTime()",0.982473622896551],["new Date('2014-06-01').getTime()",0.984073150615668],["new Date('2014-07-01').getTime()",0.985702006885595],["new Date('2014-08-01').getTime()",0.987603703319152],["new Date('2014-09-01').getTime()",0.989506155770269],["new Date('2014-10-01').getTime()",0.991383363808922],["new Date('2014-11-01').getTime()",0.993112959418826],["new Date('2014-12-01').getTime()",0.994608132061805],["new Date('2015-01-01').getTime()",0.996107750416745],["new Date('2015-02-01').getTime()",0.997306408041825],["new Date('2015-03-01').getTime()",0.998590610697427],["new Date('2015-04-01').getTime()",1]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2,"dashArray":[8,5]},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}}},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}}},"auto_update":{"series_animate":true,"update_options":false,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":false,"xaxis":{"min":"2013-09-01","max":"2015-04-01"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0","ax_opts.series.1.data.0.0","ax_opts.series.1.data.1.0","ax_opts.series.1.data.2.0","ax_opts.series.1.data.3.0","ax_opts.series.1.data.4.0","ax_opts.series.1.data.5.0","ax_opts.series.1.data.6.0","ax_opts.series.1.data.7.0","ax_opts.series.1.data.8.0","ax_opts.series.1.data.9.0","ax_opts.series.1.data.10.0","ax_opts.series.1.data.11.0","ax_opts.series.1.data.12.0","ax_opts.series.1.data.13.0","ax_opts.series.1.data.14.0","ax_opts.series.1.data.15.0","ax_opts.series.1.data.16.0","ax_opts.series.1.data.17.0","ax_opts.series.1.data.18.0","ax_opts.series.1.data.19.0"],"jsHooks":[]}</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -377,7 +417,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,15 @@
|
|||
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
|
||||
// v0.0.1
|
||||
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const codeList = document.getElementsByClassName("sourceCode");
|
||||
for (var i = 0; i < codeList.length; i++) {
|
||||
var linkList = codeList[i].getElementsByTagName('a');
|
||||
for (var j = 0; j < linkList.length; j++) {
|
||||
if (linkList[j].innerHTML === "") {
|
||||
linkList[j].setAttribute('aria-hidden', 'true');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,337 @@
|
|||
/*!
|
||||
*
|
||||
* htmlwidgets bindings for ApexCharts
|
||||
* https://github.com/dreamRs/apexcharter
|
||||
*
|
||||
*/
|
||||
|
||||
/// Functions
|
||||
|
||||
// From Friss tuto (https://github.com/FrissAnalytics/shinyJsTutorials/blob/master/tutorials/tutorial_03.Rmd)
|
||||
function get_widget(id) {
|
||||
var htmlWidgetsObj = HTMLWidgets.find("#" + id);
|
||||
var widgetObj;
|
||||
if (typeof htmlWidgetsObj !== "undefined") {
|
||||
widgetObj = htmlWidgetsObj.getChart();
|
||||
}
|
||||
return widgetObj;
|
||||
}
|
||||
|
||||
function is_single(options) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var lab = typeLabels.indexOf(options.w.config.chart.type) > -1;
|
||||
var single = options.w.config.series.length === 1;
|
||||
return lab | single;
|
||||
}
|
||||
|
||||
function is_datetime(chartContext) {
|
||||
if (
|
||||
chartContext.hasOwnProperty("w") &&
|
||||
chartContext.w.hasOwnProperty("config") &&
|
||||
chartContext.w.config.hasOwnProperty("xaxis") &&
|
||||
chartContext.w.config.xaxis.hasOwnProperty("type")
|
||||
) {
|
||||
return chartContext.w.config.xaxis.type == "datetime";
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function getSelection(chartContext, selectedDataPoints, serieIndex) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var typeXY = ["scatter", "bubble"];
|
||||
var selected;
|
||||
if (typeLabels.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
var labels = chartContext.opts.labels;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
return labels[index];
|
||||
});
|
||||
} else {
|
||||
var data = chartContext.opts.series[serieIndex].data;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
var val = data[index];
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) < 0) {
|
||||
if (val.hasOwnProperty("x")) {
|
||||
val = val.x;
|
||||
} else {
|
||||
val = val[0];
|
||||
}
|
||||
}
|
||||
return val;
|
||||
});
|
||||
}
|
||||
//console.log(selected);
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
selected = {
|
||||
x: selected.map(function(obj) {
|
||||
return obj.x;
|
||||
}),
|
||||
y: selected.map(function(obj) {
|
||||
return obj.y;
|
||||
})
|
||||
};
|
||||
}
|
||||
if (typeof selected == "undefined") {
|
||||
selected = null;
|
||||
}
|
||||
return selected;
|
||||
}
|
||||
|
||||
function getYaxis(axis) {
|
||||
var yzoom = { min: null, max: null };
|
||||
if (typeof axis.yaxis !== "undefined" && axis.yaxis !== null) {
|
||||
var y_axis;
|
||||
if (axis.yaxis.hasOwnProperty("min")) {
|
||||
y_axis = axis.yaxis;
|
||||
} else {
|
||||
y_axis = axis.yaxis[0];
|
||||
}
|
||||
if (y_axis.hasOwnProperty("min") && typeof y_axis.min !== "undefined") {
|
||||
yzoom.min = y_axis.min;
|
||||
}
|
||||
if (y_axis.hasOwnProperty("max") && typeof y_axis.max !== "undefined") {
|
||||
yzoom.max = y_axis.max;
|
||||
}
|
||||
}
|
||||
return yzoom;
|
||||
}
|
||||
|
||||
function getXaxis(axis) {
|
||||
var xzoom = { min: null, max: null };
|
||||
if (typeof axis.xaxis !== "undefined") {
|
||||
var x_axis = axis.xaxis;
|
||||
if (x_axis.hasOwnProperty("min") && typeof x_axis.min !== "undefined") {
|
||||
xzoom.min = x_axis.min;
|
||||
}
|
||||
if (x_axis.hasOwnProperty("max") && typeof x_axis.max !== "undefined") {
|
||||
xzoom.max = x_axis.max;
|
||||
}
|
||||
}
|
||||
return xzoom;
|
||||
}
|
||||
|
||||
function exportChart(x, chart) {
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (x.shinyEvents.hasOwnProperty("export")) {
|
||||
setTimeout(function() {
|
||||
chart.dataURI().then(function(imgURI) {
|
||||
Shiny.setInputValue(x.shinyEvents.export.inputId, imgURI);
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Widget
|
||||
|
||||
HTMLWidgets.widget({
|
||||
name: "apexcharter",
|
||||
|
||||
type: "output",
|
||||
|
||||
factory: function(el, width, height) {
|
||||
var axOpts;
|
||||
var apexchart = null;
|
||||
|
||||
return {
|
||||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
}
|
||||
|
||||
// Sizing
|
||||
if (typeof axOpts.chart === "undefined") {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
axOpts.chart.width = width;
|
||||
axOpts.chart.height = height;
|
||||
if (!axOpts.chart.hasOwnProperty("id")) {
|
||||
axOpts.chart.id = el.id;
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("mounted")) {
|
||||
axOpts.chart.events.mounted = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("updated")) {
|
||||
axOpts.chart.events.updated = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (!axOpts.hasOwnProperty("chart")) {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("click")) {
|
||||
axOpts.chart.events.dataPointSelection = function(
|
||||
event,
|
||||
chartContext,
|
||||
opts
|
||||
) {
|
||||
var options = opts;
|
||||
var nonEmpty = opts.selectedDataPoints.filter(function(el) {
|
||||
return el !== null && el.length > 0;
|
||||
});
|
||||
if (nonEmpty.length > 0) {
|
||||
var select = {};
|
||||
for (var i = 0; i < opts.selectedDataPoints.length; i++) {
|
||||
if (typeof opts.selectedDataPoints[i] === "undefined") {
|
||||
continue;
|
||||
}
|
||||
var selection = getSelection(
|
||||
chartContext,
|
||||
options.selectedDataPoints,
|
||||
i
|
||||
);
|
||||
if (selection !== null) {
|
||||
if (opts.w.config.series[i].hasOwnProperty("name")) {
|
||||
var name = opts.w.config.series[i].name;
|
||||
select[name] = selection;
|
||||
} else {
|
||||
select[i] = selection;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (is_single(options)) {
|
||||
select = select[Object.keys(select)[0]];
|
||||
}
|
||||
Shiny.setInputValue(
|
||||
x.shinyEvents.click.inputId + ":apex_click",
|
||||
{ value: select, datetime: is_datetime(chartContext) }
|
||||
);
|
||||
} else {
|
||||
Shiny.setInputValue(x.shinyEvents.click.inputId, null);
|
||||
}
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("zoomed")) {
|
||||
axOpts.chart.events.zoomed = function(chartContext, xaxis, yaxis) {
|
||||
var id = x.shinyEvents.zoomed.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
Shiny.setInputValue(id, {
|
||||
x: getXaxis(xaxis),
|
||||
y: getYaxis(xaxis)
|
||||
});
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("selection")) {
|
||||
axOpts.chart.events.selection = function(
|
||||
chartContext,
|
||||
xaxis,
|
||||
yaxis
|
||||
) {
|
||||
var id = x.shinyEvents.selection.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
var selectionValue;
|
||||
if (x.shinyEvents.selection.type === "x") {
|
||||
selectionValue = { x: xaxis.xaxis };
|
||||
} else if (x.shinyEvents.selection.type === "xy") {
|
||||
selectionValue = { x: xaxis.xaxis, y: getYaxis(xaxis) };
|
||||
} else if (x.shinyEvents.selection.type === "y") {
|
||||
selectionValue = { y: getYaxis(xaxis) };
|
||||
}
|
||||
Shiny.setInputValue(id, selectionValue);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
} else {
|
||||
if (x.auto_update) {
|
||||
//console.log(x.auto_update);
|
||||
apexchart
|
||||
.updateSeries(axOpts.series, x.auto_update.series_animate)
|
||||
.then(function(chart) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
if (x.auto_update.update_options) {
|
||||
delete axOpts.series;
|
||||
delete axOpts.chart.width;
|
||||
delete axOpts.chart.height;
|
||||
apexchart
|
||||
.updateOptions(
|
||||
axOpts,
|
||||
x.auto_update.options_redrawPaths,
|
||||
x.auto_update.options_animate,
|
||||
x.auto_update.update_synced_charts
|
||||
)
|
||||
.then(function(a, b) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
apexchart.destroy();
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
getChart: function() {
|
||||
return apexchart;
|
||||
},
|
||||
|
||||
resize: function(width, height) {
|
||||
apexchart.updateOptions({
|
||||
chart: {
|
||||
width: width,
|
||||
height: height
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
if (HTMLWidgets.shinyMode) {
|
||||
// update serie
|
||||
Shiny.addCustomMessageHandler("update-apexchart-series", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateSeries(
|
||||
[
|
||||
{
|
||||
data: obj.data.newSeries
|
||||
}
|
||||
],
|
||||
obj.data.animate
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// update options
|
||||
Shiny.addCustomMessageHandler("update-apexchart-options", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateOptions(obj.data.options);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.20.0
|
||||
version: 3.20.1
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -149,11 +149,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -245,7 +245,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,15 @@
|
|||
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
|
||||
// v0.0.1
|
||||
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const codeList = document.getElementsByClassName("sourceCode");
|
||||
for (var i = 0; i < codeList.length; i++) {
|
||||
var linkList = codeList[i].getElementsByTagName('a');
|
||||
for (var j = 0; j < linkList.length; j++) {
|
||||
if (linkList[j].innerHTML === "") {
|
||||
linkList[j].setAttribute('aria-hidden', 'true');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,337 @@
|
|||
/*!
|
||||
*
|
||||
* htmlwidgets bindings for ApexCharts
|
||||
* https://github.com/dreamRs/apexcharter
|
||||
*
|
||||
*/
|
||||
|
||||
/// Functions
|
||||
|
||||
// From Friss tuto (https://github.com/FrissAnalytics/shinyJsTutorials/blob/master/tutorials/tutorial_03.Rmd)
|
||||
function get_widget(id) {
|
||||
var htmlWidgetsObj = HTMLWidgets.find("#" + id);
|
||||
var widgetObj;
|
||||
if (typeof htmlWidgetsObj !== "undefined") {
|
||||
widgetObj = htmlWidgetsObj.getChart();
|
||||
}
|
||||
return widgetObj;
|
||||
}
|
||||
|
||||
function is_single(options) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var lab = typeLabels.indexOf(options.w.config.chart.type) > -1;
|
||||
var single = options.w.config.series.length === 1;
|
||||
return lab | single;
|
||||
}
|
||||
|
||||
function is_datetime(chartContext) {
|
||||
if (
|
||||
chartContext.hasOwnProperty("w") &&
|
||||
chartContext.w.hasOwnProperty("config") &&
|
||||
chartContext.w.config.hasOwnProperty("xaxis") &&
|
||||
chartContext.w.config.xaxis.hasOwnProperty("type")
|
||||
) {
|
||||
return chartContext.w.config.xaxis.type == "datetime";
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function getSelection(chartContext, selectedDataPoints, serieIndex) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var typeXY = ["scatter", "bubble"];
|
||||
var selected;
|
||||
if (typeLabels.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
var labels = chartContext.opts.labels;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
return labels[index];
|
||||
});
|
||||
} else {
|
||||
var data = chartContext.opts.series[serieIndex].data;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
var val = data[index];
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) < 0) {
|
||||
if (val.hasOwnProperty("x")) {
|
||||
val = val.x;
|
||||
} else {
|
||||
val = val[0];
|
||||
}
|
||||
}
|
||||
return val;
|
||||
});
|
||||
}
|
||||
//console.log(selected);
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
selected = {
|
||||
x: selected.map(function(obj) {
|
||||
return obj.x;
|
||||
}),
|
||||
y: selected.map(function(obj) {
|
||||
return obj.y;
|
||||
})
|
||||
};
|
||||
}
|
||||
if (typeof selected == "undefined") {
|
||||
selected = null;
|
||||
}
|
||||
return selected;
|
||||
}
|
||||
|
||||
function getYaxis(axis) {
|
||||
var yzoom = { min: null, max: null };
|
||||
if (typeof axis.yaxis !== "undefined" && axis.yaxis !== null) {
|
||||
var y_axis;
|
||||
if (axis.yaxis.hasOwnProperty("min")) {
|
||||
y_axis = axis.yaxis;
|
||||
} else {
|
||||
y_axis = axis.yaxis[0];
|
||||
}
|
||||
if (y_axis.hasOwnProperty("min") && typeof y_axis.min !== "undefined") {
|
||||
yzoom.min = y_axis.min;
|
||||
}
|
||||
if (y_axis.hasOwnProperty("max") && typeof y_axis.max !== "undefined") {
|
||||
yzoom.max = y_axis.max;
|
||||
}
|
||||
}
|
||||
return yzoom;
|
||||
}
|
||||
|
||||
function getXaxis(axis) {
|
||||
var xzoom = { min: null, max: null };
|
||||
if (typeof axis.xaxis !== "undefined") {
|
||||
var x_axis = axis.xaxis;
|
||||
if (x_axis.hasOwnProperty("min") && typeof x_axis.min !== "undefined") {
|
||||
xzoom.min = x_axis.min;
|
||||
}
|
||||
if (x_axis.hasOwnProperty("max") && typeof x_axis.max !== "undefined") {
|
||||
xzoom.max = x_axis.max;
|
||||
}
|
||||
}
|
||||
return xzoom;
|
||||
}
|
||||
|
||||
function exportChart(x, chart) {
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (x.shinyEvents.hasOwnProperty("export")) {
|
||||
setTimeout(function() {
|
||||
chart.dataURI().then(function(imgURI) {
|
||||
Shiny.setInputValue(x.shinyEvents.export.inputId, imgURI);
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Widget
|
||||
|
||||
HTMLWidgets.widget({
|
||||
name: "apexcharter",
|
||||
|
||||
type: "output",
|
||||
|
||||
factory: function(el, width, height) {
|
||||
var axOpts;
|
||||
var apexchart = null;
|
||||
|
||||
return {
|
||||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
}
|
||||
|
||||
// Sizing
|
||||
if (typeof axOpts.chart === "undefined") {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
axOpts.chart.width = width;
|
||||
axOpts.chart.height = height;
|
||||
if (!axOpts.chart.hasOwnProperty("id")) {
|
||||
axOpts.chart.id = el.id;
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("mounted")) {
|
||||
axOpts.chart.events.mounted = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("updated")) {
|
||||
axOpts.chart.events.updated = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (!axOpts.hasOwnProperty("chart")) {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("click")) {
|
||||
axOpts.chart.events.dataPointSelection = function(
|
||||
event,
|
||||
chartContext,
|
||||
opts
|
||||
) {
|
||||
var options = opts;
|
||||
var nonEmpty = opts.selectedDataPoints.filter(function(el) {
|
||||
return el !== null && el.length > 0;
|
||||
});
|
||||
if (nonEmpty.length > 0) {
|
||||
var select = {};
|
||||
for (var i = 0; i < opts.selectedDataPoints.length; i++) {
|
||||
if (typeof opts.selectedDataPoints[i] === "undefined") {
|
||||
continue;
|
||||
}
|
||||
var selection = getSelection(
|
||||
chartContext,
|
||||
options.selectedDataPoints,
|
||||
i
|
||||
);
|
||||
if (selection !== null) {
|
||||
if (opts.w.config.series[i].hasOwnProperty("name")) {
|
||||
var name = opts.w.config.series[i].name;
|
||||
select[name] = selection;
|
||||
} else {
|
||||
select[i] = selection;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (is_single(options)) {
|
||||
select = select[Object.keys(select)[0]];
|
||||
}
|
||||
Shiny.setInputValue(
|
||||
x.shinyEvents.click.inputId + ":apex_click",
|
||||
{ value: select, datetime: is_datetime(chartContext) }
|
||||
);
|
||||
} else {
|
||||
Shiny.setInputValue(x.shinyEvents.click.inputId, null);
|
||||
}
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("zoomed")) {
|
||||
axOpts.chart.events.zoomed = function(chartContext, xaxis, yaxis) {
|
||||
var id = x.shinyEvents.zoomed.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
Shiny.setInputValue(id, {
|
||||
x: getXaxis(xaxis),
|
||||
y: getYaxis(xaxis)
|
||||
});
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("selection")) {
|
||||
axOpts.chart.events.selection = function(
|
||||
chartContext,
|
||||
xaxis,
|
||||
yaxis
|
||||
) {
|
||||
var id = x.shinyEvents.selection.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
var selectionValue;
|
||||
if (x.shinyEvents.selection.type === "x") {
|
||||
selectionValue = { x: xaxis.xaxis };
|
||||
} else if (x.shinyEvents.selection.type === "xy") {
|
||||
selectionValue = { x: xaxis.xaxis, y: getYaxis(xaxis) };
|
||||
} else if (x.shinyEvents.selection.type === "y") {
|
||||
selectionValue = { y: getYaxis(xaxis) };
|
||||
}
|
||||
Shiny.setInputValue(id, selectionValue);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
} else {
|
||||
if (x.auto_update) {
|
||||
//console.log(x.auto_update);
|
||||
apexchart
|
||||
.updateSeries(axOpts.series, x.auto_update.series_animate)
|
||||
.then(function(chart) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
if (x.auto_update.update_options) {
|
||||
delete axOpts.series;
|
||||
delete axOpts.chart.width;
|
||||
delete axOpts.chart.height;
|
||||
apexchart
|
||||
.updateOptions(
|
||||
axOpts,
|
||||
x.auto_update.options_redrawPaths,
|
||||
x.auto_update.options_animate,
|
||||
x.auto_update.update_synced_charts
|
||||
)
|
||||
.then(function(a, b) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
apexchart.destroy();
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
getChart: function() {
|
||||
return apexchart;
|
||||
},
|
||||
|
||||
resize: function(width, height) {
|
||||
apexchart.updateOptions({
|
||||
chart: {
|
||||
width: width,
|
||||
height: height
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
if (HTMLWidgets.shinyMode) {
|
||||
// update serie
|
||||
Shiny.addCustomMessageHandler("update-apexchart-series", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateSeries(
|
||||
[
|
||||
{
|
||||
data: obj.data.newSeries
|
||||
}
|
||||
],
|
||||
obj.data.animate
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// update options
|
||||
Shiny.addCustomMessageHandler("update-apexchart-options", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateOptions(obj.data.options);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.20.0
|
||||
version: 3.20.1
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -84,11 +84,11 @@
|
|||
</button>
|
||||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;"><a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -151,8 +151,8 @@
|
|||
|
||||
|
||||
|
||||
</header><script src="spark-box_files/htmlwidgets-1.5.1/htmlwidgets.js"></script><script src="spark-box_files/apexcharts-3.20.0/apexcharts.min.js"></script><link href="spark-box_files/apexcharter-css-0.1.0/apexcharter.css" rel="stylesheet">
|
||||
<script src="spark-box_files/d3-format-1.4.2/d3-format.min.js"></script><script src="spark-box_files/apexcharter-binding-0.1.5.910/apexcharter.js"></script><div class="row">
|
||||
</header><script src="spark-box_files/accessible-code-block-0.0.1/empty-anchor.js"></script><script src="spark-box_files/htmlwidgets-1.5.1/htmlwidgets.js"></script><script src="spark-box_files/apexcharts-3.20.1/apexcharts.min.js"></script><link href="spark-box_files/apexcharter-css-0.1.0/apexcharter.css" rel="stylesheet">
|
||||
<script src="spark-box_files/d3-format-1.4.2/d3-format.min.js"></script><script src="spark-box_files/apexcharter-binding-0.1.5.920/apexcharter.js"></script><div class="row">
|
||||
<div class="col-md-9 contents">
|
||||
<div class="page-header toc-ignore">
|
||||
<h1>Spark boxes</h1>
|
||||
|
|
@ -165,33 +165,41 @@
|
|||
|
||||
|
||||
|
||||
<div class="sourceCode" id="cb1"><html><body><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">apexcharter</span>)
|
||||
<div class="sourceCode" id="cb1"><pre class="downlit">
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="https://github.com/dreamRs/apexcharter">apexcharter</a></span>)
|
||||
|
||||
<span class="no">spark_data</span> <span class="kw"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html">data.frame</a></span>(
|
||||
<span class="kw">date</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html">Sys.Date</a></span>() + <span class="fl">1</span>:<span class="fl">20</span>,
|
||||
<span class="kw">var1</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Round.html">round</a></span>(<span class="fu"><a href="https://rdrr.io/r/stats/Normal.html">rnorm</a></span>(<span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span>)),
|
||||
<span class="kw">var2</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Round.html">round</a></span>(<span class="fu"><a href="https://rdrr.io/r/stats/Normal.html">rnorm</a></span>(<span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span>)),
|
||||
<span class="kw">var3</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Round.html">round</a></span>(<span class="fu"><a href="https://rdrr.io/r/stats/Normal.html">rnorm</a></span>(<span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span>))
|
||||
)</pre></body></html></div>
|
||||
<span class="kw">spark_data</span> <span class="op"><-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html">data.frame</a></span>(
|
||||
date = <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html">Sys.Date</a></span>() <span class="op">+</span> <span class="fl">1</span><span class="op">:</span><span class="fl">20</span>,
|
||||
var1 = <span class="fu"><a href="https://rdrr.io/r/base/Round.html">round</a></span>(<span class="fu"><a href="https://rdrr.io/r/stats/Normal.html">rnorm</a></span>(<span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span>)),
|
||||
var2 = <span class="fu"><a href="https://rdrr.io/r/base/Round.html">round</a></span>(<span class="fu"><a href="https://rdrr.io/r/stats/Normal.html">rnorm</a></span>(<span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span>)),
|
||||
var3 = <span class="fu"><a href="https://rdrr.io/r/base/Round.html">round</a></span>(<span class="fu"><a href="https://rdrr.io/r/stats/Normal.html">rnorm</a></span>(<span class="fl">20</span>, <span class="fl">50</span>, <span class="fl">10</span>))
|
||||
)
|
||||
</pre></div>
|
||||
<p>Create boxes with a sparkline to display a specific value:</p>
|
||||
<div class="sourceCode" id="cb2"><html><body><pre class="r"><span class="fu"><a href="../reference/spark_box.html">spark_box</a></span>(
|
||||
<span class="kw">data</span> <span class="kw">=</span> <span class="no">spark_data</span>,
|
||||
<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html">mean</a></span>(<span class="no">spark_data</span>$<span class="no">var1</span>),
|
||||
<span class="kw">subtitle</span> <span class="kw">=</span> <span class="st">"Variable 1"</span>
|
||||
)</pre></body></html></div>
|
||||
<div id="htmlwidget-4a910ae044bf6c10054e" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-4a910ae044bf6c10054e">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[["new Date('2020-08-04').getTime()",52],["new Date('2020-08-05').getTime()",59],["new Date('2020-08-06').getTime()",47],["new Date('2020-08-07').getTime()",55],["new Date('2020-08-08').getTime()",54],["new Date('2020-08-09').getTime()",50],["new Date('2020-08-10').getTime()",52],["new Date('2020-08-11').getTime()",44],["new Date('2020-08-12').getTime()",54],["new Date('2020-08-13').getTime()",46],["new Date('2020-08-14').getTime()",20],["new Date('2020-08-15').getTime()",53],["new Date('2020-08-16').getTime()",56],["new Date('2020-08-17').getTime()",57],["new Date('2020-08-18').getTime()",40],["new Date('2020-08-19').getTime()",57],["new Date('2020-08-20').getTime()",66],["new Date('2020-08-21').getTime()",42],["new Date('2020-08-22').getTime()",52],["new Date('2020-08-23').getTime()",44]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#2E93fA"],"title":{"text":50,"style":{"fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#2E93fA","background":"#FFF"},"xaxis":{"min":"2020-08-04","max":"2020-08-23"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0"],"jsHooks":[]}</script><p>With more styles :</p>
|
||||
<div class="sourceCode" id="cb3"><html><body><pre class="r"><span class="fu"><a href="../reference/spark_box.html">spark_box</a></span>(
|
||||
<span class="kw">data</span> <span class="kw">=</span> <span class="no">spark_data</span>,
|
||||
<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/mean.html">mean</a></span>(<span class="no">spark_data</span>$<span class="no">var1</span>),
|
||||
<span class="kw">subtitle</span> <span class="kw">=</span> <span class="st">"Variable 1"</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">"#2E93fA"</span>,
|
||||
<span class="kw">title_style</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">color</span> <span class="kw">=</span> <span class="st">"#FFF"</span>),
|
||||
<span class="kw">subtitle_style</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">color</span> <span class="kw">=</span> <span class="st">"#FFF"</span>)
|
||||
)</pre></body></html></div>
|
||||
<div id="htmlwidget-5cda0e52329de27df9ae" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-5cda0e52329de27df9ae">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[["new Date('2020-08-04').getTime()",52],["new Date('2020-08-05').getTime()",59],["new Date('2020-08-06').getTime()",47],["new Date('2020-08-07').getTime()",55],["new Date('2020-08-08').getTime()",54],["new Date('2020-08-09').getTime()",50],["new Date('2020-08-10').getTime()",52],["new Date('2020-08-11').getTime()",44],["new Date('2020-08-12').getTime()",54],["new Date('2020-08-13').getTime()",46],["new Date('2020-08-14').getTime()",20],["new Date('2020-08-15').getTime()",53],["new Date('2020-08-16').getTime()",56],["new Date('2020-08-17').getTime()",57],["new Date('2020-08-18').getTime()",40],["new Date('2020-08-19').getTime()",57],["new Date('2020-08-20').getTime()",66],["new Date('2020-08-21').getTime()",42],["new Date('2020-08-22').getTime()",52],["new Date('2020-08-23').getTime()",44]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#FFF"],"title":{"text":50,"style":{"color":"#FFF","fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"color":"#FFF","fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#FFF","background":"#2E93fA"},"xaxis":{"min":"2020-08-04","max":"2020-08-23"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0"],"jsHooks":[]}</script><p>You can also use spark boxes in Shiny application, use code to launch an example :</p>
|
||||
<div class="sourceCode" id="cb4"><html><body><pre class="r"><span class="fu">run_sparkbox_demo</span>()</pre></body></html></div>
|
||||
<div class="sourceCode" id="cb2"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/spark_box.html">spark_box</a></span>(
|
||||
data = <span class="kw">spark_data</span>,
|
||||
title = <span class="fu"><a href="https://rdrr.io/r/base/mean.html">mean</a></span>(<span class="kw">spark_data</span><span class="op">$</span><span class="kw">var1</span>),
|
||||
subtitle = <span class="st">"Variable 1"</span>
|
||||
)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-4067c4190a516558fc06" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-4067c4190a516558fc06">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[["new Date('2020-09-10').getTime()",47],["new Date('2020-09-11').getTime()",37],["new Date('2020-09-12').getTime()",60],["new Date('2020-09-13').getTime()",44],["new Date('2020-09-14').getTime()",34],["new Date('2020-09-15').getTime()",49],["new Date('2020-09-16').getTime()",35],["new Date('2020-09-17').getTime()",53],["new Date('2020-09-18').getTime()",32],["new Date('2020-09-19').getTime()",46],["new Date('2020-09-20').getTime()",40],["new Date('2020-09-21').getTime()",59],["new Date('2020-09-22').getTime()",63],["new Date('2020-09-23').getTime()",31],["new Date('2020-09-24').getTime()",62],["new Date('2020-09-25').getTime()",56],["new Date('2020-09-26').getTime()",12],["new Date('2020-09-27').getTime()",42],["new Date('2020-09-28').getTime()",47],["new Date('2020-09-29').getTime()",45]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#2E93fA"],"title":{"text":44.7,"style":{"fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#2E93fA","background":"#FFF"},"xaxis":{"min":"2020-09-10","max":"2020-09-29"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0"],"jsHooks":[]}</script><p>With more styles :</p>
|
||||
<div class="sourceCode" id="cb3"><pre class="downlit">
|
||||
<span class="fu"><a href="../reference/spark_box.html">spark_box</a></span>(
|
||||
data = <span class="kw">spark_data</span>,
|
||||
title = <span class="fu"><a href="https://rdrr.io/r/base/mean.html">mean</a></span>(<span class="kw">spark_data</span><span class="op">$</span><span class="kw">var1</span>),
|
||||
subtitle = <span class="st">"Variable 1"</span>,
|
||||
color = <span class="st">"#FFF"</span>, background = <span class="st">"#2E93fA"</span>,
|
||||
title_style = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(color = <span class="st">"#FFF"</span>),
|
||||
subtitle_style = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(color = <span class="st">"#FFF"</span>)
|
||||
)
|
||||
</pre></div>
|
||||
<div id="htmlwidget-29214aaf080dd98d8784" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-29214aaf080dd98d8784">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[["new Date('2020-09-10').getTime()",47],["new Date('2020-09-11').getTime()",37],["new Date('2020-09-12').getTime()",60],["new Date('2020-09-13').getTime()",44],["new Date('2020-09-14').getTime()",34],["new Date('2020-09-15').getTime()",49],["new Date('2020-09-16').getTime()",35],["new Date('2020-09-17').getTime()",53],["new Date('2020-09-18').getTime()",32],["new Date('2020-09-19').getTime()",46],["new Date('2020-09-20').getTime()",40],["new Date('2020-09-21').getTime()",59],["new Date('2020-09-22').getTime()",63],["new Date('2020-09-23').getTime()",31],["new Date('2020-09-24').getTime()",62],["new Date('2020-09-25').getTime()",56],["new Date('2020-09-26').getTime()",12],["new Date('2020-09-27').getTime()",42],["new Date('2020-09-28').getTime()",47],["new Date('2020-09-29').getTime()",45]]}],"dataLabels":{"enabled":false},"stroke":{"curve":"straight","width":2},"yaxis":{"decimalsInFloat":2,"labels":{"style":{"colors":"#848484"}},"show":false},"xaxis":{"type":"datetime","labels":{"style":{"colors":"#848484"}}},"colors":["#FFF"],"title":{"text":44.7,"style":{"color":"#FFF","fontSize":"24px"}},"subtitle":{"text":"Variable 1","style":{"color":"#FFF","fontSize":"14px"}}},"auto_update":{"series_animate":true,"update_options":true,"options_animate":true,"options_redrawPaths":true,"update_synced_charts":false},"sparkbox":{"color":"#FFF","background":"#2E93fA"},"xaxis":{"min":"2020-09-10","max":"2020-09-29"}},"evals":["ax_opts.series.0.data.0.0","ax_opts.series.0.data.1.0","ax_opts.series.0.data.2.0","ax_opts.series.0.data.3.0","ax_opts.series.0.data.4.0","ax_opts.series.0.data.5.0","ax_opts.series.0.data.6.0","ax_opts.series.0.data.7.0","ax_opts.series.0.data.8.0","ax_opts.series.0.data.9.0","ax_opts.series.0.data.10.0","ax_opts.series.0.data.11.0","ax_opts.series.0.data.12.0","ax_opts.series.0.data.13.0","ax_opts.series.0.data.14.0","ax_opts.series.0.data.15.0","ax_opts.series.0.data.16.0","ax_opts.series.0.data.17.0","ax_opts.series.0.data.18.0","ax_opts.series.0.data.19.0"],"jsHooks":[]}</script><p>You can also use spark boxes in Shiny application, use code to launch an example :</p>
|
||||
<div class="sourceCode" id="cb4"><pre class="downlit">
|
||||
<span class="fu">run_sparkbox_demo</span>()
|
||||
</pre></div>
|
||||
<p><img src="figures/spark-box.png" alt="spark-box" style="width:100%;"></p>
|
||||
</div>
|
||||
|
||||
|
|
@ -208,7 +216,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,15 @@
|
|||
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
|
||||
// v0.0.1
|
||||
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const codeList = document.getElementsByClassName("sourceCode");
|
||||
for (var i = 0; i < codeList.length; i++) {
|
||||
var linkList = codeList[i].getElementsByTagName('a');
|
||||
for (var j = 0; j < linkList.length; j++) {
|
||||
if (linkList[j].innerHTML === "") {
|
||||
linkList[j].setAttribute('aria-hidden', 'true');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,337 @@
|
|||
/*!
|
||||
*
|
||||
* htmlwidgets bindings for ApexCharts
|
||||
* https://github.com/dreamRs/apexcharter
|
||||
*
|
||||
*/
|
||||
|
||||
/// Functions
|
||||
|
||||
// From Friss tuto (https://github.com/FrissAnalytics/shinyJsTutorials/blob/master/tutorials/tutorial_03.Rmd)
|
||||
function get_widget(id) {
|
||||
var htmlWidgetsObj = HTMLWidgets.find("#" + id);
|
||||
var widgetObj;
|
||||
if (typeof htmlWidgetsObj !== "undefined") {
|
||||
widgetObj = htmlWidgetsObj.getChart();
|
||||
}
|
||||
return widgetObj;
|
||||
}
|
||||
|
||||
function is_single(options) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var lab = typeLabels.indexOf(options.w.config.chart.type) > -1;
|
||||
var single = options.w.config.series.length === 1;
|
||||
return lab | single;
|
||||
}
|
||||
|
||||
function is_datetime(chartContext) {
|
||||
if (
|
||||
chartContext.hasOwnProperty("w") &&
|
||||
chartContext.w.hasOwnProperty("config") &&
|
||||
chartContext.w.config.hasOwnProperty("xaxis") &&
|
||||
chartContext.w.config.xaxis.hasOwnProperty("type")
|
||||
) {
|
||||
return chartContext.w.config.xaxis.type == "datetime";
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function getSelection(chartContext, selectedDataPoints, serieIndex) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var typeXY = ["scatter", "bubble"];
|
||||
var selected;
|
||||
if (typeLabels.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
var labels = chartContext.opts.labels;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
return labels[index];
|
||||
});
|
||||
} else {
|
||||
var data = chartContext.opts.series[serieIndex].data;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
var val = data[index];
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) < 0) {
|
||||
if (val.hasOwnProperty("x")) {
|
||||
val = val.x;
|
||||
} else {
|
||||
val = val[0];
|
||||
}
|
||||
}
|
||||
return val;
|
||||
});
|
||||
}
|
||||
//console.log(selected);
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
selected = {
|
||||
x: selected.map(function(obj) {
|
||||
return obj.x;
|
||||
}),
|
||||
y: selected.map(function(obj) {
|
||||
return obj.y;
|
||||
})
|
||||
};
|
||||
}
|
||||
if (typeof selected == "undefined") {
|
||||
selected = null;
|
||||
}
|
||||
return selected;
|
||||
}
|
||||
|
||||
function getYaxis(axis) {
|
||||
var yzoom = { min: null, max: null };
|
||||
if (typeof axis.yaxis !== "undefined" && axis.yaxis !== null) {
|
||||
var y_axis;
|
||||
if (axis.yaxis.hasOwnProperty("min")) {
|
||||
y_axis = axis.yaxis;
|
||||
} else {
|
||||
y_axis = axis.yaxis[0];
|
||||
}
|
||||
if (y_axis.hasOwnProperty("min") && typeof y_axis.min !== "undefined") {
|
||||
yzoom.min = y_axis.min;
|
||||
}
|
||||
if (y_axis.hasOwnProperty("max") && typeof y_axis.max !== "undefined") {
|
||||
yzoom.max = y_axis.max;
|
||||
}
|
||||
}
|
||||
return yzoom;
|
||||
}
|
||||
|
||||
function getXaxis(axis) {
|
||||
var xzoom = { min: null, max: null };
|
||||
if (typeof axis.xaxis !== "undefined") {
|
||||
var x_axis = axis.xaxis;
|
||||
if (x_axis.hasOwnProperty("min") && typeof x_axis.min !== "undefined") {
|
||||
xzoom.min = x_axis.min;
|
||||
}
|
||||
if (x_axis.hasOwnProperty("max") && typeof x_axis.max !== "undefined") {
|
||||
xzoom.max = x_axis.max;
|
||||
}
|
||||
}
|
||||
return xzoom;
|
||||
}
|
||||
|
||||
function exportChart(x, chart) {
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (x.shinyEvents.hasOwnProperty("export")) {
|
||||
setTimeout(function() {
|
||||
chart.dataURI().then(function(imgURI) {
|
||||
Shiny.setInputValue(x.shinyEvents.export.inputId, imgURI);
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Widget
|
||||
|
||||
HTMLWidgets.widget({
|
||||
name: "apexcharter",
|
||||
|
||||
type: "output",
|
||||
|
||||
factory: function(el, width, height) {
|
||||
var axOpts;
|
||||
var apexchart = null;
|
||||
|
||||
return {
|
||||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
}
|
||||
|
||||
// Sizing
|
||||
if (typeof axOpts.chart === "undefined") {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
axOpts.chart.width = width;
|
||||
axOpts.chart.height = height;
|
||||
if (!axOpts.chart.hasOwnProperty("id")) {
|
||||
axOpts.chart.id = el.id;
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("mounted")) {
|
||||
axOpts.chart.events.mounted = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("updated")) {
|
||||
axOpts.chart.events.updated = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (!axOpts.hasOwnProperty("chart")) {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("click")) {
|
||||
axOpts.chart.events.dataPointSelection = function(
|
||||
event,
|
||||
chartContext,
|
||||
opts
|
||||
) {
|
||||
var options = opts;
|
||||
var nonEmpty = opts.selectedDataPoints.filter(function(el) {
|
||||
return el !== null && el.length > 0;
|
||||
});
|
||||
if (nonEmpty.length > 0) {
|
||||
var select = {};
|
||||
for (var i = 0; i < opts.selectedDataPoints.length; i++) {
|
||||
if (typeof opts.selectedDataPoints[i] === "undefined") {
|
||||
continue;
|
||||
}
|
||||
var selection = getSelection(
|
||||
chartContext,
|
||||
options.selectedDataPoints,
|
||||
i
|
||||
);
|
||||
if (selection !== null) {
|
||||
if (opts.w.config.series[i].hasOwnProperty("name")) {
|
||||
var name = opts.w.config.series[i].name;
|
||||
select[name] = selection;
|
||||
} else {
|
||||
select[i] = selection;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (is_single(options)) {
|
||||
select = select[Object.keys(select)[0]];
|
||||
}
|
||||
Shiny.setInputValue(
|
||||
x.shinyEvents.click.inputId + ":apex_click",
|
||||
{ value: select, datetime: is_datetime(chartContext) }
|
||||
);
|
||||
} else {
|
||||
Shiny.setInputValue(x.shinyEvents.click.inputId, null);
|
||||
}
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("zoomed")) {
|
||||
axOpts.chart.events.zoomed = function(chartContext, xaxis, yaxis) {
|
||||
var id = x.shinyEvents.zoomed.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
Shiny.setInputValue(id, {
|
||||
x: getXaxis(xaxis),
|
||||
y: getYaxis(xaxis)
|
||||
});
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("selection")) {
|
||||
axOpts.chart.events.selection = function(
|
||||
chartContext,
|
||||
xaxis,
|
||||
yaxis
|
||||
) {
|
||||
var id = x.shinyEvents.selection.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
var selectionValue;
|
||||
if (x.shinyEvents.selection.type === "x") {
|
||||
selectionValue = { x: xaxis.xaxis };
|
||||
} else if (x.shinyEvents.selection.type === "xy") {
|
||||
selectionValue = { x: xaxis.xaxis, y: getYaxis(xaxis) };
|
||||
} else if (x.shinyEvents.selection.type === "y") {
|
||||
selectionValue = { y: getYaxis(xaxis) };
|
||||
}
|
||||
Shiny.setInputValue(id, selectionValue);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
} else {
|
||||
if (x.auto_update) {
|
||||
//console.log(x.auto_update);
|
||||
apexchart
|
||||
.updateSeries(axOpts.series, x.auto_update.series_animate)
|
||||
.then(function(chart) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
if (x.auto_update.update_options) {
|
||||
delete axOpts.series;
|
||||
delete axOpts.chart.width;
|
||||
delete axOpts.chart.height;
|
||||
apexchart
|
||||
.updateOptions(
|
||||
axOpts,
|
||||
x.auto_update.options_redrawPaths,
|
||||
x.auto_update.options_animate,
|
||||
x.auto_update.update_synced_charts
|
||||
)
|
||||
.then(function(a, b) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
apexchart.destroy();
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
getChart: function() {
|
||||
return apexchart;
|
||||
},
|
||||
|
||||
resize: function(width, height) {
|
||||
apexchart.updateOptions({
|
||||
chart: {
|
||||
width: width,
|
||||
height: height
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
if (HTMLWidgets.shinyMode) {
|
||||
// update serie
|
||||
Shiny.addCustomMessageHandler("update-apexchart-series", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateSeries(
|
||||
[
|
||||
{
|
||||
data: obj.data.newSeries
|
||||
}
|
||||
],
|
||||
obj.data.animate
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// update options
|
||||
Shiny.addCustomMessageHandler("update-apexchart-options", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateOptions(obj.data.options);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.20.0
|
||||
version: 3.20.1
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
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,15 @@
|
|||
// Hide empty <a> tag within highlighted CodeBlock for screen reader accessibility (see https://github.com/jgm/pandoc/issues/6352#issuecomment-626106786) -->
|
||||
// v0.0.1
|
||||
// Written by JooYoung Seo (jooyoung@psu.edu) and Atsushi Yasumoto on June 1st, 2020.
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const codeList = document.getElementsByClassName("sourceCode");
|
||||
for (var i = 0; i < codeList.length; i++) {
|
||||
var linkList = codeList[i].getElementsByTagName('a');
|
||||
for (var j = 0; j < linkList.length; j++) {
|
||||
if (linkList[j].innerHTML === "") {
|
||||
linkList[j].setAttribute('aria-hidden', 'true');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,337 @@
|
|||
/*!
|
||||
*
|
||||
* htmlwidgets bindings for ApexCharts
|
||||
* https://github.com/dreamRs/apexcharter
|
||||
*
|
||||
*/
|
||||
|
||||
/// Functions
|
||||
|
||||
// From Friss tuto (https://github.com/FrissAnalytics/shinyJsTutorials/blob/master/tutorials/tutorial_03.Rmd)
|
||||
function get_widget(id) {
|
||||
var htmlWidgetsObj = HTMLWidgets.find("#" + id);
|
||||
var widgetObj;
|
||||
if (typeof htmlWidgetsObj !== "undefined") {
|
||||
widgetObj = htmlWidgetsObj.getChart();
|
||||
}
|
||||
return widgetObj;
|
||||
}
|
||||
|
||||
function is_single(options) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var lab = typeLabels.indexOf(options.w.config.chart.type) > -1;
|
||||
var single = options.w.config.series.length === 1;
|
||||
return lab | single;
|
||||
}
|
||||
|
||||
function is_datetime(chartContext) {
|
||||
if (
|
||||
chartContext.hasOwnProperty("w") &&
|
||||
chartContext.w.hasOwnProperty("config") &&
|
||||
chartContext.w.config.hasOwnProperty("xaxis") &&
|
||||
chartContext.w.config.xaxis.hasOwnProperty("type")
|
||||
) {
|
||||
return chartContext.w.config.xaxis.type == "datetime";
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function getSelection(chartContext, selectedDataPoints, serieIndex) {
|
||||
var typeLabels = ["pie", "radialBar", "donut"];
|
||||
var typeXY = ["scatter", "bubble"];
|
||||
var selected;
|
||||
if (typeLabels.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
var labels = chartContext.opts.labels;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
return labels[index];
|
||||
});
|
||||
} else {
|
||||
var data = chartContext.opts.series[serieIndex].data;
|
||||
selected = selectedDataPoints[serieIndex].map(function(index) {
|
||||
var val = data[index];
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) < 0) {
|
||||
if (val.hasOwnProperty("x")) {
|
||||
val = val.x;
|
||||
} else {
|
||||
val = val[0];
|
||||
}
|
||||
}
|
||||
return val;
|
||||
});
|
||||
}
|
||||
//console.log(selected);
|
||||
if (typeXY.indexOf(chartContext.opts.chart.type) > -1) {
|
||||
selected = {
|
||||
x: selected.map(function(obj) {
|
||||
return obj.x;
|
||||
}),
|
||||
y: selected.map(function(obj) {
|
||||
return obj.y;
|
||||
})
|
||||
};
|
||||
}
|
||||
if (typeof selected == "undefined") {
|
||||
selected = null;
|
||||
}
|
||||
return selected;
|
||||
}
|
||||
|
||||
function getYaxis(axis) {
|
||||
var yzoom = { min: null, max: null };
|
||||
if (typeof axis.yaxis !== "undefined" && axis.yaxis !== null) {
|
||||
var y_axis;
|
||||
if (axis.yaxis.hasOwnProperty("min")) {
|
||||
y_axis = axis.yaxis;
|
||||
} else {
|
||||
y_axis = axis.yaxis[0];
|
||||
}
|
||||
if (y_axis.hasOwnProperty("min") && typeof y_axis.min !== "undefined") {
|
||||
yzoom.min = y_axis.min;
|
||||
}
|
||||
if (y_axis.hasOwnProperty("max") && typeof y_axis.max !== "undefined") {
|
||||
yzoom.max = y_axis.max;
|
||||
}
|
||||
}
|
||||
return yzoom;
|
||||
}
|
||||
|
||||
function getXaxis(axis) {
|
||||
var xzoom = { min: null, max: null };
|
||||
if (typeof axis.xaxis !== "undefined") {
|
||||
var x_axis = axis.xaxis;
|
||||
if (x_axis.hasOwnProperty("min") && typeof x_axis.min !== "undefined") {
|
||||
xzoom.min = x_axis.min;
|
||||
}
|
||||
if (x_axis.hasOwnProperty("max") && typeof x_axis.max !== "undefined") {
|
||||
xzoom.max = x_axis.max;
|
||||
}
|
||||
}
|
||||
return xzoom;
|
||||
}
|
||||
|
||||
function exportChart(x, chart) {
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (x.shinyEvents.hasOwnProperty("export")) {
|
||||
setTimeout(function() {
|
||||
chart.dataURI().then(function(imgURI) {
|
||||
Shiny.setInputValue(x.shinyEvents.export.inputId, imgURI);
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Widget
|
||||
|
||||
HTMLWidgets.widget({
|
||||
name: "apexcharter",
|
||||
|
||||
type: "output",
|
||||
|
||||
factory: function(el, width, height) {
|
||||
var axOpts;
|
||||
var apexchart = null;
|
||||
|
||||
return {
|
||||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
}
|
||||
|
||||
// Sizing
|
||||
if (typeof axOpts.chart === "undefined") {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
axOpts.chart.width = width;
|
||||
axOpts.chart.height = height;
|
||||
if (!axOpts.chart.hasOwnProperty("id")) {
|
||||
axOpts.chart.id = el.id;
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("mounted")) {
|
||||
axOpts.chart.events.mounted = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
if (!axOpts.chart.events.hasOwnProperty("updated")) {
|
||||
axOpts.chart.events.updated = function(chartContext, config) {
|
||||
el.style.minHeight = 0;
|
||||
};
|
||||
}
|
||||
|
||||
if (x.hasOwnProperty("shinyEvents") & HTMLWidgets.shinyMode) {
|
||||
if (!axOpts.hasOwnProperty("chart")) {
|
||||
axOpts.chart = {};
|
||||
}
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("click")) {
|
||||
axOpts.chart.events.dataPointSelection = function(
|
||||
event,
|
||||
chartContext,
|
||||
opts
|
||||
) {
|
||||
var options = opts;
|
||||
var nonEmpty = opts.selectedDataPoints.filter(function(el) {
|
||||
return el !== null && el.length > 0;
|
||||
});
|
||||
if (nonEmpty.length > 0) {
|
||||
var select = {};
|
||||
for (var i = 0; i < opts.selectedDataPoints.length; i++) {
|
||||
if (typeof opts.selectedDataPoints[i] === "undefined") {
|
||||
continue;
|
||||
}
|
||||
var selection = getSelection(
|
||||
chartContext,
|
||||
options.selectedDataPoints,
|
||||
i
|
||||
);
|
||||
if (selection !== null) {
|
||||
if (opts.w.config.series[i].hasOwnProperty("name")) {
|
||||
var name = opts.w.config.series[i].name;
|
||||
select[name] = selection;
|
||||
} else {
|
||||
select[i] = selection;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (is_single(options)) {
|
||||
select = select[Object.keys(select)[0]];
|
||||
}
|
||||
Shiny.setInputValue(
|
||||
x.shinyEvents.click.inputId + ":apex_click",
|
||||
{ value: select, datetime: is_datetime(chartContext) }
|
||||
);
|
||||
} else {
|
||||
Shiny.setInputValue(x.shinyEvents.click.inputId, null);
|
||||
}
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("zoomed")) {
|
||||
axOpts.chart.events.zoomed = function(chartContext, xaxis, yaxis) {
|
||||
var id = x.shinyEvents.zoomed.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
Shiny.setInputValue(id, {
|
||||
x: getXaxis(xaxis),
|
||||
y: getYaxis(xaxis)
|
||||
});
|
||||
};
|
||||
}
|
||||
if (x.shinyEvents.hasOwnProperty("selection")) {
|
||||
axOpts.chart.events.selection = function(
|
||||
chartContext,
|
||||
xaxis,
|
||||
yaxis
|
||||
) {
|
||||
var id = x.shinyEvents.selection.inputId;
|
||||
if (is_datetime(chartContext)) {
|
||||
id = id + ":apex_datetime";
|
||||
}
|
||||
var selectionValue;
|
||||
if (x.shinyEvents.selection.type === "x") {
|
||||
selectionValue = { x: xaxis.xaxis };
|
||||
} else if (x.shinyEvents.selection.type === "xy") {
|
||||
selectionValue = { x: xaxis.xaxis, y: getYaxis(xaxis) };
|
||||
} else if (x.shinyEvents.selection.type === "y") {
|
||||
selectionValue = { y: getYaxis(xaxis) };
|
||||
}
|
||||
Shiny.setInputValue(id, selectionValue);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
} else {
|
||||
if (x.auto_update) {
|
||||
//console.log(x.auto_update);
|
||||
apexchart
|
||||
.updateSeries(axOpts.series, x.auto_update.series_animate)
|
||||
.then(function(chart) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
if (x.auto_update.update_options) {
|
||||
delete axOpts.series;
|
||||
delete axOpts.chart.width;
|
||||
delete axOpts.chart.height;
|
||||
apexchart
|
||||
.updateOptions(
|
||||
axOpts,
|
||||
x.auto_update.options_redrawPaths,
|
||||
x.auto_update.options_animate,
|
||||
x.auto_update.update_synced_charts
|
||||
)
|
||||
.then(function(a, b) {
|
||||
exportChart(x, chart);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
apexchart.destroy();
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
getChart: function() {
|
||||
return apexchart;
|
||||
},
|
||||
|
||||
resize: function(width, height) {
|
||||
apexchart.updateOptions({
|
||||
chart: {
|
||||
width: width,
|
||||
height: height
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
if (HTMLWidgets.shinyMode) {
|
||||
// update serie
|
||||
Shiny.addCustomMessageHandler("update-apexchart-series", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateSeries(
|
||||
[
|
||||
{
|
||||
data: obj.data.newSeries
|
||||
}
|
||||
],
|
||||
obj.data.animate
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// update options
|
||||
Shiny.addCustomMessageHandler("update-apexchart-options", function(obj) {
|
||||
var chart = get_widget(obj.id);
|
||||
if (typeof chart != "undefined") {
|
||||
chart.updateOptions(obj.data.options);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.20.0
|
||||
version: 3.20.1
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -149,11 +149,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -253,7 +253,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
140
docs/index.html
140
docs/index.html
|
|
@ -86,11 +86,11 @@
|
|||
</button>
|
||||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;"><a class="navbar-link" href="index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -168,107 +168,119 @@
|
|||
<h2 class="hasAnchor">
|
||||
<a href="#installation" class="anchor"></a>Installation</h2>
|
||||
<p>Install from CRAN with:</p>
|
||||
<div class="sourceCode" id="cb1"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html">install.packages</a></span>(<span class="st">"apexcharter"</span>)</pre></div>
|
||||
<div class="sourceCode" id="cb1"><pre class="downlit">
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html">install.packages</a></span>(<span class="st">"apexcharter"</span>)
|
||||
</pre></div>
|
||||
<p>Or install the development version from <a href="https://github.com/">GitHub</a> with:</p>
|
||||
<div class="sourceCode" id="cb2"><pre class="r"><span class="co"># install.packages("devtools")</span>
|
||||
<span class="kw pkg">devtools</span><span class="kw ns">::</span><span class="fu"><a href="https://devtools.r-lib.org//reference/remote-reexports.html">install_github</a></span>(<span class="st">"dreamRs/apexcharter"</span>)</pre></div>
|
||||
<div class="sourceCode" id="cb2"><pre class="downlit">
|
||||
<span class="co"># install.packages("devtools")</span>
|
||||
<span class="kw">devtools</span>::<span class="fu"><a href="https://devtools.r-lib.org//reference/remote-reexports.html">install_github</a></span>(<span class="st">"dreamRs/apexcharter"</span>)
|
||||
</pre></div>
|
||||
</div>
|
||||
<div id="quick-charts" class="section level2">
|
||||
<h2 class="hasAnchor">
|
||||
<a href="#quick-charts" class="anchor"></a>Quick Charts</h2>
|
||||
<p>Use <code>apex</code> function to quickly create visualizations :</p>
|
||||
<div class="sourceCode" id="cb3"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">apexcharter</span>)
|
||||
<div class="sourceCode" id="cb3"><pre class="downlit">
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="https://github.com/dreamRs/apexcharter">apexcharter</a></span>)
|
||||
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"mpg"</span>, <span class="kw">package</span> <span class="kw">=</span> <span class="st">"ggplot2"</span>)
|
||||
<span class="no">n_manufac</span> <span class="kw"><-</span> <span class="kw pkg">dplyr</span><span class="kw ns">::</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/count.html">count</a></span>(<span class="no">mpg</span>, <span class="no">manufacturer</span>)
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"mpg"</span>, package = <span class="st">"ggplot2"</span>)
|
||||
<span class="kw">n_manufac</span> <span class="op"><-</span> <span class="kw">dplyr</span>::<span class="fu"><a href="https://dplyr.tidyverse.org/reference/count.html">count</a></span>(<span class="kw">mpg</span>, <span class="kw">manufacturer</span>)
|
||||
|
||||
<span class="fu"><a href="reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_manufac</span>, <span class="kw">type</span> <span class="kw">=</span> <span class="st">"bar"</span>, <span class="kw">mapping</span> <span class="kw">=</span> <span class="fu"><a href="reference/apexcharter-exports.html">aes</a></span>(<span class="kw">x</span> <span class="kw">=</span> <span class="no">manufacturer</span>, <span class="kw">y</span> <span class="kw">=</span> <span class="no">n</span>))</pre></div>
|
||||
<span class="fu"><a href="reference/apex.html">apex</a></span>(data = <span class="kw">n_manufac</span>, type = <span class="st">"bar"</span>, mapping = <span class="fu"><a href="reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">manufacturer</span>, y = <span class="kw">n</span>))
|
||||
</pre></div>
|
||||
<p><img src="reference/figures/apex-bar.png"></p>
|
||||
<p>With datetime:</p>
|
||||
<div class="sourceCode" id="cb4"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/utils/data.html">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="reference/apex.html">apex</a></span>(<span class="kw">data</span> <span class="kw">=</span> <span class="no">economics</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="reference/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"><a href="reference/ax_stroke.html">ax_stroke</a></span>(<span class="kw">width</span> <span class="kw">=</span> <span class="fl">1</span>)</pre></div>
|
||||
<div class="sourceCode" id="cb4"><pre class="downlit">
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"economics"</span>, package = <span class="st">"ggplot2"</span>)
|
||||
<span class="fu"><a href="reference/apex.html">apex</a></span>(data = <span class="kw">economics</span>, type = <span class="st">"line"</span>, mapping = <span class="fu"><a href="reference/apexcharter-exports.html">aes</a></span>(x = <span class="kw">date</span>, y = <span class="kw">uempmed</span>)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_stroke.html">ax_stroke</a></span>(width = <span class="fl">1</span>)
|
||||
</pre></div>
|
||||
<p><img src="reference/figures/apex-line.png"></p>
|
||||
</div>
|
||||
<div id="full-api" class="section level2">
|
||||
<h2 class="hasAnchor">
|
||||
<a href="#full-api" class="anchor"></a>Full API</h2>
|
||||
<p>All methods from ApexCharts are available with function like <code>ax_*</code> compatible with pipe from <code>magrittr</code> :</p>
|
||||
<div class="sourceCode" id="cb5"><pre class="r"><span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">apexcharter</span>)
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="no">mpg</span>, <span class="kw">package</span> <span class="kw">=</span> <span class="st">"ggplot2"</span>)
|
||||
<span class="no">n_manufac</span> <span class="kw"><-</span> <span class="kw pkg">dplyr</span><span class="kw ns">::</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/count.html">count</a></span>(<span class="no">mpg</span>, <span class="no">manufacturer</span>)
|
||||
<div class="sourceCode" id="cb5"><pre class="downlit">
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="kw"><a href="https://github.com/dreamRs/apexcharter">apexcharter</a></span>)
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="kw">mpg</span>, package = <span class="st">"ggplot2"</span>)
|
||||
<span class="kw">n_manufac</span> <span class="op"><-</span> <span class="kw">dplyr</span>::<span class="fu"><a href="https://dplyr.tidyverse.org/reference/count.html">count</a></span>(<span class="kw">mpg</span>, <span class="kw">manufacturer</span>)
|
||||
|
||||
<span class="fu"><a href="reference/apexchart.html">apexchart</a></span>() <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_chart.html">ax_chart</a></span>(<span class="kw">type</span> <span class="kw">=</span> <span class="st">"bar"</span>) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_plotOptions.html">ax_plotOptions</a></span>(<span class="kw">bar</span> <span class="kw">=</span> <span class="fu"><a href="reference/bar_opts.html">bar_opts</a></span>(
|
||||
<span class="kw">horizontal</span> <span class="kw">=</span> <span class="fl">FALSE</span>,
|
||||
<span class="kw">endingShape</span> <span class="kw">=</span> <span class="st">"flat"</span>,
|
||||
<span class="kw">columnWidth</span> <span class="kw">=</span> <span class="st">"70%"</span>,
|
||||
<span class="kw">dataLabels</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">position</span> <span class="kw">=</span> <span class="st">"top"</span>
|
||||
<span class="fu"><a href="reference/apexchart.html">apexchart</a></span>() <span class="op">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_chart.html">ax_chart</a></span>(type = <span class="st">"bar"</span>) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_plotOptions.html">ax_plotOptions</a></span>(bar = <span class="fu"><a href="reference/bar_opts.html">bar_opts</a></span>(
|
||||
horizontal = <span class="fl">FALSE</span>,
|
||||
endingShape = <span class="st">"flat"</span>,
|
||||
columnWidth = <span class="st">"70%"</span>,
|
||||
dataLabels = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
position = <span class="st">"top"</span>
|
||||
))
|
||||
) <span class="kw">%>%</span>
|
||||
) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_grid.html">ax_grid</a></span>(
|
||||
<span class="kw">show</span> <span class="kw">=</span> <span class="fl">TRUE</span>,
|
||||
<span class="kw">position</span> <span class="kw">=</span> <span class="st">"front"</span>,
|
||||
<span class="kw">borderColor</span> <span class="kw">=</span> <span class="st">"#FFF"</span>
|
||||
) <span class="kw">%>%</span>
|
||||
show = <span class="fl">TRUE</span>,
|
||||
position = <span class="st">"front"</span>,
|
||||
borderColor = <span class="st">"#FFF"</span>
|
||||
) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="reference/ax-series.html">ax_series</a></span>(<span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">name</span> <span class="kw">=</span> <span class="st">"Count"</span>,
|
||||
<span class="kw">data</span> <span class="kw">=</span> <span class="no">n_manufac</span>$<span class="no">n</span>
|
||||
)) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_colors.html">ax_colors</a></span>(<span class="st">"#112446"</span>) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_xaxis.html">ax_xaxis</a></span>(<span class="kw">categories</span> <span class="kw">=</span> <span class="no">n_manufac</span>$<span class="no">manufacturer</span>) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_title.html">ax_title</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Number of models"</span>) <span class="kw">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_subtitle.html">ax_subtitle</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Data from ggplot2"</span>)</pre></div>
|
||||
name = <span class="st">"Count"</span>,
|
||||
data = <span class="kw">n_manufac</span><span class="op">$</span><span class="kw">n</span>
|
||||
)) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_colors.html">ax_colors</a></span>(<span class="st">"#112446"</span>) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_xaxis.html">ax_xaxis</a></span>(categories = <span class="kw">n_manufac</span><span class="op">$</span><span class="kw">manufacturer</span>) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_title.html">ax_title</a></span>(text = <span class="st">"Number of models"</span>) <span class="op">%>%</span>
|
||||
<span class="fu"><a href="reference/ax_subtitle.html">ax_subtitle</a></span>(text = <span class="st">"Data from ggplot2"</span>)
|
||||
</pre></div>
|
||||
<p><img src="reference/figures/apexcharter-full-bar.png"></p>
|
||||
</div>
|
||||
<div id="raw-api" class="section level2">
|
||||
<h2 class="hasAnchor">
|
||||
<a href="#raw-api" class="anchor"></a>Raw API</h2>
|
||||
<p>Pass a list of parameters to the function:</p>
|
||||
<div class="sourceCode" id="cb6"><pre class="r"><span class="fu"><a href="reference/apexchart.html">apexchart</a></span>(<span class="kw">ax_opts</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">chart</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">type</span> <span class="kw">=</span> <span class="st">"line"</span>
|
||||
<div class="sourceCode" id="cb6"><pre class="downlit">
|
||||
<span class="fu"><a href="reference/apexchart.html">apexchart</a></span>(ax_opts = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
chart = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
type = <span class="st">"line"</span>
|
||||
),
|
||||
<span class="kw">stroke</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">curve</span> <span class="kw">=</span> <span class="st">"smooth"</span>
|
||||
stroke = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
curve = <span class="st">"smooth"</span>
|
||||
),
|
||||
<span class="kw">grid</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">borderColor</span> <span class="kw">=</span> <span class="st">"#e7e7e7"</span>,
|
||||
<span class="kw">row</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">colors</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="st">"#f3f3f3"</span>, <span class="st">"transparent"</span>),
|
||||
<span class="kw">opacity</span> <span class="kw">=</span> <span class="fl">0.5</span>
|
||||
grid = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
borderColor = <span class="st">"#e7e7e7"</span>,
|
||||
row = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
colors = <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="st">"#f3f3f3"</span>, <span class="st">"transparent"</span>),
|
||||
opacity = <span class="fl">0.5</span>
|
||||
)
|
||||
),
|
||||
<span class="kw">dataLabels</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">enabled</span> <span class="kw">=</span> <span class="fl">TRUE</span>
|
||||
dataLabels = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
enabled = <span class="fl">TRUE</span>
|
||||
),
|
||||
<span class="kw">markers</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">style</span> <span class="kw">=</span> <span class="st">"inverted"</span>, <span class="kw">size</span> <span class="kw">=</span> <span class="fl">6</span>),
|
||||
<span class="kw">series</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
markers = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(style = <span class="st">"inverted"</span>, size = <span class="fl">6</span>),
|
||||
series = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">name</span> <span class="kw">=</span> <span class="st">"High"</span>,
|
||||
<span class="kw">data</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">28</span>, <span class="fl">29</span>, <span class="fl">33</span>, <span class="fl">36</span>, <span class="fl">32</span>, <span class="fl">32</span>, <span class="fl">33</span>)
|
||||
name = <span class="st">"High"</span>,
|
||||
data = <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">28</span>, <span class="fl">29</span>, <span class="fl">33</span>, <span class="fl">36</span>, <span class="fl">32</span>, <span class="fl">32</span>, <span class="fl">33</span>)
|
||||
),
|
||||
<span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">name</span> <span class="kw">=</span> <span class="st">"Low"</span>,
|
||||
<span class="kw">data</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">12</span>, <span class="fl">11</span>, <span class="fl">14</span>, <span class="fl">18</span>, <span class="fl">17</span>, <span class="fl">13</span>, <span class="fl">13</span>)
|
||||
name = <span class="st">"Low"</span>,
|
||||
data = <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span>(<span class="fl">12</span>, <span class="fl">11</span>, <span class="fl">14</span>, <span class="fl">18</span>, <span class="fl">17</span>, <span class="fl">13</span>, <span class="fl">13</span>)
|
||||
)
|
||||
),
|
||||
<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Average High & Low Temperature"</span>,
|
||||
<span class="kw">align</span> <span class="kw">=</span> <span class="st">"left"</span>
|
||||
title = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
text = <span class="st">"Average High & Low Temperature"</span>,
|
||||
align = <span class="st">"left"</span>
|
||||
),
|
||||
<span class="kw">xaxis</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">categories</span> <span class="kw">=</span> <span class="no">month.abb</span>[<span class="fl">1</span>:<span class="fl">7</span>]
|
||||
xaxis = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
categories = <span class="kw">month.abb</span>[<span class="fl">1</span><span class="op">:</span><span class="fl">7</span>]
|
||||
),
|
||||
<span class="kw">yaxis</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
<span class="kw">title</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(<span class="kw">text</span> <span class="kw">=</span> <span class="st">"Temperature"</span>),
|
||||
<span class="kw">labels</span> <span class="kw">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">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://rdrr.io/pkg/htmlwidgets/man/JS.html">JS</a></span>(<span class="st">"function(value) {return value + '\u00b0C';}"</span>)
|
||||
yaxis = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
title = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(text = <span class="st">"Temperature"</span>),
|
||||
labels = <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span>(
|
||||
formatter = <span class="kw">htmlwidgets</span>::<span class="fu"><a href="https://rdrr.io/pkg/htmlwidgets/man/JS.html">JS</a></span>(<span class="st">"function(value) {return value + '\u00b0C';}"</span>)
|
||||
)
|
||||
)
|
||||
))</pre></div>
|
||||
))
|
||||
</pre></div>
|
||||
<p><img src="reference/figures/raw-api.png"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -314,7 +326,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -149,11 +149,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -228,7 +228,7 @@
|
|||
<a href="#apexcharter-016" class="anchor"></a>apexcharter 0.1.6<small> Unreleased </small>
|
||||
</h1>
|
||||
<ul>
|
||||
<li>Updated ApexCharts.js to 3.20.0</li>
|
||||
<li>Updated ApexCharts.js to 3.20.1</li>
|
||||
<li>New functions <code><a href="../reference/add-line.html">add_line()</a></code> and <code><a href="../reference/add-line.html">add_smooth_line()</a></code> to add simple or trend line on charts (scatter & bars).</li>
|
||||
<li>New Shiny input: export, to retrieve chart’s base64 dataURI.</li>
|
||||
</ul>
|
||||
|
|
@ -332,7 +332,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,6 @@
|
|||
pandoc: 2.7.2
|
||||
pkgdown: 1.5.1.9000
|
||||
pkgdown_sha: ac78596154e403df5f4e683f2185d88225a0fea6
|
||||
articles:
|
||||
apexcharter: apexcharter.html
|
||||
advanced-configuration: articles/advanced-configuration.html
|
||||
chart-options: chart-options.html
|
||||
shiny-integration: shiny-integration.html
|
||||
spark-box: spark-box.html
|
||||
sync-charts: sync-charts.html
|
||||
last_built: 2020-08-03T07:56Z
|
||||
pandoc: 2.7.3
|
||||
pkgdown: 1.6.0
|
||||
pkgdown_sha: ~
|
||||
articles: []
|
||||
last_built: 2020-09-09T10:40Z
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1011 B |
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,21 +231,21 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>add_line</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='no'>mapping</span>,
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"line"</span>, <span class='st'>"spline"</span>),
|
||||
<span class='kw'>serie_name</span> <span class='kw'>=</span> <span class='kw'>NULL</span>
|
||||
<span class='kw'>ax</span>,
|
||||
<span class='kw'>mapping</span>,
|
||||
data = <span class='kw'>NULL</span>,
|
||||
type = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"line"</span>, <span class='st'>"spline"</span>),
|
||||
serie_name = <span class='kw'>NULL</span>
|
||||
)
|
||||
|
||||
<span class='fu'>add_smooth_line</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>formula</span> <span class='kw'>=</span> <span class='no'>y</span> ~ <span class='no'>x</span>,
|
||||
<span class='kw'>model</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"lm"</span>, <span class='st'>"loess"</span>),
|
||||
<span class='kw'>n</span> <span class='kw'>=</span> <span class='fl'>100</span>,
|
||||
<span class='no'>...</span>,
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"line"</span>, <span class='st'>"spline"</span>),
|
||||
<span class='kw'>serie_name</span> <span class='kw'>=</span> <span class='kw'>NULL</span>
|
||||
<span class='kw'>ax</span>,
|
||||
formula = <span class='kw'>y</span> <span class='op'>~</span> <span class='kw'>x</span>,
|
||||
model = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"lm"</span>, <span class='st'>"loess"</span>),
|
||||
n = <span class='fl'>100</span>,
|
||||
<span class='kw'>...</span>,
|
||||
type = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"line"</span>, <span class='st'>"spline"</span>),
|
||||
serie_name = <span class='kw'>NULL</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -295,7 +295,7 @@ the <code>data.frame</code> provided in <code><a href='apex.html'>apex()</a></co
|
|||
<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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
|
||||
|
||||
<span class='co'># Bar ----</span>
|
||||
|
|
@ -303,22 +303,22 @@ the <code>data.frame</code> provided in <code><a href='apex.html'>apex()</a></co
|
|||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"climate_paris"</span>)
|
||||
|
||||
<span class='co'># Add a line on a column's chart</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>climate_paris</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>month</span>, <span class='no'>precipitation</span>), <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"column"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_line</span>(<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>month</span>, <span class='no'>temperature</span>))
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>climate_paris</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>month</span>, <span class='kw'>precipitation</span>), type = <span class='st'>"column"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_line</span>(<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>month</span>, <span class='kw'>temperature</span>))
|
||||
|
||||
<span class='co'># Add secondary axis</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>climate_paris</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>month</span>, <span class='no'>precipitation</span>), <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"column"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_line</span>(<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>month</span>, <span class='no'>temperature</span>)) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>climate_paris</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>month</span>, <span class='kw'>precipitation</span>), type = <span class='st'>"column"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_line</span>(<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>month</span>, <span class='kw'>temperature</span>)) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(
|
||||
<span class='kw'>title</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Precipitation (in mm)"</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <span class='st'>"Precipitation (in mm)"</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis2.html'>ax_yaxis2</a></span>(
|
||||
<span class='kw'>opposite</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>decimalsInFloat</span> <span class='kw'>=</span> <span class='fl'>0</span>,
|
||||
<span class='kw'>title</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Temperature (in degree celsius)"</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
opposite = <span class='fl'>TRUE</span>,
|
||||
decimalsInFloat = <span class='fl'>0</span>,
|
||||
title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <span class='st'>"Temperature (in degree celsius)"</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_dataLabels.html'>ax_dataLabels</a></span>(
|
||||
<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>, <span class='kw'>enabledOnSeries</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fl'>1</span>)
|
||||
enabled = <span class='fl'>TRUE</span>, enabledOnSeries = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fl'>1</span>)
|
||||
)
|
||||
|
||||
|
||||
|
|
@ -326,27 +326,33 @@ the <code>data.frame</code> provided in <code><a href='apex.html'>apex()</a></co
|
|||
<span class='co'># Scatter ----</span>
|
||||
|
||||
<span class='co'># add smooth line on scatter plot</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>speed</span>, <span class='no'>dist</span>), <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"scatter"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_line</span>(<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>x</span>, <span class='no'>y</span>), <span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/stats/lowess.html'>lowess</a></span>(<span class='no'>cars</span>), <span class='kw'>serie_name</span> <span class='kw'>=</span> <span class='st'>"lowess"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>speed</span>, <span class='kw'>dist</span>), type = <span class='st'>"scatter"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_line</span>(<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span>, <span class='kw'>y</span>), data = <span class='fu'><a href='https://rdrr.io/r/stats/lowess.html'>lowess</a></span>(<span class='kw'>cars</span>), serie_name = <span class='st'>"lowess"</span>)
|
||||
|
||||
|
||||
<span class='co'># or directly</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>speed</span>, <span class='no'>dist</span>), <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"scatter"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>speed</span>, <span class='kw'>dist</span>), type = <span class='st'>"scatter"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>()
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>speed</span>, <span class='no'>dist</span>), <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"scatter"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(<span class='kw'>model</span> <span class='kw'>=</span> <span class='st'>"loess"</span>, <span class='kw'>span</span> <span class='kw'>=</span> <span class='fl'>1</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>speed</span>, <span class='kw'>dist</span>), type = <span class='st'>"scatter"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(model = <span class='st'>"loess"</span>, span = <span class='fl'>1</span>)
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>speed</span>, <span class='no'>dist</span>), <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"scatter"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(<span class='kw'>model</span> <span class='kw'>=</span> <span class='st'>"loess"</span>, <span class='kw'>degree</span> <span class='kw'>=</span> <span class='fl'>1</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>speed</span>, <span class='kw'>dist</span>), type = <span class='st'>"scatter"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(model = <span class='st'>"loess"</span>, degree = <span class='fl'>1</span>)
|
||||
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>speed</span>, <span class='no'>dist</span>), <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"scatter"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(<span class='kw'>formula</span> <span class='kw'>=</span> <span class='no'>y</span> ~ <span class='fu'><a href='https://rdrr.io/r/stats/poly.html'>poly</a></span>(<span class='no'>x</span>, <span class='fl'>2</span>))
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>speed</span>, <span class='kw'>dist</span>), type = <span class='st'>"scatter"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(formula = <span class='kw'>y</span> <span class='op'>~</span> <span class='fu'><a href='https://rdrr.io/r/stats/poly.html'>poly</a></span>(<span class='kw'>x</span>, <span class='fl'>2</span>))
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>speed</span>, <span class='no'>dist</span>), <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"scatter"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(<span class='kw'>model</span> <span class='kw'>=</span> <span class='st'>"lm"</span>, <span class='kw'>serie_name</span> <span class='kw'>=</span> <span class='st'>"lm"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(<span class='kw'>model</span> <span class='kw'>=</span> <span class='st'>"loess"</span>, <span class='kw'>serie_name</span> <span class='kw'>=</span> <span class='st'>"loess"</span>)</div></pre>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>cars</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>speed</span>, <span class='kw'>dist</span>), type = <span class='st'>"scatter"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(model = <span class='st'>"lm"</span>, serie_name = <span class='st'>"lm"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_smooth_line</span>(model = <span class='st'>"loess"</span>, serie_name = <span class='st'>"loess"</span>)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -366,7 +372,7 @@ the <code>data.frame</code> provided in <code><a href='apex.html'>apex()</a></co
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -152,11 +152,11 @@ add_shade_weekend() add a shadow on every week-end." />
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -232,9 +232,9 @@ add_shade_weekend() add a shadow on every week-end." />
|
|||
<code>add_shade_weekend()</code> add a shadow on every week-end.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>add_shade</span>(<span class='no'>ax</span>, <span class='no'>from</span>, <span class='no'>to</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#848484"</span>, <span class='kw'>opacity</span> <span class='kw'>=</span> <span class='fl'>0.2</span>, <span class='kw'>label</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)
|
||||
<pre class="usage"><span class='fu'>add_shade</span>(<span class='kw'>ax</span>, <span class='kw'>from</span>, <span class='kw'>to</span>, color = <span class='st'>"#848484"</span>, opacity = <span class='fl'>0.2</span>, label = <span class='kw'>NULL</span>, <span class='kw'>...</span>)
|
||||
|
||||
<span class='fu'>add_shade_weekend</span>(<span class='no'>ax</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#848484"</span>, <span class='kw'>opacity</span> <span class='kw'>=</span> <span class='fl'>0.2</span>, <span class='kw'>label</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
|
||||
<span class='fu'>add_shade_weekend</span>(<span class='kw'>ax</span>, color = <span class='st'>"#848484"</span>, opacity = <span class='fl'>0.2</span>, label = <span class='kw'>NULL</span>, <span class='kw'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -281,51 +281,55 @@ used for x-axis is of class <code>Date</code> or <code>POSIXt</code>.</p>
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"consumption"</span>)
|
||||
|
||||
<span class='co'># specify from and to date</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_shade</span>(<span class='kw'>from</span> <span class='kw'>=</span> <span class='st'>"2020-01-06"</span>, <span class='kw'>to</span> <span class='kw'>=</span> <span class='st'>"2020-01-20"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_shade</span>(from = <span class='st'>"2020-01-06"</span>, to = <span class='st'>"2020-01-20"</span>)
|
||||
|
||||
<span class='co'># you can add several shadows</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_shade</span>(<span class='kw'>from</span> <span class='kw'>=</span> <span class='st'>"2020-01-06"</span>, <span class='kw'>to</span> <span class='kw'>=</span> <span class='st'>"2020-01-20"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_shade</span>(<span class='kw'>from</span> <span class='kw'>=</span> <span class='st'>"2020-02-04"</span>, <span class='kw'>to</span> <span class='kw'>=</span> <span class='st'>"2020-02-10"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_shade</span>(from = <span class='st'>"2020-01-06"</span>, to = <span class='st'>"2020-01-20"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_shade</span>(from = <span class='st'>"2020-02-04"</span>, to = <span class='st'>"2020-02-10"</span>)
|
||||
|
||||
<span class='co'># or use a vector</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_shade</span>(
|
||||
<span class='kw'>from</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-06"</span>, <span class='st'>"2020-02-04"</span>),
|
||||
<span class='kw'>to</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-20"</span>, <span class='st'>"2020-02-10"</span>)
|
||||
from = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-06"</span>, <span class='st'>"2020-02-04"</span>),
|
||||
to = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-20"</span>, <span class='st'>"2020-02-10"</span>)
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># Add a label</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_shade</span>(
|
||||
<span class='kw'>from</span> <span class='kw'>=</span> <span class='st'>"2020-01-06"</span>, <span class='kw'>to</span> <span class='kw'>=</span> <span class='st'>"2020-01-20"</span>,
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='st'>"interesting period"</span>
|
||||
from = <span class='st'>"2020-01-06"</span>, to = <span class='st'>"2020-01-20"</span>,
|
||||
label = <span class='st'>"interesting period"</span>
|
||||
)
|
||||
|
||||
<span class='co'># add label with more options</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_shade</span>(
|
||||
<span class='kw'>from</span> <span class='kw'>=</span> <span class='st'>"2020-01-06"</span>, <span class='kw'>to</span> <span class='kw'>=</span> <span class='st'>"2020-01-20"</span>,
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"firebrick"</span>,
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='fu'><a href='label.html'>label</a></span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"something happened"</span>,
|
||||
<span class='kw'>background</span> <span class='kw'>=</span> <span class='st'>"firebrick"</span>,
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"white"</span>,
|
||||
<span class='kw'>fontWeight</span> <span class='kw'>=</span> <span class='st'>"bold"</span>,
|
||||
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>3</span>, <span class='fl'>5</span>)
|
||||
from = <span class='st'>"2020-01-06"</span>, to = <span class='st'>"2020-01-20"</span>,
|
||||
color = <span class='st'>"firebrick"</span>,
|
||||
label = <span class='fu'><a href='label.html'>label</a></span>(
|
||||
text = <span class='st'>"something happened"</span>,
|
||||
background = <span class='st'>"firebrick"</span>,
|
||||
color = <span class='st'>"white"</span>,
|
||||
fontWeight = <span class='st'>"bold"</span>,
|
||||
padding = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>3</span>, <span class='fl'>5</span>)
|
||||
)
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># automatically add shadow on week-ends</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_shade_weekend</span>()</div></pre>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_shade_weekend</span>()
|
||||
|
||||
|
||||
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -346,7 +350,7 @@ used for x-axis is of class <code>Date</code> or <code>POSIXt</code>.</p>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,9 +230,9 @@
|
|||
<p>Add horizontal or vertical line</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>add_hline</span>(<span class='no'>ax</span>, <span class='no'>value</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>, <span class='kw'>dash</span> <span class='kw'>=</span> <span class='fl'>0</span>, <span class='kw'>label</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)
|
||||
<pre class="usage"><span class='fu'>add_hline</span>(<span class='kw'>ax</span>, <span class='kw'>value</span>, color = <span class='st'>"#000"</span>, dash = <span class='fl'>0</span>, label = <span class='kw'>NULL</span>, <span class='kw'>...</span>)
|
||||
|
||||
<span class='fu'>add_vline</span>(<span class='no'>ax</span>, <span class='no'>value</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>, <span class='kw'>dash</span> <span class='kw'>=</span> <span class='fl'>0</span>, <span class='kw'>label</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
|
||||
<span class='fu'>add_vline</span>(<span class='kw'>ax</span>, <span class='kw'>value</span>, color = <span class='st'>"#000"</span>, dash = <span class='fl'>0</span>, label = <span class='kw'>NULL</span>, <span class='kw'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -273,40 +273,41 @@ or see <code><a href='label.html'>label</a></code> for more controls.</p></td>
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
|
||||
<span class='co'># On a column chart</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://rdrr.io/r/base/table.html'>table</a></span>(<span class='no'>unhcr_popstats_2017</span>$<span class='no'>continent_residence</span>),
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>Var1</span>, <span class='no'>Freq</span>),
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/base/table.html'>table</a></span>(<span class='kw'>unhcr_popstats_2017</span><span class='op'>$</span><span class='kw'>continent_residence</span>),
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>Var1</span>, <span class='kw'>Freq</span>),
|
||||
<span class='st'>"column"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_hline</span>(<span class='kw'>value</span> <span class='kw'>=</span> <span class='fl'>2100</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_hline</span>(value = <span class='fl'>2100</span>)
|
||||
|
||||
|
||||
<span class='co'># On a scatter chart</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>Sepal.Length</span>, <span class='no'>Sepal.Width</span>),
|
||||
data = <span class='kw'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>Sepal.Length</span>, <span class='kw'>Sepal.Width</span>),
|
||||
<span class='st'>"scatter"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_hline</span>(<span class='kw'>value</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='no'>iris</span>$<span class='no'>Sepal.Width</span>)) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_vline</span>(<span class='kw'>value</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='no'>iris</span>$<span class='no'>Sepal.Length</span>))
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_hline</span>(value = <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='kw'>iris</span><span class='op'>$</span><span class='kw'>Sepal.Width</span>)) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_vline</span>(value = <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='kw'>iris</span><span class='op'>$</span><span class='kw'>Sepal.Length</span>))
|
||||
|
||||
<span class='co'># With labels</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>Sepal.Length</span>, <span class='no'>Sepal.Width</span>),
|
||||
data = <span class='kw'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>Sepal.Length</span>, <span class='kw'>Sepal.Width</span>),
|
||||
<span class='st'>"scatter"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_hline</span>(
|
||||
<span class='kw'>value</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='no'>iris</span>$<span class='no'>Sepal.Width</span>),
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='st'>"Mean of Sepal.Width"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
value = <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='kw'>iris</span><span class='op'>$</span><span class='kw'>Sepal.Width</span>),
|
||||
label = <span class='st'>"Mean of Sepal.Width"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_vline</span>(
|
||||
<span class='kw'>value</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='no'>iris</span>$<span class='no'>Sepal.Length</span>),
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='st'>"Mean of Sepal.Length"</span>
|
||||
)</div></pre>
|
||||
value = <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='kw'>iris</span><span class='op'>$</span><span class='kw'>Sepal.Length</span>),
|
||||
label = <span class='st'>"Mean of Sepal.Length"</span>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -326,7 +327,7 @@ or see <code><a href='label.html'>label</a></code> for more controls.</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Add a vertical line to mark a special event on a chart.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>add_event</span>(<span class='no'>ax</span>, <span class='no'>when</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#E41A1C"</span>, <span class='kw'>dash</span> <span class='kw'>=</span> <span class='fl'>4</span>, <span class='kw'>label</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>add_event</span>(<span class='kw'>ax</span>, <span class='kw'>when</span>, color = <span class='st'>"#E41A1C"</span>, dash = <span class='fl'>4</span>, label = <span class='kw'>NULL</span>, <span class='kw'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -270,28 +270,29 @@ or see <code><a href='label.html'>label</a></code> for more controls.</p></td>
|
|||
<p>An <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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"consumption"</span>)
|
||||
|
||||
<span class='co'># specify from and to date</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_event</span>(<span class='kw'>when</span> <span class='kw'>=</span> <span class='st'>"2020-01-11"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_event</span>(when = <span class='st'>"2020-01-11"</span>)
|
||||
|
||||
<span class='co'># several events</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_event</span>(<span class='kw'>when</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-11"</span>, <span class='st'>"2020-01-29"</span>))
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_event</span>(when = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-11"</span>, <span class='st'>"2020-01-29"</span>))
|
||||
|
||||
<span class='co'># Add labels on events</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_event</span>(
|
||||
<span class='kw'>when</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-11"</span>, <span class='st'>"2020-01-29"</span>),
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='fu'><a href='label.html'>label</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"Am"</span>, <span class='st'>"Ar"</span>))
|
||||
when = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-11"</span>, <span class='st'>"2020-01-29"</span>),
|
||||
label = <span class='fu'><a href='label.html'>label</a></span>(text = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"Am"</span>, <span class='st'>"Ar"</span>))
|
||||
)
|
||||
|
||||
<span class='co'># can be combined with shade</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='add-shade.html'>add_shade</a></span>(<span class='kw'>from</span> <span class='kw'>=</span> <span class='st'>"2020-01-06"</span>, <span class='kw'>to</span> <span class='kw'>=</span> <span class='st'>"2020-01-20"</span>)<span class='kw'>%>%</span>
|
||||
<span class='fu'>add_event</span>(<span class='kw'>when</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-11"</span>, <span class='st'>"2020-01-29"</span>))</div></pre>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='add-shade.html'>add_shade</a></span>(from = <span class='st'>"2020-01-06"</span>, to = <span class='st'>"2020-01-20"</span>)<span class='op'>%>%</span>
|
||||
<span class='fu'>add_event</span>(when = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-11"</span>, <span class='st'>"2020-01-29"</span>))
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -311,7 +312,7 @@ or see <code><a href='label.html'>label</a></code> for more controls.</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,17 +231,17 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>add_event_marker</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='no'>when</span>,
|
||||
<span class='no'>y</span>,
|
||||
<span class='kw'>size</span> <span class='kw'>=</span> <span class='fl'>5</span>,
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
|
||||
<span class='kw'>fill</span> <span class='kw'>=</span> <span class='st'>"#FFF"</span>,
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>2</span>,
|
||||
<span class='kw'>shape</span> <span class='kw'>=</span> <span class='st'>"circle"</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='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
<span class='kw'>when</span>,
|
||||
<span class='kw'>y</span>,
|
||||
size = <span class='fl'>5</span>,
|
||||
color = <span class='st'>"#000"</span>,
|
||||
fill = <span class='st'>"#FFF"</span>,
|
||||
width = <span class='fl'>2</span>,
|
||||
shape = <span class='st'>"circle"</span>,
|
||||
radius = <span class='fl'>2</span>,
|
||||
label = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -300,29 +300,30 @@ or see <code><a href='label.html'>label</a></code> for more controls.</p></td>
|
|||
<p>An <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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"consumption"</span>)
|
||||
|
||||
<span class='co'># add a marker</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_event_marker</span>(<span class='kw'>when</span> <span class='kw'>=</span> <span class='st'>"2020-01-22"</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='fl'>1805</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_event_marker</span>(when = <span class='st'>"2020-01-22"</span>, y = <span class='fl'>1805</span>)
|
||||
|
||||
<span class='co'># with a label</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>add_event_marker</span>(<span class='kw'>when</span> <span class='kw'>=</span> <span class='st'>"2020-01-22"</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='fl'>1805</span>, <span class='kw'>label</span> <span class='kw'>=</span> <span class='st'>"Consumption peak"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_event_marker</span>(when = <span class='st'>"2020-01-22"</span>, y = <span class='fl'>1805</span>, label = <span class='st'>"Consumption peak"</span>)
|
||||
|
||||
<span class='co'># add several markers</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>value</span>, <span class='kw'>group</span> <span class='kw'>=</span> <span class='no'>type</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>consumption</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>value</span>, group = <span class='kw'>type</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_event_marker</span>(
|
||||
<span class='kw'>when</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-02"</span>, <span class='st'>"2020-01-06"</span>, <span class='st'>"2020-01-13"</span>,
|
||||
when = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"2020-01-02"</span>, <span class='st'>"2020-01-06"</span>, <span class='st'>"2020-01-13"</span>,
|
||||
<span class='st'>"2020-01-22"</span>, <span class='st'>"2020-01-28"</span>, <span class='st'>"2020-02-06"</span>,
|
||||
<span class='st'>"2020-02-13"</span>, <span class='st'>"2020-02-19"</span>, <span class='st'>"2020-02-27"</span>),
|
||||
<span class='kw'>y</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>1545</span>, <span class='fl'>1659</span>, <span class='fl'>1614</span>,
|
||||
<span class='fl'>1805</span>, <span class='fl'>1637</span>, <span class='fl'>1636</span>,
|
||||
y = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>1545</span>, <span class='fl'>1659</span>, <span class='fl'>1614</span>,
|
||||
<span class='fl'>1805</span>, <span class='fl'>1637</span>, <span class='fl'>1636</span>,
|
||||
<span class='fl'>1597</span>, <span class='fl'>1547</span>, <span class='fl'>1631</span>),
|
||||
<span class='kw'>size</span> <span class='kw'>=</span> <span class='fl'>10</span>,
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"firebrick"</span>
|
||||
)</div></pre>
|
||||
size = <span class='fl'>10</span>,
|
||||
color = <span class='st'>"firebrick"</span>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -342,7 +343,7 @@ or see <code><a href='label.html'>label</a></code> for more controls.</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,17 +231,17 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>add_point</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='no'>x</span>,
|
||||
<span class='no'>y</span>,
|
||||
<span class='kw'>size</span> <span class='kw'>=</span> <span class='fl'>5</span>,
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#000"</span>,
|
||||
<span class='kw'>fill</span> <span class='kw'>=</span> <span class='st'>"#FFF"</span>,
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>2</span>,
|
||||
<span class='kw'>shape</span> <span class='kw'>=</span> <span class='st'>"circle"</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='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
<span class='kw'>x</span>,
|
||||
<span class='kw'>y</span>,
|
||||
size = <span class='fl'>5</span>,
|
||||
color = <span class='st'>"#000"</span>,
|
||||
fill = <span class='st'>"#FFF"</span>,
|
||||
width = <span class='fl'>2</span>,
|
||||
shape = <span class='st'>"circle"</span>,
|
||||
radius = <span class='fl'>2</span>,
|
||||
label = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -301,46 +301,58 @@ or see <code><a href='label.html'>label</a></code> for more controls.</p></td>
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
|
||||
<span class='co'># On scatter chart</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>Sepal.Length</span>, <span class='no'>Sepal.Width</span>),
|
||||
data = <span class='kw'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>Sepal.Length</span>, <span class='kw'>Sepal.Width</span>),
|
||||
<span class='st'>"scatter"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_point</span>(
|
||||
<span class='kw'>x</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='no'>iris</span>$<span class='no'>Sepal.Length</span>),
|
||||
<span class='kw'>y</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='no'>iris</span>$<span class='no'>Sepal.Width</span>)
|
||||
x = <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='kw'>iris</span><span class='op'>$</span><span class='kw'>Sepal.Length</span>),
|
||||
y = <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='kw'>iris</span><span class='op'>$</span><span class='kw'>Sepal.Width</span>)
|
||||
)
|
||||
|
||||
<span class='co'># Some options</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>Sepal.Length</span>, <span class='no'>Sepal.Width</span>),
|
||||
data = <span class='kw'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>Sepal.Length</span>, <span class='kw'>Sepal.Width</span>),
|
||||
<span class='st'>"scatter"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_point</span>(
|
||||
<span class='kw'>x</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='no'>iris</span>$<span class='no'>Sepal.Length</span>),
|
||||
<span class='kw'>y</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='no'>iris</span>$<span class='no'>Sepal.Width</span>),
|
||||
<span class='kw'>fill</span> <span class='kw'>=</span> <span class='st'>"firebrick"</span>,
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"firebrick"</span>,
|
||||
<span class='kw'>size</span> <span class='kw'>=</span> <span class='fl'>8</span>,
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='fu'><a href='label.html'>label</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Mean"</span>, <span class='kw'>offsetY</span> <span class='kw'>=</span> <span class='fl'>0</span>)
|
||||
x = <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='kw'>iris</span><span class='op'>$</span><span class='kw'>Sepal.Length</span>),
|
||||
y = <span class='fu'><a href='https://rdrr.io/r/base/mean.html'>mean</a></span>(<span class='kw'>iris</span><span class='op'>$</span><span class='kw'>Sepal.Width</span>),
|
||||
fill = <span class='st'>"firebrick"</span>,
|
||||
color = <span class='st'>"firebrick"</span>,
|
||||
size = <span class='fl'>8</span>,
|
||||
label = <span class='fu'><a href='label.html'>label</a></span>(text = <span class='st'>"Mean"</span>, offsetY = <span class='fl'>0</span>)
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># Several points</span>
|
||||
<span class='no'>clusters</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/stats/kmeans.html'>kmeans</a></span>(<span class='no'>iris</span>[, <span class='fl'>1</span>:<span class='fl'>2</span>], <span class='fl'>3</span>)
|
||||
<span class='kw'>clusters</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/stats/kmeans.html'>kmeans</a></span>(<span class='kw'>iris</span>[, <span class='fl'>1</span><span class='op'>:</span><span class='fl'>2</span>], <span class='fl'>3</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>Sepal.Length</span>, <span class='no'>Sepal.Width</span>),
|
||||
data = <span class='kw'>iris</span>,
|
||||
<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>Sepal.Length</span>, <span class='kw'>Sepal.Width</span>),
|
||||
<span class='st'>"scatter"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>add_point</span>(
|
||||
<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>clusters</span>$<span class='no'>centers</span>[, <span class='fl'>1</span>],
|
||||
<span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>clusters</span>$<span class='no'>centers</span>[, <span class='fl'>2</span>]
|
||||
)</div></pre>
|
||||
x = <span class='kw'>clusters</span><span class='op'>$</span><span class='kw'>centers</span>[, <span class='fl'>1</span>],
|
||||
y = <span class='kw'>clusters</span><span class='op'>$</span><span class='kw'>centers</span>[, <span class='fl'>2</span>]
|
||||
)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -360,7 +372,7 @@ or see <code><a href='label.html'>label</a></code> for more controls.</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -152,11 +152,11 @@ data, mapping and type of chart." />
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -233,16 +233,16 @@ data, mapping and type of chart.</p>
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>apex</span>(
|
||||
<span class='no'>data</span>,
|
||||
<span class='no'>mapping</span>,
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"column"</span>,
|
||||
<span class='no'>...</span>,
|
||||
<span class='kw'>auto_update</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>synchronize</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>serie_name</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>height</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>elementId</span> <span class='kw'>=</span> <span class='kw'>NULL</span>
|
||||
<span class='kw'>data</span>,
|
||||
<span class='kw'>mapping</span>,
|
||||
type = <span class='st'>"column"</span>,
|
||||
<span class='kw'>...</span>,
|
||||
auto_update = <span class='fl'>TRUE</span>,
|
||||
synchronize = <span class='kw'>NULL</span>,
|
||||
serie_name = <span class='kw'>NULL</span>,
|
||||
width = <span class='kw'>NULL</span>,
|
||||
height = <span class='kw'>NULL</span>,
|
||||
elementId = <span class='kw'>NULL</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -305,46 +305,48 @@ only used for single serie.</p></td>
|
|||
<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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>ggplot2</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)</div><div class='output co'>#> <span class='message'></span>
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='http://ggplot2.tidyverse.org'>ggplot2</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></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 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='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
#> <span class='message'> intersect, setdiff, setequal, union</span></div><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
|
||||
<span class='co'># make a barchart with a frequency table</span>
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>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://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <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/count.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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>),
|
||||
type = <span class='st'>"bar"</span>
|
||||
)
|
||||
|
||||
<span class='co'># timeseries</span>
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>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='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>),
|
||||
type = <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>)
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_stroke.html'>ax_stroke</a></span>(width = <span class='fl'>1</span>)
|
||||
|
||||
|
||||
<span class='co'># with group variable</span>
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>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='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics_long"</span>, package = <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'>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>
|
||||
data = <span class='kw'>economics_long</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>value01</span>, group = <span class='kw'>variable</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -364,7 +366,7 @@ only used for single serie.</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,11 +231,11 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>apexchart</span>(
|
||||
<span class='kw'>ax_opts</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(),
|
||||
<span class='kw'>auto_update</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>height</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>elementId</span> <span class='kw'>=</span> <span class='kw'>NULL</span>
|
||||
ax_opts = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(),
|
||||
auto_update = <span class='fl'>TRUE</span>,
|
||||
width = <span class='kw'>NULL</span>,
|
||||
height = <span class='kw'>NULL</span>,
|
||||
elementId = <span class='kw'>NULL</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -270,21 +270,21 @@ use <code><a href='config_update.html'>config_update</a></code> for more control
|
|||
<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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
|
||||
<span class='co'># Use raw API by passing a list of</span>
|
||||
<span class='co'># parameters to the function</span>
|
||||
|
||||
<span class='fu'>apexchart</span>(<span class='kw'>ax_opts</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>chart</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"bar"</span>
|
||||
<span class='fu'>apexchart</span>(ax_opts = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
chart = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
type = <span class='st'>"bar"</span>
|
||||
),
|
||||
<span class='kw'>series</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='st'>"Example"</span>,
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span>:<span class='fl'>100</span>, <span class='fl'>5</span>)
|
||||
series = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
name = <span class='st'>"Example"</span>,
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span><span class='op'>:</span><span class='fl'>100</span>, <span class='fl'>5</span>)
|
||||
)),
|
||||
<span class='kw'>xaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>categories</span> <span class='kw'>=</span> <span class='no'>LETTERS</span>[<span class='fl'>1</span>:<span class='fl'>5</span>]
|
||||
xaxis = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
categories = <span class='kw'>LETTERS</span>[<span class='fl'>1</span><span class='op'>:</span><span class='fl'>5</span>]
|
||||
)
|
||||
))
|
||||
|
||||
|
|
@ -292,17 +292,18 @@ use <code><a href='config_update.html'>config_update</a></code> for more control
|
|||
<span class='co'># Or use apexchart() to initialize the chart</span>
|
||||
<span class='co'># before passing parameters</span>
|
||||
|
||||
<span class='fu'>apexchart</span>() <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"bar"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>apexchart</span>() <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(type = <span class='st'>"bar"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='st'>"Example"</span>,
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span>:<span class='fl'>100</span>, <span class='fl'>5</span>)
|
||||
name = <span class='st'>"Example"</span>,
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span><span class='op'>:</span><span class='fl'>100</span>, <span class='fl'>5</span>)
|
||||
)
|
||||
) <span class='kw'>%>%</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_xaxis.html'>ax_xaxis</a></span>(
|
||||
<span class='kw'>categories</span> <span class='kw'>=</span> <span class='no'>LETTERS</span>[<span class='fl'>1</span>:<span class='fl'>5</span>]
|
||||
)</div></pre>
|
||||
categories = <span class='kw'>LETTERS</span>[<span class='fl'>1</span><span class='op'>:</span><span class='fl'>5</span>]
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -322,7 +323,7 @@ use <code><a href='config_update.html'>config_update</a></code> for more control
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>Proxy for <code>apexchart</code> — apexchartProxy • apexcharter</title>
|
||||
<title>Proxy for apexchart — apexchartProxy • apexcharter</title>
|
||||
|
||||
|
||||
<!-- jquery -->
|
||||
|
|
@ -116,7 +116,7 @@
|
|||
|
||||
|
||||
|
||||
<meta property="og:title" content="Proxy for <code>apexchart</code> — apexchartProxy" />
|
||||
<meta property="og:title" content="Proxy for apexchart — apexchartProxy" />
|
||||
<meta property="og:description" content="Allow to update a chart in Shiny application." />
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Allow to update a chart in Shiny application.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>apexchartProxy</span>(<span class='no'>shinyId</span>, <span class='kw'>session</span> <span class='kw'>=</span> <span class='kw pkg'>shiny</span><span class='kw ns'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span>())</pre>
|
||||
<pre class="usage"><span class='fu'>apexchartProxy</span>(<span class='kw'>shinyId</span>, session = <span class='kw'>shiny</span>::<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/domains.html'>getDefaultReactiveDomain</a></span>())</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -266,7 +266,7 @@ default value will suffice</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -153,11 +153,11 @@ as Depends of apexcharter" />
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -253,7 +253,7 @@ as Depends of apexcharter</p>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>An <code>htmlwidget</code> interface to the
|
||||
<title>An htmlwidget interface to the
|
||||
ApexCharts javascript chart library — apexcharter-package • apexcharter</title>
|
||||
|
||||
|
||||
|
|
@ -117,7 +117,7 @@ ApexCharts javascript chart library — apexcharter-package • apexcharter</tit
|
|||
|
||||
|
||||
|
||||
<meta property="og:title" content="An <code>htmlwidget</code> interface to the
|
||||
<meta property="og:title" content="An htmlwidget interface to the
|
||||
ApexCharts javascript chart library — apexcharter-package" />
|
||||
<meta property="og:description" content="This package allow you to use ApexCharts.js (https://apexcharts.com/),
|
||||
to create interactive and modern SVG charts." />
|
||||
|
|
@ -154,11 +154,11 @@ to create interactive and modern SVG charts." />
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -237,11 +237,15 @@ to create interactive and modern SVG charts.</p>
|
|||
|
||||
|
||||
|
||||
<h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
|
||||
|
||||
<p>Victor Perrier (@dreamRs_fr)</p>
|
||||
|
||||
</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="#author">Author</a></li>
|
||||
</ul>
|
||||
|
||||
<h2>Author</h2>
|
||||
|
|
@ -256,7 +260,7 @@ to create interactive and modern SVG charts.</p>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -152,11 +152,11 @@ applications and interactive Rmd documents." />
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -232,13 +232,13 @@ applications and interactive Rmd documents." />
|
|||
applications and interactive Rmd documents.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>apexchartOutput</span>(<span class='no'>outputId</span>, <span class='kw'>width</span> <span class='kw'>=</span> <span class='st'>"100%"</span>, <span class='kw'>height</span> <span class='kw'>=</span> <span class='st'>"400px"</span>)
|
||||
<pre class="usage"><span class='fu'>apexchartOutput</span>(<span class='kw'>outputId</span>, width = <span class='st'>"100%"</span>, height = <span class='st'>"400px"</span>)
|
||||
|
||||
<span class='fu'>renderApexchart</span>(<span class='no'>expr</span>, <span class='kw'>env</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sys.parent.html'>parent.frame</a></span>(), <span class='kw'>quoted</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)
|
||||
<span class='fu'>renderApexchart</span>(<span class='kw'>expr</span>, env = <span class='fu'><a href='https://rdrr.io/r/base/sys.parent.html'>parent.frame</a></span>(), quoted = <span class='fl'>FALSE</span>)
|
||||
|
||||
<span class='fu'>sparkBoxOutput</span>(<span class='no'>outputId</span>, <span class='kw'>width</span> <span class='kw'>=</span> <span class='st'>"100%"</span>, <span class='kw'>height</span> <span class='kw'>=</span> <span class='st'>"160px"</span>)
|
||||
<span class='fu'>sparkBoxOutput</span>(<span class='kw'>outputId</span>, width = <span class='st'>"100%"</span>, height = <span class='st'>"160px"</span>)
|
||||
|
||||
<span class='fu'>renderSparkBox</span>(<span class='no'>expr</span>, <span class='kw'>env</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sys.parent.html'>parent.frame</a></span>(), <span class='kw'>quoted</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)</pre>
|
||||
<span class='fu'>renderSparkBox</span>(<span class='kw'>expr</span>, env = <span class='fu'><a href='https://rdrr.io/r/base/sys.parent.html'>parent.frame</a></span>(), quoted = <span class='fl'>FALSE</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -273,42 +273,43 @@ is useful if you want to save an expression in a variable.</p></td>
|
|||
<p>An Apexchart output that can be included in the application UI.</p>
|
||||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'><span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>shiny</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
|
||||
<span class='no'>ui</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/fluidPage.html'>fluidPage</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/fluidPage.html'>fluidRow</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/column.html'>column</a></span>(
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>8</span>, <span class='kw'>offset</span> <span class='kw'>=</span> <span class='fl'>2</span>,
|
||||
<span class='no'>tags</span>$<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reexports.html'>h2</a></span>(<span class='st'>"Apexchart in Shiny"</span>),
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/actionButton.html'>actionButton</a></span>(<span class='st'>"redraw"</span>, <span class='st'>"Redraw chart"</span>),
|
||||
<pre class="examples"><div class='input'><span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='http://shiny.rstudio.com'>shiny</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
|
||||
<span class='kw'>ui</span> <span class='op'><-</span> <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/fluidPage.html'>fluidPage</a></span>(
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/fluidPage.html'>fluidRow</a></span>(
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/column.html'>column</a></span>(
|
||||
width = <span class='fl'>8</span>, offset = <span class='fl'>2</span>,
|
||||
<span class='kw'>tags</span><span class='op'>$</span><span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h2</a></span>(<span class='st'>"Apexchart in Shiny"</span>),
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/actionButton.html'>actionButton</a></span>(<span class='st'>"redraw"</span>, <span class='st'>"Redraw chart"</span>),
|
||||
<span class='fu'>apexchartOutput</span>(<span class='st'>"chart"</span>)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
<span class='no'>server</span> <span class='kw'><-</span> <span class='kw'>function</span>(<span class='no'>input</span>, <span class='no'>output</span>, <span class='no'>session</span>) {
|
||||
|
||||
<span class='no'>output</span>$<span class='no'>chart</span> <span class='kw'><-</span> <span class='fu'>renderApexchart</span>({
|
||||
<span class='no'>input</span>$<span class='no'>redraw</span>
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"bar"</span>) <span class='kw'>%>%</span>
|
||||
|
||||
<span class='kw'>server</span> <span class='op'><-</span> <span class='fu'>function</span>(<span class='kw'>input</span>, <span class='kw'>output</span>, <span class='kw'>session</span>) {
|
||||
|
||||
<span class='kw'>output</span><span class='op'>$</span><span class='kw'>chart</span> <span class='op'><-</span> <span class='fu'>renderApexchart</span>({
|
||||
<span class='kw'>input</span><span class='op'>$</span><span class='kw'>redraw</span>
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(type = <span class='st'>"bar"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='st'>"Example"</span>,
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span>:<span class='fl'>100</span>, <span class='fl'>5</span>)
|
||||
name = <span class='st'>"Example"</span>,
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span><span class='op'>:</span><span class='fl'>100</span>, <span class='fl'>5</span>)
|
||||
)
|
||||
) <span class='kw'>%>%</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_xaxis.html'>ax_xaxis</a></span>(
|
||||
<span class='kw'>categories</span> <span class='kw'>=</span> <span class='no'>LETTERS</span>[<span class='fl'>1</span>:<span class='fl'>5</span>]
|
||||
categories = <span class='kw'>LETTERS</span>[<span class='fl'>1</span><span class='op'>:</span><span class='fl'>5</span>]
|
||||
)
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span>(<span class='no'>ui</span>, <span class='no'>server</span>)
|
||||
}</div></pre>
|
||||
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/shinyApp.html'>shinyApp</a></span>(<span class='kw'>ui</span>, <span class='kw'>server</span>)
|
||||
}
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -328,7 +329,7 @@ is useful if you want to save an expression in a variable.</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,9 +230,9 @@
|
|||
<p>Add data to a chart</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_series</span>(<span class='no'>ax</span>, <span class='no'>...</span>)
|
||||
<pre class="usage"><span class='fu'>ax_series</span>(<span class='kw'>ax</span>, <span class='kw'>...</span>)
|
||||
|
||||
<span class='fu'>ax_series2</span>(<span class='no'>ax</span>, <span class='no'>l</span>)</pre>
|
||||
<span class='fu'>ax_series2</span>(<span class='kw'>ax</span>, <span class='kw'>l</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -258,24 +258,25 @@
|
|||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='co'># One serie</span>
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_series</span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='st'>"rnorm"</span>,
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span>(<span class='fl'>10</span>)
|
||||
name = <span class='st'>"rnorm"</span>,
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span>(<span class='fl'>10</span>)
|
||||
))
|
||||
|
||||
<span class='co'># Two series</span>
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_series</span>(
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='st'>"rnorm 1"</span>,
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span>(<span class='fl'>10</span>)
|
||||
name = <span class='st'>"rnorm 1"</span>,
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span>(<span class='fl'>10</span>)
|
||||
),
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='st'>"rnorm 2"</span>,
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span>(<span class='fl'>10</span>)
|
||||
name = <span class='st'>"rnorm 2"</span>,
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span>(<span class='fl'>10</span>)
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -295,7 +296,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,12 +231,12 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_annotations</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>yaxis</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>xaxis</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>points</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
position = <span class='kw'>NULL</span>,
|
||||
yaxis = <span class='kw'>NULL</span>,
|
||||
xaxis = <span class='kw'>NULL</span>,
|
||||
points = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -276,23 +276,23 @@
|
|||
<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://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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://rdrr.io/r/utils/head.html'>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>
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>tail</a></span>(<span class='kw'>economics</span>, <span class='fl'>200</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_annotations</span>(
|
||||
<span class='kw'>yaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>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://rdrr.io/r/base/list.html'>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>
|
||||
yaxis = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
y = <span class='fl'>11.897</span>,
|
||||
borderColor = <span class='st'>"firebrick"</span>,
|
||||
opacity = <span class='fl'>1</span>,
|
||||
label = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
text = <span class='st'>"Mean uempmed"</span>,
|
||||
position = <span class='st'>"left"</span>,
|
||||
textAnchor = <span class='st'>"start"</span>
|
||||
)
|
||||
))
|
||||
)
|
||||
|
|
@ -300,21 +300,21 @@
|
|||
|
||||
<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://rdrr.io/r/utils/head.html'>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>
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>tail</a></span>(<span class='kw'>economics</span>, <span class='fl'>200</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_annotations</span>(
|
||||
<span class='kw'>xaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>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://rdrr.io/pkg/htmlwidgets/man/JS.html'>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://rdrr.io/r/base/list.html'>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://rdrr.io/r/base/list.html'>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>
|
||||
xaxis = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
x = <span class='kw'>htmlwidgets</span>::<span class='fu'><a href='https://rdrr.io/pkg/htmlwidgets/man/JS.html'>JS</a></span>(<span class='st'>"new Date('1 Mar 2007').getTime()"</span>),
|
||||
strokeDashArray = <span class='fl'>0</span>,
|
||||
borderColor = <span class='st'>"#775DD0"</span>,
|
||||
label = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
text = <span class='st'>"A label"</span>,
|
||||
borderColor = <span class='st'>"#775DD0"</span>,
|
||||
style = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
color = <span class='st'>"#fff"</span>,
|
||||
background = <span class='st'>"#775DD0"</span>
|
||||
)
|
||||
)
|
||||
))
|
||||
|
|
@ -323,22 +323,22 @@
|
|||
|
||||
<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://rdrr.io/r/utils/head.html'>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>
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>tail</a></span>(<span class='kw'>economics</span>, <span class='fl'>200</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_annotations</span>(
|
||||
<span class='kw'>xaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>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://rdrr.io/pkg/htmlwidgets/man/JS.html'>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://rdrr.io/pkg/htmlwidgets/man/JS.html'>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://rdrr.io/r/base/list.html'>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://rdrr.io/r/base/list.html'>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>
|
||||
xaxis = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
x = <span class='kw'>htmlwidgets</span>::<span class='fu'><a href='https://rdrr.io/pkg/htmlwidgets/man/JS.html'>JS</a></span>(<span class='st'>"new Date('1 Jan 2009').getTime()"</span>),
|
||||
x2 = <span class='kw'>htmlwidgets</span>::<span class='fu'><a href='https://rdrr.io/pkg/htmlwidgets/man/JS.html'>JS</a></span>(<span class='st'>"new Date('1 Feb 2010').getTime()"</span>),
|
||||
fillColor = <span class='st'>"#B3F7CA"</span>,
|
||||
opacity = <span class='fl'>0.4</span>,
|
||||
label = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
text = <span class='st'>"A label"</span>,
|
||||
borderColor = <span class='st'>"#B3F7CA"</span>,
|
||||
style = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
color = <span class='st'>"#fff"</span>,
|
||||
background = <span class='st'>"#B3F7CA"</span>
|
||||
)
|
||||
)
|
||||
))
|
||||
|
|
@ -347,31 +347,32 @@
|
|||
|
||||
<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://rdrr.io/r/utils/head.html'>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>
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>tail</a></span>(<span class='kw'>economics</span>, <span class='fl'>200</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_annotations</span>(
|
||||
<span class='kw'>points</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>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://rdrr.io/pkg/htmlwidgets/man/JS.html'>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://rdrr.io/r/base/list.html'>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>
|
||||
points = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
x = <span class='kw'>htmlwidgets</span>::<span class='fu'><a href='https://rdrr.io/pkg/htmlwidgets/man/JS.html'>JS</a></span>(<span class='st'>"new Date('1 Jun 2010').getTime()"</span>),
|
||||
y = <span class='fl'>25.2</span>,
|
||||
marker = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
size = <span class='fl'>8</span>,
|
||||
fillColor = <span class='st'>"#fff"</span>,
|
||||
strokeColor = <span class='st'>"red"</span>,
|
||||
radius = <span class='fl'>2</span>
|
||||
),
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"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://rdrr.io/r/base/list.html'>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>
|
||||
label = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
text = <span class='st'>"Highest"</span>,
|
||||
offsetY = <span class='fl'>0</span>,
|
||||
borderColor = <span class='st'>"#FF4560"</span>,
|
||||
style = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
color = <span class='st'>"#fff"</span>,
|
||||
background = <span class='st'>"#FF4560"</span>
|
||||
)
|
||||
)
|
||||
))
|
||||
)</div></pre>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -392,7 +393,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,26 +231,26 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_chart</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>stacked</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>stackType</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>defaultLocale</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>locales</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>animations</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>background</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>foreColor</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>dropShadow</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>events</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'>offsetY</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>selection</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>sparkline</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>toolbar</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>zoom</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>height</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
type = <span class='kw'>NULL</span>,
|
||||
stacked = <span class='kw'>NULL</span>,
|
||||
stackType = <span class='kw'>NULL</span>,
|
||||
defaultLocale = <span class='kw'>NULL</span>,
|
||||
locales = <span class='kw'>NULL</span>,
|
||||
animations = <span class='kw'>NULL</span>,
|
||||
background = <span class='kw'>NULL</span>,
|
||||
foreColor = <span class='kw'>NULL</span>,
|
||||
dropShadow = <span class='kw'>NULL</span>,
|
||||
events = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>,
|
||||
selection = <span class='kw'>NULL</span>,
|
||||
sparkline = <span class='kw'>NULL</span>,
|
||||
toolbar = <span class='kw'>NULL</span>,
|
||||
zoom = <span class='kw'>NULL</span>,
|
||||
width = <span class='kw'>NULL</span>,
|
||||
height = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -350,29 +350,29 @@ Available options: <code>"normal"</code> or <code>"100%"</code>.</p></td>
|
|||
<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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, package = <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='co'>## Stack bar type</span>
|
||||
<span class='co'># default is dodge</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/count.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>)
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>, <span class='kw'>color</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>cut</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>color</span>)
|
||||
)
|
||||
|
||||
<span class='co'># stack</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/count.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>)
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>, <span class='kw'>color</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>cut</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>color</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(stacked = <span class='fl'>TRUE</span>)
|
||||
|
||||
<span class='co'># stack filled</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/count.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>)
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>, <span class='kw'>color</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>cut</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>color</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(stacked = <span class='fl'>TRUE</span>, stackType = <span class='st'>"100%"</span>)
|
||||
|
||||
|
||||
|
||||
|
|
@ -381,20 +381,20 @@ Available options: <code>"normal"</code> or <code>"100%"</code>.</p></td>
|
|||
|
||||
<span class='co'># Hide the 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/count.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://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>))
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>, <span class='kw'>color</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>cut</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>color</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(toolbar = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(show = <span class='fl'>FALSE</span>))
|
||||
|
||||
<span class='co'># Hide download buttons</span>
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>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='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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'>pce</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>pce</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(
|
||||
<span class='kw'>toolbar</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>tools</span><span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>download</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>))
|
||||
toolbar = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(tools= <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(download = <span class='fl'>FALSE</span>))
|
||||
)
|
||||
|
||||
|
||||
|
|
@ -403,57 +403,59 @@ Available options: <code>"normal"</code> or <code>"100%"</code>.</p></td>
|
|||
|
||||
<span class='co'># Disable</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'>pce</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>pce</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(
|
||||
<span class='kw'>zoom</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)
|
||||
zoom = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(enabled = <span class='fl'>FALSE</span>)
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># Auto-scale Y axis</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'>pce</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"line"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>pce</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(
|
||||
<span class='kw'>zoom</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>autoScaleYaxis</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)
|
||||
zoom = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(autoScaleYaxis = <span class='fl'>TRUE</span>)
|
||||
)
|
||||
|
||||
<span class='co'># Localization ---------------------------------</span>
|
||||
|
||||
|
||||
<span class='co'># Use included localization config</span>
|
||||
<span class='no'>dat</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>x</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/Sys.time.html'>Sys.Date</a></span>() + <span class='fl'>1</span>:<span class='fl'>20</span>,
|
||||
<span class='kw'>y</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample.int</a></span>(<span class='fl'>20</span>, <span class='fl'>20</span>)
|
||||
<span class='kw'>dat</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
x = <span class='fu'><a href='https://rdrr.io/r/base/Sys.time.html'>Sys.Date</a></span>() <span class='op'>+</span> <span class='fl'>1</span><span class='op'>:</span><span class='fl'>20</span>,
|
||||
y = <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample.int</a></span>(<span class='fl'>20</span>, <span class='fl'>20</span>)
|
||||
)
|
||||
|
||||
<span class='co'># French</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>x</span>, <span class='no'>y</span>), <span class='st'>"line"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(<span class='kw'>defaultLocale</span> <span class='kw'>=</span> <span class='st'>"fr"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span>, <span class='kw'>y</span>), <span class='st'>"line"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(defaultLocale = <span class='st'>"fr"</span>)
|
||||
|
||||
<span class='co'># Italian</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>x</span>, <span class='no'>y</span>), <span class='st'>"line"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(<span class='kw'>defaultLocale</span> <span class='kw'>=</span> <span class='st'>"it"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span>, <span class='kw'>y</span>), <span class='st'>"line"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(defaultLocale = <span class='st'>"it"</span>)
|
||||
|
||||
|
||||
|
||||
<span class='co'># Custom config</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>x</span>, <span class='no'>y</span>), <span class='st'>"line"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(<span class='kw'>locales</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span>, <span class='kw'>y</span>), <span class='st'>"line"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_chart</span>(locales = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='st'>"en"</span>, <span class='co'># override 'en' locale</span>
|
||||
<span class='kw'>options</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>toolbar</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>exportToSVG</span> <span class='kw'>=</span> <span class='st'>"GET SVG"</span>,
|
||||
<span class='kw'>exportToPNG</span> <span class='kw'>=</span> <span class='st'>"GET PNG"</span>
|
||||
name = <span class='st'>"en"</span>, <span class='co'># override 'en' locale</span>
|
||||
options = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
toolbar = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
exportToSVG = <span class='st'>"GET SVG"</span>,
|
||||
exportToPNG = <span class='st'>"GET PNG"</span>
|
||||
)
|
||||
)
|
||||
)
|
||||
))</div></pre>
|
||||
))
|
||||
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -473,7 +475,7 @@ Available options: <code>"normal"</code> or <code>"100%"</code>.</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Colors</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_colors</span>(<span class='no'>ax</span>, <span class='no'>...</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>ax_colors</span>(<span class='kw'>ax</span>, <span class='kw'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -254,23 +254,24 @@
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, package = <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/count.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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>cut</span>, y = <span class='kw'>n</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_colors</span>(<span class='st'>"#F7D358"</span>)
|
||||
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>scales</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://scales.r-lib.org'>scales</a></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/count.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='fu'><a href='https://scales.r-lib.org//reference/brewer_pal.html'>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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>, <span class='kw'>color</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>cut</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>color</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_colors</span>(<span class='fu'><a href='https://scales.r-lib.org//reference/brewer_pal.html'>brewer_pal</a></span>(palette = <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>
|
||||
|
|
@ -291,7 +292,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,15 +231,15 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_dataLabels</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>enabled</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'>offsetX</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'>style</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>dropShadow</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='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
enabled = <span class='kw'>NULL</span>,
|
||||
textAnchor = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>,
|
||||
style = <span class='kw'>NULL</span>,
|
||||
dropShadow = <span class='kw'>NULL</span>,
|
||||
formatter = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -292,15 +292,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, package = <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/count.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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>cut</span>, y = <span class='kw'>n</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_dataLabels</span>(enabled = <span class='fl'>TRUE</span>)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -321,7 +322,7 @@ Accepted values <code>"start"</code>, <code>"middle"</code> or <code>"end"</code
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,14 +231,14 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_fill</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>opacity</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>gradient</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>image</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>pattern</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
type = <span class='kw'>NULL</span>,
|
||||
colors = <span class='kw'>NULL</span>,
|
||||
opacity = <span class='kw'>NULL</span>,
|
||||
gradient = <span class='kw'>NULL</span>,
|
||||
image = <span class='kw'>NULL</span>,
|
||||
pattern = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -287,39 +287,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, package = <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/count.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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>, <span class='kw'>color</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>color</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>cut</span>)
|
||||
) <span class='op'>%>%</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://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>style</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>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>)
|
||||
type = <span class='st'>"pattern"</span>,
|
||||
opacity = <span class='fl'>1</span>,
|
||||
pattern = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
style = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>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://rdrr.io/r/utils/data.html'>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='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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://rdrr.io/r/base/list.html'>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://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>0</span>, <span class='fl'>2000</span>)
|
||||
))</div></pre>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>psavert</span>),
|
||||
type = <span class='st'>"area"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_fill</span>(gradient = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
enabled = <span class='fl'>TRUE</span>,
|
||||
shadeIntensity = <span class='fl'>1</span>,
|
||||
inverseColors = <span class='fl'>FALSE</span>,
|
||||
opacityFrom = <span class='fl'>0</span>,
|
||||
opacityTo = <span class='fl'>1</span>,
|
||||
stops = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>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>
|
||||
|
|
@ -340,7 +341,7 @@ Available options: <code>"solid"</code>, <code>"gradient"</code>, <code>"pattern
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,17 +231,17 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_grid</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>show</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>borderColor</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>strokeDashArray</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'>xaxis</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>yaxis</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>row</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>column</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
show = <span class='kw'>NULL</span>,
|
||||
borderColor = <span class='kw'>NULL</span>,
|
||||
strokeDashArray = <span class='kw'>NULL</span>,
|
||||
position = <span class='kw'>NULL</span>,
|
||||
xaxis = <span class='kw'>NULL</span>,
|
||||
yaxis = <span class='kw'>NULL</span>,
|
||||
row = <span class='kw'>NULL</span>,
|
||||
column = <span class='kw'>NULL</span>,
|
||||
padding = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -301,35 +301,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <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/count.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>)
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_grid</span>(show = <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/count.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://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>lines</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)))
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_grid</span>(yaxis = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(lines = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(show = <span class='fl'>FALSE</span>)))
|
||||
|
||||
|
||||
<span class='co'># both x & y</span>
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>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='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>psavert</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_grid</span>(
|
||||
<span class='kw'>yaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>lines</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>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://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>lines</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>))
|
||||
)</div></pre>
|
||||
yaxis = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(lines = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(show = <span class='fl'>TRUE</span>)),
|
||||
xaxis = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(lines = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(show = <span class='fl'>TRUE</span>))
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -350,7 +351,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,9 +230,9 @@
|
|||
<p>Alternative axis labels</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_labels</span>(<span class='no'>ax</span>, <span class='no'>...</span>)
|
||||
<pre class="usage"><span class='fu'>ax_labels</span>(<span class='kw'>ax</span>, <span class='kw'>...</span>)
|
||||
|
||||
<span class='fu'>ax_labels2</span>(<span class='no'>ax</span>, <span class='no'>labels</span>)</pre>
|
||||
<span class='fu'>ax_labels2</span>(<span class='kw'>ax</span>, <span class='kw'>labels</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -260,16 +260,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>
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(type = <span class='st'>"pie"</span>) <span class='op'>%>%</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='op'>%>%</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://rdrr.io/r/base/c.html'>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://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"A"</span>, <span class='st'>"B"</span>, <span class='st'>"C"</span>))</div></pre>
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(type = <span class='st'>"pie"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series2</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>23</span>, <span class='fl'>45</span>, <span class='fl'>56</span>)) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_labels2</span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>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>
|
||||
|
|
@ -290,7 +291,7 @@ option. While, in pie/donut charts, each label corresponds to value in series ar
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Modify axis, legend, and chart labels</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_labs</span>(<span class='no'>ax</span>, <span class='kw'>title</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>subtitle</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>x</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='kw'>NULL</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>ax_labs</span>(<span class='kw'>ax</span>, title = <span class='kw'>NULL</span>, subtitle = <span class='kw'>NULL</span>, x = <span class='kw'>NULL</span>, y = <span class='kw'>NULL</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -259,19 +259,20 @@
|
|||
|
||||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'><span class='no'>meteo_paris</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>month</span> <span class='kw'>=</span> <span class='no'>month.name</span>,
|
||||
<span class='kw'>tmax</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>7</span>, <span class='fl'>8</span>, <span class='fl'>12</span>, <span class='fl'>15</span>, <span class='fl'>19</span>, <span class='fl'>23</span>, <span class='fl'>25</span>, <span class='fl'>25</span>, <span class='fl'>21</span>, <span class='fl'>16</span>, <span class='fl'>11</span>, <span class='fl'>8</span>),
|
||||
<span class='kw'>tmin</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>3</span>, <span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>7</span>, <span class='fl'>11</span>, <span class='fl'>14</span>, <span class='fl'>16</span>, <span class='fl'>16</span>, <span class='fl'>13</span>, <span class='fl'>10</span>, <span class='fl'>6</span>, <span class='fl'>3</span>)
|
||||
<pre class="examples"><div class='input'><span class='kw'>meteo_paris</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
month = <span class='kw'>month.name</span>,
|
||||
tmax = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>7</span>, <span class='fl'>8</span>, <span class='fl'>12</span>, <span class='fl'>15</span>, <span class='fl'>19</span>, <span class='fl'>23</span>, <span class='fl'>25</span>, <span class='fl'>25</span>, <span class='fl'>21</span>, <span class='fl'>16</span>, <span class='fl'>11</span>, <span class='fl'>8</span>),
|
||||
tmin = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>3</span>, <span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>7</span>, <span class='fl'>11</span>, <span class='fl'>14</span>, <span class='fl'>16</span>, <span class='fl'>16</span>, <span class='fl'>13</span>, <span class='fl'>10</span>, <span class='fl'>6</span>, <span class='fl'>3</span>)
|
||||
)
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>meteo_paris</span>, <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"column"</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>x</span> <span class='kw'>=</span> <span class='no'>month</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>tmin</span>)) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>meteo_paris</span>, type = <span class='st'>"column"</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>month</span>, y = <span class='kw'>tmin</span>)) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_labs</span>(
|
||||
<span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"Average minimal temperature in Paris"</span>,
|
||||
<span class='kw'>subtitle</span> <span class='kw'>=</span> <span class='st'>"Data from NOAA"</span>,
|
||||
<span class='kw'>x</span> <span class='kw'>=</span> <span class='st'>"Month"</span>,
|
||||
<span class='kw'>y</span> <span class='kw'>=</span> <span class='st'>"Temperature (\u00b0C)"</span>
|
||||
)</div></pre>
|
||||
title = <span class='st'>"Average minimal temperature in Paris"</span>,
|
||||
subtitle = <span class='st'>"Data from NOAA"</span>,
|
||||
x = <span class='st'>"Month"</span>,
|
||||
y = <span class='st'>"Temperature (\u00b0C)"</span>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -290,7 +291,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,26 +231,26 @@
|
|||
</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'>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>
|
||||
<span class='kw'>ax</span>,
|
||||
show = <span class='kw'>NULL</span>,
|
||||
position = <span class='kw'>NULL</span>,
|
||||
showForSingleSeries = <span class='kw'>NULL</span>,
|
||||
showForNullSeries = <span class='kw'>NULL</span>,
|
||||
showForZeroSeries = <span class='kw'>NULL</span>,
|
||||
horizontalAlign = <span class='kw'>NULL</span>,
|
||||
fontSize = <span class='kw'>NULL</span>,
|
||||
textAnchor = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
formatter = <span class='kw'>NULL</span>,
|
||||
labels = <span class='kw'>NULL</span>,
|
||||
markers = <span class='kw'>NULL</span>,
|
||||
itemMargin = <span class='kw'>NULL</span>,
|
||||
containerMargin = <span class='kw'>NULL</span>,
|
||||
onItemClick = <span class='kw'>NULL</span>,
|
||||
onItemHover = <span class='kw'>NULL</span>,
|
||||
floating = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -351,22 +351,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <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/count.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>)
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>, <span class='kw'>year</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>year</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_legend</span>(position = <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/count.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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>, <span class='kw'>year</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>year</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_legend</span>(show = <span class='fl'>FALSE</span>)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -387,7 +388,7 @@ when hovered on legend item, it will highlight the paths of the hovered series i
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,19 +231,19 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_markers</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>strokeColor</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>strokeWidth</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>strokeOpacity</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>fillOpacity</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>shape</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>radius</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'>offsetY</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>hover</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
size = <span class='kw'>NULL</span>,
|
||||
colors = <span class='kw'>NULL</span>,
|
||||
strokeColor = <span class='kw'>NULL</span>,
|
||||
strokeWidth = <span class='kw'>NULL</span>,
|
||||
strokeOpacity = <span class='kw'>NULL</span>,
|
||||
fillOpacity = <span class='kw'>NULL</span>,
|
||||
shape = <span class='kw'>NULL</span>,
|
||||
radius = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>,
|
||||
hover = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -311,15 +311,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://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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://rdrr.io/r/utils/head.html'>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>
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>tail</a></span>(<span class='kw'>economics</span>, <span class='fl'>20</span>),
|
||||
type = <span class='st'>"line"</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_markers</span>(size = <span class='fl'>6</span>)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -340,7 +341,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,15 +231,15 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_nodata</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"No data"</span>,
|
||||
<span class='kw'>align</span> <span class='kw'>=</span> <span class='st'>"center"</span>,
|
||||
<span class='kw'>verticalAlign</span> <span class='kw'>=</span> <span class='st'>"middle"</span>,
|
||||
<span class='kw'>color</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'>fontFamily</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'>offsetY</span> <span class='kw'>=</span> <span class='kw'>NULL</span>
|
||||
<span class='kw'>ax</span>,
|
||||
text = <span class='st'>"No data"</span>,
|
||||
align = <span class='st'>"center"</span>,
|
||||
verticalAlign = <span class='st'>"middle"</span>,
|
||||
color = <span class='kw'>NULL</span>,
|
||||
fontSize = <span class='kw'>NULL</span>,
|
||||
fontFamily = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -284,15 +284,16 @@
|
|||
<p>An <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='no'>empty</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>var1</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/character.html'>character</a></span>(<span class='fl'>0</span>),
|
||||
<span class='kw'>var2</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/numeric.html'>numeric</a></span>(<span class='fl'>0</span>)
|
||||
<pre class="examples"><div class='input'><span class='kw'>empty</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
var1 = <span class='fu'><a href='https://rdrr.io/r/base/character.html'>character</a></span>(<span class='fl'>0</span>),
|
||||
var2 = <span class='fu'><a href='https://rdrr.io/r/base/numeric.html'>numeric</a></span>(<span class='fl'>0</span>)
|
||||
)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>empty</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>var1</span>, <span class='no'>var2</span>), <span class='st'>"column"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>empty</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>var1</span>, <span class='kw'>var2</span>), <span class='st'>"column"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_nodata</span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Sorry no data to visualize"</span>,
|
||||
<span class='kw'>fontSize</span> <span class='kw'>=</span> <span class='st'>"30px"</span>
|
||||
)</div></pre>
|
||||
text = <span class='st'>"Sorry no data to visualize"</span>,
|
||||
fontSize = <span class='st'>"30px"</span>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -312,7 +313,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,13 +231,13 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_plotOptions</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>bar</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>heatmap</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>radialBar</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>pie</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>bubble</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
bar = <span class='kw'>NULL</span>,
|
||||
heatmap = <span class='kw'>NULL</span>,
|
||||
radialBar = <span class='kw'>NULL</span>,
|
||||
pie = <span class='kw'>NULL</span>,
|
||||
bubble = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -278,39 +278,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, package = <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/count.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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>cut</span>, y = <span class='kw'>n</span>)
|
||||
) <span class='op'>%>%</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>)
|
||||
bar = <span class='fu'><a href='bar_opts.html'>bar_opts</a></span>(endingShape = <span class='st'>"rounded"</span>, columnWidth = <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/count.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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>cut</span>, y = <span class='kw'>n</span>),
|
||||
type = <span class='st'>"pie"</span>
|
||||
) <span class='op'>%>%</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>)
|
||||
pie = <span class='fu'><a href='pie_opts.html'>pie_opts</a></span>(customScale = <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'><a href='apexchart.html'>apexchart</a></span>() <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(type = <span class='st'>"radialBar"</span>) <span class='op'>%>%</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://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>size</span> <span class='kw'>=</span> <span class='st'>"70%"</span>)
|
||||
radialBar = <span class='fu'><a href='radialBar_opts.html'>radialBar_opts</a></span>(
|
||||
hollow = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(size = <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>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series</a></span>(<span class='fl'>70</span>) <span class='op'>%>%</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>
|
||||
|
|
@ -330,7 +331,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Allows you to update the configuration object.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_proxy_options</span>(<span class='no'>proxy</span>, <span class='no'>options</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>ax_proxy_options</span>(<span class='kw'>proxy</span>, <span class='kw'>options</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -248,57 +248,59 @@
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>shiny</span>)
|
||||
|
||||
<span class='no'>ui</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/fluidPage.html'>fluidPage</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/fluidPage.html'>fluidRow</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/column.html'>column</a></span>(
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>8</span>, <span class='kw'>offset</span> <span class='kw'>=</span> <span class='fl'>2</span>,
|
||||
<span class='no'>tags</span>$<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reexports.html'>h2</a></span>(<span class='st'>"Update options"</span>),
|
||||
<span class='fu'><a href='apexcharter-shiny.html'>apexchartOutput</a></span>(<span class='kw'>outputId</span> <span class='kw'>=</span> <span class='st'>"chart"</span>),
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/checkboxInput.html'>checkboxInput</a></span>(
|
||||
<span class='kw'>inputId</span> <span class='kw'>=</span> <span class='st'>"show_label_xaxis"</span>,
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='st'>"Show x-axis labels"</span>
|
||||
<span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='http://shiny.rstudio.com'>shiny</a></span>)
|
||||
|
||||
<span class='kw'>ui</span> <span class='op'><-</span> <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/fluidPage.html'>fluidPage</a></span>(
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/fluidPage.html'>fluidRow</a></span>(
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/column.html'>column</a></span>(
|
||||
width = <span class='fl'>8</span>, offset = <span class='fl'>2</span>,
|
||||
<span class='kw'>tags</span><span class='op'>$</span><span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h2</a></span>(<span class='st'>"Update options"</span>),
|
||||
<span class='fu'><a href='apexcharter-shiny.html'>apexchartOutput</a></span>(outputId = <span class='st'>"chart"</span>),
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/checkboxInput.html'>checkboxInput</a></span>(
|
||||
inputId = <span class='st'>"show_label_xaxis"</span>,
|
||||
label = <span class='st'>"Show x-axis labels"</span>
|
||||
),
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textInput.html'>textInput</a></span>(
|
||||
<span class='kw'>inputId</span> <span class='kw'>=</span> <span class='st'>"yaxis_title"</span>,
|
||||
<span class='kw'>label</span> <span class='kw'>=</span> <span class='st'>"Y-axis title"</span>
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/textInput.html'>textInput</a></span>(
|
||||
inputId = <span class='st'>"yaxis_title"</span>,
|
||||
label = <span class='st'>"Y-axis title"</span>
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
<span class='no'>server</span> <span class='kw'><-</span> <span class='kw'>function</span>(<span class='no'>input</span>, <span class='no'>output</span>, <span class='no'>session</span>) {
|
||||
|
||||
<span class='no'>output</span>$<span class='no'>chart</span> <span class='kw'><-</span> <span class='fu'><a href='apexcharter-shiny.html'>renderApexchart</a></span>({
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"bar"</span>) <span class='kw'>%>%</span>
|
||||
<span class='kw'>server</span> <span class='op'><-</span> <span class='fu'>function</span>(<span class='kw'>input</span>, <span class='kw'>output</span>, <span class='kw'>session</span>) {
|
||||
|
||||
<span class='kw'>output</span><span class='op'>$</span><span class='kw'>chart</span> <span class='op'><-</span> <span class='fu'><a href='apexcharter-shiny.html'>renderApexchart</a></span>({
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(type = <span class='st'>"bar"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='st'>"Example"</span>,
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>23</span>, <span class='fl'>43</span>, <span class='fl'>76</span>, <span class='fl'>31</span>)
|
||||
)) <span class='kw'>%>%</span>
|
||||
name = <span class='st'>"Example"</span>,
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>23</span>, <span class='fl'>43</span>, <span class='fl'>76</span>, <span class='fl'>31</span>)
|
||||
)) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_xaxis.html'>ax_xaxis</a></span>(
|
||||
<span class='kw'>categories</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"Label A"</span>, <span class='st'>"Label B"</span>,
|
||||
categories = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"Label A"</span>, <span class='st'>"Label B"</span>,
|
||||
<span class='st'>"Label C"</span>, <span class='st'>"Label D"</span>)
|
||||
)
|
||||
})
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span>({
|
||||
<span class='fu'><a href='apexchartProxy.html'>apexchartProxy</a></span>(<span class='st'>"chart"</span>) <span class='kw'>%>%</span>
|
||||
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/observe.html'>observe</a></span>({
|
||||
<span class='fu'><a href='apexchartProxy.html'>apexchartProxy</a></span>(<span class='st'>"chart"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_proxy_options</span>(<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>xaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>show</span> <span class='kw'>=</span> <span class='no'>input</span>$<span class='no'>show_label_xaxis</span>)
|
||||
xaxis = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(show = <span class='kw'>input</span><span class='op'>$</span><span class='kw'>show_label_xaxis</span>)
|
||||
),
|
||||
<span class='kw'>yaxis</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>title</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='no'>input</span>$<span class='no'>yaxis_title</span>)
|
||||
yaxis = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <span class='kw'>input</span><span class='op'>$</span><span class='kw'>yaxis_title</span>)
|
||||
)
|
||||
))
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/shinyApp.html'>shinyApp</a></span>(<span class='kw'>ui</span>, <span class='kw'>server</span>)
|
||||
}
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span>(<span class='no'>ui</span>, <span class='no'>server</span>)
|
||||
}</div></pre>
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -317,7 +319,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Allows you to update the series array overriding the existing one.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_proxy_series</span>(<span class='no'>proxy</span>, <span class='no'>newSeries</span>, <span class='kw'>animate</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>ax_proxy_series</span>(<span class='kw'>proxy</span>, <span class='kw'>newSeries</span>, animate = <span class='fl'>TRUE</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -252,63 +252,65 @@
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>shiny</span>)
|
||||
|
||||
<span class='no'>ui</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/fluidPage.html'>fluidPage</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/fluidPage.html'>fluidRow</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/column.html'>column</a></span>(
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>8</span>, <span class='kw'>offset</span> <span class='kw'>=</span> <span class='fl'>2</span>,
|
||||
<span class='no'>tags</span>$<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reexports.html'>h2</a></span>(<span class='st'>"Real time chart"</span>),
|
||||
<span class='fu'><a href='apexcharter-shiny.html'>apexchartOutput</a></span>(<span class='kw'>outputId</span> <span class='kw'>=</span> <span class='st'>"chart"</span>)
|
||||
<span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='http://shiny.rstudio.com'>shiny</a></span>)
|
||||
|
||||
<span class='kw'>ui</span> <span class='op'><-</span> <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/fluidPage.html'>fluidPage</a></span>(
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/fluidPage.html'>fluidRow</a></span>(
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/column.html'>column</a></span>(
|
||||
width = <span class='fl'>8</span>, offset = <span class='fl'>2</span>,
|
||||
<span class='kw'>tags</span><span class='op'>$</span><span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h2</a></span>(<span class='st'>"Real time chart"</span>),
|
||||
<span class='fu'><a href='apexcharter-shiny.html'>apexchartOutput</a></span>(outputId = <span class='st'>"chart"</span>)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
<span class='no'>server</span> <span class='kw'><-</span> <span class='kw'>function</span>(<span class='no'>input</span>, <span class='no'>output</span>, <span class='no'>session</span>) {
|
||||
|
||||
<span class='no'>rv</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reactiveValues.html'>reactiveValues</a></span>()
|
||||
<span class='no'>rv</span>$<span class='no'>df</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>date</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/Sys.time.html'>Sys.Date</a></span>() + <span class='fl'>1</span>:<span class='fl'>20</span>,
|
||||
<span class='kw'>values</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>10</span>:<span class='fl'>90</span>, <span class='fl'>20</span>, <span class='fl'>TRUE</span>)
|
||||
|
||||
<span class='kw'>server</span> <span class='op'><-</span> <span class='fu'>function</span>(<span class='kw'>input</span>, <span class='kw'>output</span>, <span class='kw'>session</span>) {
|
||||
|
||||
<span class='kw'>rv</span> <span class='op'><-</span> <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/reactiveValues.html'>reactiveValues</a></span>()
|
||||
<span class='kw'>rv</span><span class='op'>$</span><span class='kw'>df</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
date = <span class='fu'><a href='https://rdrr.io/r/base/Sys.time.html'>Sys.Date</a></span>() <span class='op'>+</span> <span class='fl'>1</span><span class='op'>:</span><span class='fl'>20</span>,
|
||||
values = <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>10</span><span class='op'>:</span><span class='fl'>90</span>, <span class='fl'>20</span>, <span class='fl'>TRUE</span>)
|
||||
)
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span>({
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/invalidateLater.html'>invalidateLater</a></span>(<span class='fl'>1000</span>, <span class='no'>session</span>)
|
||||
<span class='no'>df</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/isolate.html'>isolate</a></span>(<span class='no'>rv</span>$<span class='no'>df</span>)
|
||||
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/observe.html'>observe</a></span>({
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/invalidateLater.html'>invalidateLater</a></span>(<span class='fl'>1000</span>, <span class='kw'>session</span>)
|
||||
<span class='kw'>df</span> <span class='op'><-</span> <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/isolate.html'>isolate</a></span>(<span class='kw'>rv</span><span class='op'>$</span><span class='kw'>df</span>)
|
||||
<span class='co'># Append new line of data</span>
|
||||
<span class='no'>df</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/cbind.html'>rbind</a></span>(
|
||||
<span class='no'>df</span>, <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>date</span> <span class='kw'>=</span> <span class='no'>df</span>$<span class='no'>date</span>[<span class='fu'><a href='https://rdrr.io/r/base/length.html'>length</a></span>(<span class='no'>df</span>$<span class='no'>date</span>)] + <span class='fl'>1</span>,
|
||||
<span class='kw'>values</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>10</span>:<span class='fl'>90</span>, <span class='fl'>1</span>, <span class='fl'>TRUE</span>)
|
||||
<span class='kw'>df</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/cbind.html'>rbind</a></span>(
|
||||
<span class='kw'>df</span>, <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
date = <span class='kw'>df</span><span class='op'>$</span><span class='kw'>date</span>[<span class='fu'><a href='https://rdrr.io/r/base/length.html'>length</a></span>(<span class='kw'>df</span><span class='op'>$</span><span class='kw'>date</span>)] <span class='op'>+</span> <span class='fl'>1</span>,
|
||||
values = <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>10</span><span class='op'>:</span><span class='fl'>90</span>, <span class='fl'>1</span>, <span class='fl'>TRUE</span>)
|
||||
)
|
||||
)
|
||||
<span class='no'>rv</span>$<span class='no'>df</span> <span class='kw'><-</span> <span class='no'>df</span>
|
||||
<span class='kw'>rv</span><span class='op'>$</span><span class='kw'>df</span> <span class='op'><-</span> <span class='kw'>df</span>
|
||||
})
|
||||
|
||||
<span class='no'>output</span>$<span class='no'>chart</span> <span class='kw'><-</span> <span class='fu'><a href='apexcharter-shiny.html'>renderApexchart</a></span>({
|
||||
|
||||
<span class='kw'>output</span><span class='op'>$</span><span class='kw'>chart</span> <span class='op'><-</span> <span class='fu'><a href='apexcharter-shiny.html'>renderApexchart</a></span>({
|
||||
<span class='co'># Generate chart once</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/isolate.html'>isolate</a></span>(<span class='no'>rv</span>$<span class='no'>df</span>), <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>date</span>, <span class='no'>values</span>), <span class='st'>"spline"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/isolate.html'>isolate</a></span>(<span class='kw'>rv</span><span class='op'>$</span><span class='kw'>df</span>), <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>date</span>, <span class='kw'>values</span>), <span class='st'>"spline"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_xaxis.html'>ax_xaxis</a></span>(
|
||||
<span class='kw'>range</span> <span class='kw'>=</span> <span class='fl'>10</span> * <span class='fl'>24</span> * <span class='fl'>60</span> * <span class='fl'>60</span> * <span class='fl'>1000</span>
|
||||
range = <span class='fl'>10</span> <span class='op'>*</span> <span class='fl'>24</span> <span class='op'>*</span> <span class='fl'>60</span> <span class='op'>*</span> <span class='fl'>60</span> <span class='op'>*</span> <span class='fl'>1000</span>
|
||||
<span class='co'># Fixed range for x-axis : 10 days</span>
|
||||
<span class='co'># days*hours*minutes*seconds*milliseconds</span>
|
||||
)
|
||||
})
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span>({
|
||||
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/observe.html'>observe</a></span>({
|
||||
<span class='co'># Update chart to add new data</span>
|
||||
<span class='fu'><a href='apexchartProxy.html'>apexchartProxy</a></span>(<span class='st'>"chart"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apexchartProxy.html'>apexchartProxy</a></span>(<span class='st'>"chart"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_proxy_series</span>(
|
||||
<span class='fu'><a href='parse_df.html'>parse_df</a></span>(<span class='no'>rv</span>$<span class='no'>df</span>),
|
||||
<span class='no'>T</span>
|
||||
<span class='fu'><a href='parse_df.html'>parse_df</a></span>(<span class='kw'>rv</span><span class='op'>$</span><span class='kw'>df</span>),
|
||||
<span class='kw'>T</span>
|
||||
)
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/shinyApp.html'>shinyApp</a></span>(<span class='kw'>ui</span>, <span class='kw'>server</span>)
|
||||
}
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span>(<span class='no'>ui</span>, <span class='no'>server</span>)
|
||||
}</div></pre>
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -327,7 +329,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Responsive options</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_responsive</span>(<span class='no'>ax</span>, <span class='no'>...</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>ax_responsive</span>(<span class='kw'>ax</span>, <span class='kw'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -253,31 +253,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <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/count.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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>, <span class='kw'>year</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>year</span>),
|
||||
type = <span class='st'>"bar"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_legend.html'>ax_legend</a></span>(position = <span class='st'>"right"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_responsive</span>(
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>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://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>plotOptions</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>bar</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>horizontal</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
|
||||
breakpoint = <span class='fl'>1000</span>,
|
||||
options = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
plotOptions = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
bar = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
horizontal = <span class='fl'>FALSE</span>
|
||||
)
|
||||
),
|
||||
<span class='kw'>legend</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>position</span> <span class='kw'>=</span> <span class='st'>"bottom"</span>
|
||||
legend = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
position = <span class='st'>"bottom"</span>
|
||||
)
|
||||
)
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -298,7 +299,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Charts' states</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_states</span>(<span class='no'>ax</span>, <span class='kw'>normal</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>hover</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>active</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='no'>...</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>ax_states</span>(<span class='kw'>ax</span>, normal = <span class='kw'>NULL</span>, hover = <span class='kw'>NULL</span>, active = <span class='kw'>NULL</span>, <span class='kw'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -265,22 +265,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <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/count.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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>),
|
||||
type = <span class='st'>"bar"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_states</span>(
|
||||
<span class='kw'>hover</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>filter</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"darken"</span>
|
||||
hover = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
filter = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
type = <span class='st'>"darken"</span>
|
||||
)
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -301,7 +302,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,14 +231,14 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_stroke</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>show</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>curve</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>lineCap</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>dashArray</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
show = <span class='kw'>NULL</span>,
|
||||
curve = <span class='kw'>NULL</span>,
|
||||
lineCap = <span class='kw'>NULL</span>,
|
||||
width = <span class='kw'>NULL</span>,
|
||||
colors = <span class='kw'>NULL</span>,
|
||||
dashArray = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -291,27 +291,28 @@ and <code>"round"</code> (ends the path-stroke with a radius that smooths out th
|
|||
<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://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</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>
|
||||
width = <span class='fl'>1</span>,
|
||||
dashArray = <span class='fl'>4</span>
|
||||
)
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>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='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics_long"</span>, package = <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<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>
|
||||
data = <span class='kw'>economics_long</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>value01</span>, group = <span class='kw'>variable</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_stroke</span>(
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>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://rdrr.io/r/base/c.html'>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>
|
||||
width = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>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>),
|
||||
dashArray = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>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>
|
||||
|
|
@ -332,7 +333,7 @@ and <code>"round"</code> (ends the path-stroke with a radius that smooths out th
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,15 +231,15 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_subtitle</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>align</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>margin</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'>offsetY</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='kw'>style</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
text = <span class='kw'>NULL</span>,
|
||||
align = <span class='kw'>NULL</span>,
|
||||
margin = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>,
|
||||
floating = <span class='kw'>NULL</span>,
|
||||
style = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -291,18 +291,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://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</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>
|
||||
text = <span class='st'>"Median duration of unemployment"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_subtitle</span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"in weeks"</span>
|
||||
)</div></pre>
|
||||
text = <span class='st'>"in weeks"</span>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -323,7 +324,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Theme for charts</p>
|
||||
</div>
|
||||
|
||||
<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://rdrr.io/r/base/c.html'>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>
|
||||
<pre class="usage"><span class='fu'>ax_theme</span>(<span class='kw'>ax</span>, mode = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"light"</span>, <span class='st'>"dark"</span>), palette = <span class='kw'>NULL</span>, monochrome = <span class='kw'>NULL</span>, <span class='kw'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -265,30 +265,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"diamonds"</span>, package = <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/count.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>)
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_theme</span>(mode = <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/count.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>)
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>, <span class='kw'>color</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>color</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>cut</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_theme</span>(palette = <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/count.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://rdrr.io/r/base/list.html'>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>
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>diamonds</span>, <span class='kw'>cut</span>, <span class='kw'>color</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>color</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>cut</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_theme</span>(monochrome = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(enabled = <span class='fl'>TRUE</span>, color = <span class='st'>"#0B6121"</span>))
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -309,7 +310,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,15 +231,15 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_title</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>align</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>margin</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'>offsetY</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='kw'>style</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
text = <span class='kw'>NULL</span>,
|
||||
align = <span class='kw'>NULL</span>,
|
||||
margin = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>,
|
||||
floating = <span class='kw'>NULL</span>,
|
||||
style = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -291,15 +291,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://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>uempmed</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</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>
|
||||
text = <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>
|
||||
|
|
@ -320,7 +321,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,23 +231,23 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_tooltip</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>shared</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>followCursor</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>intersect</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>inverseOrder</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>custom</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>fillSeriesColor</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>onDatasetHover</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>theme</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>x</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>y</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>z</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>marker</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>items</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>fixed</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
enabled = <span class='kw'>NULL</span>,
|
||||
shared = <span class='kw'>NULL</span>,
|
||||
followCursor = <span class='kw'>NULL</span>,
|
||||
intersect = <span class='kw'>NULL</span>,
|
||||
inverseOrder = <span class='kw'>NULL</span>,
|
||||
custom = <span class='kw'>NULL</span>,
|
||||
fillSeriesColor = <span class='kw'>NULL</span>,
|
||||
onDatasetHover = <span class='kw'>NULL</span>,
|
||||
theme = <span class='kw'>NULL</span>,
|
||||
x = <span class='kw'>NULL</span>,
|
||||
y = <span class='kw'>NULL</span>,
|
||||
z = <span class='kw'>NULL</span>,
|
||||
marker = <span class='kw'>NULL</span>,
|
||||
items = <span class='kw'>NULL</span>,
|
||||
fixed = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -331,33 +331,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <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/count.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>)
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>, <span class='kw'>year</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>year</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_tooltip</span>(enabled = <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/count.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>)
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>, <span class='kw'>year</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>, fill = <span class='kw'>year</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_tooltip</span>(shared = <span class='fl'>TRUE</span>)
|
||||
|
||||
<span class='co'># Fixed tooltip</span>
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>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='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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>
|
||||
data = <span class='kw'>economics</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>psavert</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_tooltip</span>(
|
||||
<span class='kw'>fixed</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>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>
|
||||
fixed = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(enabled = <span class='fl'>TRUE</span>, position = <span class='st'>"topLeft"</span>)
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -378,7 +379,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,22 +231,22 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_xaxis</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>categories</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'>axisBorder</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>axisTicks</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>tickAmount</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>min</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>max</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>range</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='kw'>position</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>title</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>crosshairs</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>tooltip</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
type = <span class='kw'>NULL</span>,
|
||||
categories = <span class='kw'>NULL</span>,
|
||||
labels = <span class='kw'>NULL</span>,
|
||||
axisBorder = <span class='kw'>NULL</span>,
|
||||
axisTicks = <span class='kw'>NULL</span>,
|
||||
tickAmount = <span class='kw'>NULL</span>,
|
||||
min = <span class='kw'>NULL</span>,
|
||||
max = <span class='kw'>NULL</span>,
|
||||
range = <span class='kw'>NULL</span>,
|
||||
floating = <span class='kw'>NULL</span>,
|
||||
position = <span class='kw'>NULL</span>,
|
||||
title = <span class='kw'>NULL</span>,
|
||||
crosshairs = <span class='kw'>NULL</span>,
|
||||
tooltip = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -328,64 +328,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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <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/count.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://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Car's manufacturer"</span>))
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <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/count.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://rdrr.io/r/base/list.html'>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>))
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(rotateAlways = <span class='fl'>TRUE</span>, maxHeight = <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/count.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://rdrr.io/r/base/list.html'>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>))
|
||||
data = <span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>manufacturer</span>, y = <span class='kw'>n</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(rotate = <span class='fl'>0</span>, trim = <span class='fl'>FALSE</span>))
|
||||
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>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='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics"</span>, package = <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://rdrr.io/r/utils/head.html'>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>
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>tail</a></span>(<span class='kw'>economics</span>, <span class='fl'>50</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>psavert</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(
|
||||
<span class='kw'>crosshairs</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>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://rdrr.io/r/base/list.html'>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://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>0</span>)
|
||||
crosshairs = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
opacity = <span class='fl'>1</span>,
|
||||
width = <span class='fl'>2</span>,
|
||||
fill = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(color = <span class='st'>"red"</span>),
|
||||
stroke = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(width = <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://rdrr.io/r/utils/head.html'>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>
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>tail</a></span>(<span class='kw'>economics</span>, <span class='fl'>150</span>),
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>psavert</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_xaxis</span>(
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>datetimeFormatter</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>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>
|
||||
labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
datetimeFormatter = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
year = <span class='st'>"yyyy-MM"</span>,
|
||||
month = <span class='st'>"yyyy-MM-dd"</span>,
|
||||
day = <span class='st'>"yyyy-MM-dd HH:mm"</span>
|
||||
)
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -406,7 +407,7 @@ similar to an absolutely positioned element. Set the offsetX and offsetY then to
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,19 +231,19 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_yaxis</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='kw'>opposite</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>tickAmount</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>max</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>min</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='kw'>labels</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>axisBorder</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>axisTicks</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>title</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>tooltip</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>crosshairs</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
<span class='kw'>ax</span>,
|
||||
opposite = <span class='kw'>NULL</span>,
|
||||
tickAmount = <span class='kw'>NULL</span>,
|
||||
max = <span class='kw'>NULL</span>,
|
||||
min = <span class='kw'>NULL</span>,
|
||||
floating = <span class='kw'>NULL</span>,
|
||||
labels = <span class='kw'>NULL</span>,
|
||||
axisBorder = <span class='kw'>NULL</span>,
|
||||
axisTicks = <span class='kw'>NULL</span>,
|
||||
title = <span class='kw'>NULL</span>,
|
||||
tooltip = <span class='kw'>NULL</span>,
|
||||
crosshairs = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -312,27 +312,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://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics_long"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics_long"</span>, package = <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<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>
|
||||
data = <span class='kw'>economics_long</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>value01</span>, group = <span class='kw'>variable</span>),
|
||||
type = <span class='st'>"line"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_yaxis</span>(
|
||||
<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://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Rescaled to [0,1]"</span>)
|
||||
decimalsInFloat = <span class='fl'>2</span>, title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <span class='st'>"Rescaled to [0,1]"</span>)
|
||||
)
|
||||
|
||||
|
||||
<span class='co'># Format tick labels</span>
|
||||
<span class='no'>temperature</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>month</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>head</a></span>(<span class='no'>month.name</span>),
|
||||
<span class='kw'>tp</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>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='kw'>temperature</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
month = <span class='fu'><a href='https://rdrr.io/r/utils/head.html'>head</a></span>(<span class='kw'>month.name</span>),
|
||||
tp = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>4</span>, <span class='op'>-</span><span class='fl'>2</span>, <span class='fl'>2</span>, <span class='fl'>7</span>, <span class='fl'>11</span>, <span class='fl'>14</span>)
|
||||
)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='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'><a href='apex.html'>apex</a></span>(<span class='kw'>temperature</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>month</span>, <span class='kw'>tp</span>), <span class='st'>"line"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_yaxis</span>(
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>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://rdrr.io/pkg/htmlwidgets/man/JS.html'>JS</a></span>(<span class='st'>"function(value) {return value + '\u00b0C';}"</span>)
|
||||
labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
formatter = <span class='kw'>htmlwidgets</span>::<span class='fu'><a href='https://rdrr.io/pkg/htmlwidgets/man/JS.html'>JS</a></span>(<span class='st'>"function(value) {return value + '\u00b0C';}"</span>)
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -353,7 +354,7 @@ similar to an absolutely positioned element. Set the offsetX and offsetY then to
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Secondary Y-axis options</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>ax_yaxis2</span>(<span class='no'>ax</span>, <span class='no'>...</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>ax_yaxis2</span>(<span class='kw'>ax</span>, <span class='kw'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -250,54 +250,55 @@
|
|||
<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://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics_long"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"economics_long"</span>, package = <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='no'>eco</span> <span class='kw'><-</span> <span class='no'>economics_long</span> <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='https://dplyr.tidyverse.org/reference/filter.html'>filter</a></span>(<span class='no'>variable</span> <span class='kw'>%in%</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"pce"</span>, <span class='st'>"pop"</span>)) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='https://dplyr.tidyverse.org/reference/mutate.html'>mutate</a></span>(<span class='kw'>value</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/Round.html'>round</a></span>(<span class='no'>value</span>))
|
||||
<span class='kw'>eco</span> <span class='op'><-</span> <span class='kw'>economics_long</span> <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='https://dplyr.tidyverse.org/reference/filter.html'>filter</a></span>(<span class='kw'>variable</span> <span class='op'>%in%</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"pce"</span>, <span class='st'>"pop"</span>)) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='https://dplyr.tidyverse.org/reference/mutate.html'>mutate</a></span>(value = <span class='fu'><a href='https://rdrr.io/r/base/Round.html'>round</a></span>(<span class='kw'>value</span>))
|
||||
|
||||
<span class='co'># add second y-axis</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>eco</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'>value</span>, <span class='kw'>color</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'><a href='ax_yaxis.html'>ax_yaxis</a></span>(<span class='kw'>title</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Pce"</span>)) <span class='kw'>%>%</span>
|
||||
<span class='fu'>ax_yaxis2</span>(<span class='kw'>opposite</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>, <span class='kw'>title</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Pop"</span>))
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>eco</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>value</span>, color = <span class='kw'>variable</span>), type = <span class='st'>"line"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <span class='st'>"Pce"</span>)) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_yaxis2</span>(opposite = <span class='fl'>TRUE</span>, title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <span class='st'>"Pop"</span>))
|
||||
|
||||
<span class='co'># Customize axis a bit more</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>eco</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'>value</span>, <span class='kw'>color</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'><a href='apex.html'>apex</a></span>(<span class='kw'>eco</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>date</span>, y = <span class='kw'>value</span>, color = <span class='kw'>variable</span>), type = <span class='st'>"line"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(
|
||||
<span class='kw'>title</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Pce"</span>),
|
||||
<span class='kw'>axisBorder</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#008FFB"</span>
|
||||
title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <span class='st'>"Pce"</span>),
|
||||
axisBorder = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
show = <span class='fl'>TRUE</span>,
|
||||
color = <span class='st'>"#008FFB"</span>
|
||||
),
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>style</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='st'>"#008FFB"</span>
|
||||
labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
style = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
colors = <span class='st'>"#008FFB"</span>
|
||||
)
|
||||
),
|
||||
<span class='kw'>tooltip</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
|
||||
tooltip = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
enabled = <span class='fl'>TRUE</span>
|
||||
)
|
||||
) <span class='kw'>%>%</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'>ax_yaxis2</span>(
|
||||
<span class='kw'>opposite</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>min</span> <span class='kw'>=</span> <span class='fl'>160000</span>,
|
||||
<span class='kw'>forceNiceScale</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>title</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>text</span> <span class='kw'>=</span> <span class='st'>"Pop"</span>),
|
||||
<span class='kw'>axisBorder</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>show</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#00E396"</span>
|
||||
opposite = <span class='fl'>TRUE</span>,
|
||||
min = <span class='fl'>160000</span>,
|
||||
forceNiceScale = <span class='fl'>TRUE</span>,
|
||||
title = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(text = <span class='st'>"Pop"</span>),
|
||||
axisBorder = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
show = <span class='fl'>TRUE</span>,
|
||||
color = <span class='st'>"#00E396"</span>
|
||||
),
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>style</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='st'>"#00E396"</span>
|
||||
labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
style = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
colors = <span class='st'>"#00E396"</span>
|
||||
)
|
||||
),
|
||||
<span class='kw'>tooltip</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>enabled</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
|
||||
tooltip = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
enabled = <span class='fl'>TRUE</span>
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -317,7 +318,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,14 +231,14 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>bar_opts</span>(
|
||||
<span class='kw'>horizontal</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>endingShape</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>columnWidth</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>barHeight</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>distributed</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>colors</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>dataLabels</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
horizontal = <span class='kw'>NULL</span>,
|
||||
endingShape = <span class='kw'>NULL</span>,
|
||||
columnWidth = <span class='kw'>NULL</span>,
|
||||
barHeight = <span class='kw'>NULL</span>,
|
||||
distributed = <span class='kw'>NULL</span>,
|
||||
colors = <span class='kw'>NULL</span>,
|
||||
dataLabels = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -287,17 +287,19 @@
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>), <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>manufacturer</span>, <span class='no'>n</span>)) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>manufacturer</span>), <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>manufacturer</span>, <span class='kw'>n</span>)) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_plotOptions.html'>ax_plotOptions</a></span>(
|
||||
<span class='kw'>bar</span> <span class='kw'>=</span> <span class='fu'>bar_opts</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='fl'>100</span>,
|
||||
<span class='kw'>distributed</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
|
||||
bar = <span class='fu'>bar_opts</span>(
|
||||
endingShape = <span class='st'>"rounded"</span>,
|
||||
columnWidth = <span class='fl'>100</span>,
|
||||
distributed = <span class='fl'>TRUE</span>
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -318,7 +320,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Use these options in <code><a href='ax_plotOptions.html'>ax_plotOptions</a></code>.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>bubble_opts</span>(<span class='no'>minBubbleRadius</span>, <span class='no'>maxBubbleRadius</span>, <span class='no'>...</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>bubble_opts</span>(<span class='kw'>minBubbleRadius</span>, <span class='kw'>maxBubbleRadius</span>, <span class='kw'>...</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -260,16 +260,17 @@ If a bubble value is too large to cover the chart, this size will be used.</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='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='no'>mtcars</span>,
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"scatter"</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'>wt</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>mpg</span>, <span class='kw'>z</span> <span class='kw'>=</span> <span class='no'>qsec</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
data = <span class='kw'>mtcars</span>,
|
||||
type = <span class='st'>"scatter"</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>wt</span>, y = <span class='kw'>mpg</span>, z = <span class='kw'>qsec</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_plotOptions.html'>ax_plotOptions</a></span>(
|
||||
<span class='kw'>bubble</span> <span class='kw'>=</span> <span class='fu'>bubble_opts</span>(
|
||||
<span class='kw'>minBubbleRadius</span> <span class='kw'>=</span> <span class='fl'>1</span>,
|
||||
<span class='kw'>maxBubbleRadius</span> <span class='kw'>=</span> <span class='fl'>20</span>
|
||||
bubble = <span class='fu'>bubble_opts</span>(
|
||||
minBubbleRadius = <span class='fl'>1</span>,
|
||||
maxBubbleRadius = <span class='fl'>20</span>
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -290,7 +291,7 @@ If a bubble value is too large to cover the chart, this size will be used.</p></
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Candlestick demo data</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='no'>candles</span></pre>
|
||||
<pre class="usage"><span class='kw'>candles</span></pre>
|
||||
|
||||
|
||||
<h2 class="hasAnchor" id="format"><a class="anchor" href="#format"></a>Format</h2>
|
||||
|
|
@ -266,7 +266,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Average temperature and precipitation in Paris for the period 1971-2000.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='no'>climate_paris</span></pre>
|
||||
<pre class="usage"><span class='kw'>climate_paris</span></pre>
|
||||
|
||||
|
||||
<h2 class="hasAnchor" id="format"><a class="anchor" href="#format"></a>Format</h2>
|
||||
|
|
@ -264,7 +264,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,11 +231,11 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>config_update</span>(
|
||||
<span class='kw'>series_animate</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>update_options</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
|
||||
<span class='kw'>options_animate</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>options_redrawPaths</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
|
||||
<span class='kw'>update_synced_charts</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>
|
||||
series_animate = <span class='fl'>TRUE</span>,
|
||||
update_options = <span class='fl'>FALSE</span>,
|
||||
options_animate = <span class='fl'>TRUE</span>,
|
||||
options_redrawPaths = <span class='fl'>TRUE</span>,
|
||||
update_synced_charts = <span class='fl'>FALSE</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -285,7 +285,7 @@ also update when one chart in a group is updated.</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Electricity consumption per day in France for january and february of year 2020.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='no'>consumption</span></pre>
|
||||
<pre class="usage"><span class='kw'>consumption</span></pre>
|
||||
|
||||
|
||||
<h2 class="hasAnchor" id="format"><a class="anchor" href="#format"></a>Format</h2>
|
||||
|
|
@ -264,7 +264,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,19 +231,19 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>events_opts</span>(
|
||||
<span class='kw'>click</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>beforeMount</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>mounted</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>updated</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>legendClick</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>selection</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>dataPointSelection</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>dataPointMouseEnter</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>dataPointMouseLeave</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>beforeZoom</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>zoomed</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>scrolled</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
click = <span class='kw'>NULL</span>,
|
||||
beforeMount = <span class='kw'>NULL</span>,
|
||||
mounted = <span class='kw'>NULL</span>,
|
||||
updated = <span class='kw'>NULL</span>,
|
||||
legendClick = <span class='kw'>NULL</span>,
|
||||
selection = <span class='kw'>NULL</span>,
|
||||
dataPointSelection = <span class='kw'>NULL</span>,
|
||||
dataPointMouseEnter = <span class='kw'>NULL</span>,
|
||||
dataPointMouseLeave = <span class='kw'>NULL</span>,
|
||||
beforeZoom = <span class='kw'>NULL</span>,
|
||||
zoomed = <span class='kw'>NULL</span>,
|
||||
scrolled = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -313,52 +313,53 @@
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>shiny</span>)
|
||||
|
||||
<span class='no'>ui</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/fluidPage.html'>fluidPage</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/fluidPage.html'>fluidRow</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/column.html'>column</a></span>(
|
||||
<span class='kw'>width</span> <span class='kw'>=</span> <span class='fl'>8</span>, <span class='kw'>offset</span> <span class='kw'>=</span> <span class='fl'>2</span>,
|
||||
<span class='no'>tags</span>$<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reexports.html'>h2</a></span>(<span class='st'>"Apexchart in Shiny"</span>),
|
||||
<span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='http://shiny.rstudio.com'>shiny</a></span>)
|
||||
|
||||
<span class='kw'>ui</span> <span class='op'><-</span> <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/fluidPage.html'>fluidPage</a></span>(
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/fluidPage.html'>fluidRow</a></span>(
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/column.html'>column</a></span>(
|
||||
width = <span class='fl'>8</span>, offset = <span class='fl'>2</span>,
|
||||
<span class='kw'>tags</span><span class='op'>$</span><span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h2</a></span>(<span class='st'>"Apexchart in Shiny"</span>),
|
||||
<span class='fu'><a href='apexcharter-shiny.html'>apexchartOutput</a></span>(<span class='st'>"chart"</span>),
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textOutput.html'>verbatimTextOutput</a></span>(<span class='kw'>outputId</span> <span class='kw'>=</span> <span class='st'>"res_click"</span>)
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/textOutput.html'>verbatimTextOutput</a></span>(outputId = <span class='st'>"res_click"</span>)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
<span class='no'>server</span> <span class='kw'><-</span> <span class='kw'>function</span>(<span class='no'>input</span>, <span class='no'>output</span>, <span class='no'>session</span>) {
|
||||
|
||||
<span class='no'>output</span>$<span class='no'>chart</span> <span class='kw'><-</span> <span class='fu'><a href='apexcharter-shiny.html'>renderApexchart</a></span>({
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='kw'>%>%</span>
|
||||
|
||||
<span class='kw'>server</span> <span class='op'><-</span> <span class='fu'>function</span>(<span class='kw'>input</span>, <span class='kw'>output</span>, <span class='kw'>session</span>) {
|
||||
|
||||
<span class='kw'>output</span><span class='op'>$</span><span class='kw'>chart</span> <span class='op'><-</span> <span class='fu'><a href='apexcharter-shiny.html'>renderApexchart</a></span>({
|
||||
<span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"bar"</span>,
|
||||
<span class='kw'>events</span> <span class='kw'>=</span> <span class='fu'>events_opts</span>(
|
||||
<span class='kw'>dataPointSelection</span> <span class='kw'>=</span> <span class='fu'><a href='apexcharter-exports.html'>JS</a></span>(
|
||||
type = <span class='st'>"bar"</span>,
|
||||
events = <span class='fu'>events_opts</span>(
|
||||
dataPointSelection = <span class='fu'><a href='apexcharter-exports.html'>JS</a></span>(
|
||||
<span class='st'>"function(event, chartContext, config) {
|
||||
Shiny.setInputValue('click', config.selectedDataPoints)
|
||||
}"</span>
|
||||
)
|
||||
)
|
||||
)
|
||||
) <span class='kw'>%>%</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='st'>"Example"</span>,
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span>:<span class='fl'>100</span>, <span class='fl'>5</span>)
|
||||
name = <span class='st'>"Example"</span>,
|
||||
data = <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span><span class='op'>:</span><span class='fl'>100</span>, <span class='fl'>5</span>)
|
||||
)
|
||||
) <span class='kw'>%>%</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_xaxis.html'>ax_xaxis</a></span>(
|
||||
<span class='kw'>categories</span> <span class='kw'>=</span> <span class='no'>LETTERS</span>[<span class='fl'>1</span>:<span class='fl'>5</span>]
|
||||
categories = <span class='kw'>LETTERS</span>[<span class='fl'>1</span><span class='op'>:</span><span class='fl'>5</span>]
|
||||
)
|
||||
})
|
||||
|
||||
<span class='no'>output</span>$<span class='no'>res_click</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPrint.html'>renderPrint</a></span>({
|
||||
<span class='no'>input</span>$<span class='no'>click</span>
|
||||
|
||||
<span class='kw'>output</span><span class='op'>$</span><span class='kw'>res_click</span> <span class='op'><-</span> <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/renderPrint.html'>renderPrint</a></span>({
|
||||
<span class='kw'>input</span><span class='op'>$</span><span class='kw'>click</span>
|
||||
})
|
||||
}
|
||||
|
||||
<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span>(<span class='no'>ui</span>, <span class='no'>server</span>)
|
||||
}</div></pre>
|
||||
|
||||
<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/shinyApp.html'>shinyApp</a></span>(<span class='kw'>ui</span>, <span class='kw'>server</span>)
|
||||
}
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -379,7 +380,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Format date in JS</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>format_date</span>(<span class='no'>x</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>format_date</span>(<span class='kw'>x</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -263,7 +263,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Format numbers (with D3)</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>format_num</span>(<span class='no'>format</span>, <span class='kw'>prefix</span> <span class='kw'>=</span> <span class='st'>""</span>, <span class='kw'>suffix</span> <span class='kw'>=</span> <span class='st'>""</span>, <span class='kw'>locale</span> <span class='kw'>=</span> <span class='st'>"en-US"</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>format_num</span>(<span class='kw'>format</span>, prefix = <span class='st'>""</span>, suffix = <span class='st'>""</span>, locale = <span class='st'>"en-US"</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -261,64 +261,66 @@ see possible values here: <a href='https://github.com/d3/d3-format/tree/master/l
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'><span class='co'># Use SI prefix</span>
|
||||
<span class='no'>dat</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"apex"</span>, <span class='st'>"charts"</span>),
|
||||
<span class='kw'>values</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>1e4</span>, <span class='fl'>2e4</span>)
|
||||
<span class='kw'>dat</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
labels = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"apex"</span>, <span class='st'>"charts"</span>),
|
||||
values = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>1e4</span>, <span class='fl'>2e4</span>)
|
||||
)
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>labels</span>, <span class='no'>values</span>), <span class='st'>"column"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>formatter</span> <span class='kw'>=</span> <span class='fu'>format_num</span>(<span class='st'>"~s"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>labels</span>, <span class='kw'>values</span>), <span class='st'>"column"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
formatter = <span class='fu'>format_num</span>(<span class='st'>"~s"</span>)
|
||||
))
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>labels</span>, <span class='no'>values</span> * <span class='fl'>100</span>), <span class='st'>"column"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>formatter</span> <span class='kw'>=</span> <span class='fu'>format_num</span>(<span class='st'>"~s"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>labels</span>, <span class='kw'>values</span> <span class='op'>*</span> <span class='fl'>100</span>), <span class='st'>"column"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
formatter = <span class='fu'>format_num</span>(<span class='st'>"~s"</span>)
|
||||
))
|
||||
|
||||
|
||||
<span class='co'># Percentage</span>
|
||||
<span class='no'>dat</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"apex"</span>, <span class='st'>"charts"</span>),
|
||||
<span class='kw'>values</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>0.45</span>, <span class='fl'>0.55</span>)
|
||||
<span class='kw'>dat</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
labels = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"apex"</span>, <span class='st'>"charts"</span>),
|
||||
values = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>0.45</span>, <span class='fl'>0.55</span>)
|
||||
)
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>labels</span>, <span class='no'>values</span>), <span class='st'>"column"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>formatter</span> <span class='kw'>=</span> <span class='fu'>format_num</span>(<span class='st'>".0%"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>labels</span>, <span class='kw'>values</span>), <span class='st'>"column"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
formatter = <span class='fu'>format_num</span>(<span class='st'>".0%"</span>)
|
||||
))
|
||||
|
||||
|
||||
<span class='co'># Currency</span>
|
||||
<span class='no'>dat</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"apex"</span>, <span class='st'>"charts"</span>),
|
||||
<span class='kw'>values</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>570</span>, <span class='fl'>1170</span>)
|
||||
<span class='kw'>dat</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
labels = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"apex"</span>, <span class='st'>"charts"</span>),
|
||||
values = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>570</span>, <span class='fl'>1170</span>)
|
||||
)
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>labels</span>, <span class='no'>values</span>), <span class='st'>"column"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>formatter</span> <span class='kw'>=</span> <span class='fu'>format_num</span>(<span class='st'>"$,.2f"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>labels</span>, <span class='kw'>values</span>), <span class='st'>"column"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
formatter = <span class='fu'>format_num</span>(<span class='st'>"$,.2f"</span>)
|
||||
))
|
||||
|
||||
<span class='co'># Change locale</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>labels</span>, <span class='no'>values</span>), <span class='st'>"column"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>formatter</span> <span class='kw'>=</span> <span class='fu'>format_num</span>(<span class='st'>"$,.2f"</span>, <span class='kw'>locale</span> <span class='kw'>=</span> <span class='st'>"fr-FR"</span>)
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>labels</span>, <span class='kw'>values</span>), <span class='st'>"column"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_yaxis.html'>ax_yaxis</a></span>(labels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
formatter = <span class='fu'>format_num</span>(<span class='st'>"$,.2f"</span>, locale = <span class='st'>"fr-FR"</span>)
|
||||
))
|
||||
|
||||
|
||||
|
||||
<span class='co'># Customize tooltip value</span>
|
||||
<span class='co'># Use SI prefix</span>
|
||||
<span class='no'>dat</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>labels</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"apex"</span>, <span class='st'>"charts"</span>),
|
||||
<span class='kw'>values</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>1e4</span>, <span class='fl'>2e4</span>)
|
||||
<span class='kw'>dat</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
labels = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"apex"</span>, <span class='st'>"charts"</span>),
|
||||
values = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>1e4</span>, <span class='fl'>2e4</span>)
|
||||
)
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='no'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>labels</span>, <span class='no'>values</span>), <span class='st'>"column"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='ax_tooltip.html'>ax_tooltip</a></span>(<span class='kw'>y</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>formatter</span> <span class='kw'>=</span> <span class='fu'>format_num</span>(<span class='st'>","</span>, <span class='kw'>suffix</span> <span class='kw'>=</span> <span class='st'>" GW/h"</span>)
|
||||
))</div></pre>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='kw'>dat</span>, <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>labels</span>, <span class='kw'>values</span>), <span class='st'>"column"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_tooltip.html'>ax_tooltip</a></span>(y = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
formatter = <span class='fu'>format_num</span>(<span class='st'>","</span>, suffix = <span class='st'>" GW/h"</span>)
|
||||
))
|
||||
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -338,7 +340,7 @@ see possible values here: <a href='https://github.com/d3/d3-format/tree/master/l
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,11 +231,11 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>heatmap_opts</span>(
|
||||
<span class='kw'>radius</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>enableShades</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>shadeIntensity</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>colorScale</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
radius = <span class='kw'>NULL</span>,
|
||||
enableShades = <span class='kw'>NULL</span>,
|
||||
shadeIntensity = <span class='kw'>NULL</span>,
|
||||
colorScale = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -272,28 +272,30 @@
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='no'>df</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/expand.grid.html'>expand.grid</a></span>(
|
||||
<span class='kw'>month</span> <span class='kw'>=</span> <span class='no'>month.name</span>,
|
||||
<span class='kw'>person</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"Obi-Wan"</span>, <span class='st'>"Luke"</span>, <span class='st'>"Anakin"</span>, <span class='st'>"Leia"</span>)
|
||||
<span class='kw'>df</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/expand.grid.html'>expand.grid</a></span>(
|
||||
month = <span class='kw'>month.name</span>,
|
||||
person = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"Obi-Wan"</span>, <span class='st'>"Luke"</span>, <span class='st'>"Anakin"</span>, <span class='st'>"Leia"</span>)
|
||||
)
|
||||
<span class='no'>df</span>$<span class='no'>value</span> <span class='kw'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>0</span>:<span class='fl'>1</span>, <span class='fu'><a href='https://rdrr.io/r/base/nrow.html'>nrow</a></span>(<span class='no'>df</span>), <span class='fl'>TRUE</span>)
|
||||
<span class='kw'>df</span><span class='op'>$</span><span class='kw'>value</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>0</span><span class='op'>:</span><span class='fl'>1</span>, <span class='fu'><a href='https://rdrr.io/r/base/nrow.html'>nrow</a></span>(<span class='kw'>df</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='no'>df</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'>month</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='no'>person</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>value</span>),
|
||||
<span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"heatmap"</span>
|
||||
) <span class='kw'>%>%</span>
|
||||
data = <span class='kw'>df</span>,
|
||||
mapping = <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(x = <span class='kw'>month</span>, y = <span class='kw'>person</span>, fill = <span class='kw'>value</span>),
|
||||
type = <span class='st'>"heatmap"</span>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_plotOptions.html'>ax_plotOptions</a></span>(
|
||||
<span class='kw'>heatmap</span> <span class='kw'>=</span> <span class='fu'>heatmap_opts</span>(
|
||||
<span class='kw'>enableShades</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
|
||||
<span class='kw'>colorScale</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>ranges</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>from</span> <span class='kw'>=</span> <span class='fl'>0</span>, <span class='kw'>to</span> <span class='kw'>=</span> <span class='fl'>0.5</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#FF0000"</span>),
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>from</span> <span class='kw'>=</span> <span class='fl'>0.5</span>, <span class='kw'>to</span> <span class='kw'>=</span> <span class='fl'>1</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"#088A08"</span>)
|
||||
heatmap = <span class='fu'>heatmap_opts</span>(
|
||||
enableShades = <span class='fl'>FALSE</span>,
|
||||
colorScale = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
ranges = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(from = <span class='fl'>0</span>, to = <span class='fl'>0.5</span>, color = <span class='st'>"#FF0000"</span>),
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(from = <span class='fl'>0.5</span>, to = <span class='fl'>1</span>, color = <span class='st'>"#088A08"</span>)
|
||||
)
|
||||
)
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -314,7 +316,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -149,11 +149,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -248,7 +248,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,20 +231,20 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>label</span>(
|
||||
<span class='kw'>text</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>borderColor</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>borderWidth</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'>position</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'>offsetY</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>background</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>color</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'>fontWeight</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>fontFamily</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>cssClass</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>padding</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>2</span>, <span class='fl'>5</span>, <span class='fl'>2</span>, <span class='fl'>5</span>)
|
||||
text = <span class='kw'>NULL</span>,
|
||||
borderColor = <span class='kw'>NULL</span>,
|
||||
borderWidth = <span class='kw'>NULL</span>,
|
||||
textAnchor = <span class='kw'>NULL</span>,
|
||||
position = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>,
|
||||
background = <span class='kw'>NULL</span>,
|
||||
color = <span class='kw'>NULL</span>,
|
||||
fontSize = <span class='kw'>NULL</span>,
|
||||
fontWeight = <span class='kw'>NULL</span>,
|
||||
fontFamily = <span class='kw'>NULL</span>,
|
||||
cssClass = <span class='kw'>NULL</span>,
|
||||
padding = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>2</span>, <span class='fl'>5</span>, <span class='fl'>2</span>, <span class='fl'>5</span>)
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -330,7 +330,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>Convert a <code>data.frame</code> to a <code>list</code> — parse_df • apexcharter</title>
|
||||
<title>Convert a data.frame to a list — parse_df • apexcharter</title>
|
||||
|
||||
|
||||
<!-- jquery -->
|
||||
|
|
@ -116,7 +116,7 @@
|
|||
|
||||
|
||||
|
||||
<meta property="og:title" content="Convert a <code>data.frame</code> to a <code>list</code> — parse_df" />
|
||||
<meta property="og:title" content="Convert a data.frame to a list — parse_df" />
|
||||
<meta property="og:description" content="Convert data to a format suitable for ApexCharts.js" />
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Convert data to a format suitable for ApexCharts.js</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>parse_df</span>(<span class='no'>data</span>, <span class='kw'>add_names</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)</pre>
|
||||
<pre class="usage"><span class='fu'>parse_df</span>(<span class='kw'>data</span>, add_names = <span class='fl'>FALSE</span>)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -253,7 +253,8 @@ reuse <code>data</code> names or a character vector of new names.</p></td>
|
|||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='co'># All iris dataset</span>
|
||||
<span class='fu'>parse_df</span>(<span class='no'>iris</span>)</div><div class='output co'>#> [[1]]
|
||||
<span class='fu'>parse_df</span>(<span class='kw'>iris</span>)
|
||||
</div><div class='output co'>#> [[1]]
|
||||
#> [[1]][[1]]
|
||||
#> [1] 5.1
|
||||
#>
|
||||
|
|
@ -2804,7 +2805,8 @@ reuse <code>data</code> names or a character vector of new names.</p></td>
|
|||
#>
|
||||
#> </div><div class='input'>
|
||||
<span class='co'># Keep variables names</span>
|
||||
<span class='fu'>parse_df</span>(<span class='no'>iris</span>[, <span class='fl'>1</span>:<span class='fl'>2</span>], <span class='kw'>add_names</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)</div><div class='output co'>#> [[1]]
|
||||
<span class='fu'>parse_df</span>(<span class='kw'>iris</span>[, <span class='fl'>1</span><span class='op'>:</span><span class='fl'>2</span>], add_names = <span class='fl'>TRUE</span>)
|
||||
</div><div class='output co'>#> [[1]]
|
||||
#> [[1]]$Sepal.Length
|
||||
#> [1] 5.1
|
||||
#>
|
||||
|
|
@ -4006,7 +4008,8 @@ reuse <code>data</code> names or a character vector of new names.</p></td>
|
|||
#> </div><div class='input'>
|
||||
<span class='co'># Use custom names</span>
|
||||
|
||||
<span class='fu'>parse_df</span>(<span class='no'>iris</span>[, <span class='fl'>1</span>:<span class='fl'>2</span>], <span class='kw'>add_names</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"x"</span>, <span class='st'>"y"</span>))</div><div class='output co'>#> [[1]]
|
||||
<span class='fu'>parse_df</span>(<span class='kw'>iris</span>[, <span class='fl'>1</span><span class='op'>:</span><span class='fl'>2</span>], add_names = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"x"</span>, <span class='st'>"y"</span>))
|
||||
</div><div class='output co'>#> [[1]]
|
||||
#> [[1]]$x
|
||||
#> [1] 5.1
|
||||
#>
|
||||
|
|
@ -5226,7 +5229,7 @@ reuse <code>data</code> names or a character vector of new names.</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,13 +231,13 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>pie_opts</span>(
|
||||
<span class='kw'>size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>donut</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>customScale</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'>offsetY</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>dataLabels</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
size = <span class='kw'>NULL</span>,
|
||||
donut = <span class='kw'>NULL</span>,
|
||||
customScale = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>,
|
||||
dataLabels = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -283,15 +283,16 @@ and <code>background</code> (The background color of the pie).</p></td>
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>dplyr</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, <span class='kw'>package</span> <span class='kw'>=</span> <span class='st'>"ggplot2"</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://dplyr.tidyverse.org'>dplyr</a></span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span>(<span class='st'>"mpg"</span>, package = <span class='st'>"ggplot2"</span>)
|
||||
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>cyl</span>), <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>cyl</span>, <span class='no'>n</span>), <span class='kw'>type</span> <span class='kw'>=</span> <span class='st'>"donut"</span>) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='fu'><a href='https://dplyr.tidyverse.org/reference/count.html'>count</a></span>(<span class='kw'>mpg</span>, <span class='kw'>cyl</span>), <span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>cyl</span>, <span class='kw'>n</span>), type = <span class='st'>"donut"</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_plotOptions.html'>ax_plotOptions</a></span>(
|
||||
<span class='kw'>pie</span> <span class='kw'>=</span> <span class='fu'>pie_opts</span>(
|
||||
<span class='kw'>donut</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(<span class='kw'>size</span> <span class='kw'>=</span> <span class='st'>"90%"</span>, <span class='kw'>background</span> <span class='kw'>=</span> <span class='st'>"#BABABA"</span>)
|
||||
pie = <span class='fu'>pie_opts</span>(
|
||||
donut = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(size = <span class='st'>"90%"</span>, background = <span class='st'>"#BABABA"</span>)
|
||||
)
|
||||
)</div></pre>
|
||||
)
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -312,7 +313,7 @@ and <code>background</code> (The background color of the pie).</p></td>
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -231,16 +231,16 @@
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>radialBar_opts</span>(
|
||||
<span class='kw'>size</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>inverseOrder</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>startAngle</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>endAngle</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'>offsetY</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>hollow</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>track</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='kw'>dataLabels</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
|
||||
<span class='no'>...</span>
|
||||
size = <span class='kw'>NULL</span>,
|
||||
inverseOrder = <span class='kw'>NULL</span>,
|
||||
startAngle = <span class='kw'>NULL</span>,
|
||||
endAngle = <span class='kw'>NULL</span>,
|
||||
offsetX = <span class='kw'>NULL</span>,
|
||||
offsetY = <span class='kw'>NULL</span>,
|
||||
hollow = <span class='kw'>NULL</span>,
|
||||
track = <span class='kw'>NULL</span>,
|
||||
dataLabels = <span class='kw'>NULL</span>,
|
||||
<span class='kw'>...</span>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -296,30 +296,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>
|
||||
<pre class="examples"><div class='input'><span class='fu'><a href='apexchart.html'>apexchart</a></span>() <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_chart.html'>ax_chart</a></span>(type = <span class='st'>"radialBar"</span>) <span class='op'>%>%</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://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>name</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
<span class='kw'>fontSize</span> <span class='kw'>=</span> <span class='st'>"16px"</span>,
|
||||
radialBar = <span class='fu'>radialBar_opts</span>(
|
||||
startAngle = <span class='op'>-</span><span class='fl'>135</span>,
|
||||
endAngle = <span class='fl'>135</span>,
|
||||
dataLabels = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
name = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
fontSize = <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>
|
||||
offsetY = <span class='fl'>120</span>
|
||||
),
|
||||
<span class='kw'>value</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>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>,
|
||||
value = <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span>(
|
||||
offsetY = <span class='fl'>76</span>,
|
||||
fontSize = <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://rdrr.io/pkg/htmlwidgets/man/JS.html'>JS</a></span>(<span class='st'>"function (val) {return val + '%';}"</span>)
|
||||
formatter = <span class='kw'>htmlwidgets</span>::<span class='fu'><a href='https://rdrr.io/pkg/htmlwidgets/man/JS.html'>JS</a></span>(<span class='st'>"function (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>
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax_stroke.html'>ax_stroke</a></span>(dashArray = <span class='fl'>4</span>) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='ax-series.html'>ax_series</a></span>(<span class='fl'>70</span>) <span class='op'>%>%</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>
|
||||
|
|
@ -340,7 +341,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
<p>Run Shiny input events examples</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>run_demo_input</span>(<span class='kw'>example</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"click"</span>, <span class='st'>"zoom"</span>, <span class='st'>"selection"</span>))</pre>
|
||||
<pre class="usage"><span class='fu'>run_demo_input</span>(example = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"click"</span>, <span class='st'>"zoom"</span>, <span class='st'>"selection"</span>))</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
|
|
@ -243,13 +243,14 @@
|
|||
|
||||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'><span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<pre class="examples"><div class='input'><span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
|
||||
<span class='fu'>run_demo_input</span>(<span class='st'>"click"</span>)
|
||||
<span class='fu'>run_demo_input</span>(<span class='st'>"zoom"</span>)
|
||||
<span class='fu'>run_demo_input</span>(<span class='st'>"selection"</span>)
|
||||
|
||||
}</div></pre>
|
||||
}
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -268,7 +269,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -235,11 +235,12 @@
|
|||
|
||||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'><span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<pre class="examples"><div class='input'><span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
|
||||
<span class='fu'>run_sparkbox_demo</span>()
|
||||
|
||||
}</div></pre>
|
||||
}
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -257,7 +258,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -151,11 +151,11 @@
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -235,11 +235,12 @@
|
|||
|
||||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'><span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<pre class="examples"><div class='input'><span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
|
||||
<span class='fu'>run_demo_sync</span>()
|
||||
|
||||
}</div></pre>
|
||||
}
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -257,7 +258,7 @@
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -158,11 +158,11 @@ scatter: retrieve XY coordinates.
|
|||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
<span class="navbar-brand hidden-md hidden-lg">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.920</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -245,12 +245,12 @@ with size > 0 and set tooltip's options <code>intersect = TRUE</code> and <co
|
|||
</div>
|
||||
|
||||
<pre class="usage"><span class='fu'>set_input_click</span>(
|
||||
<span class='no'>ax</span>,
|
||||
<span class='no'>inputId</span>,
|
||||
<span class='kw'>multiple</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
|
||||
<span class='kw'>effect_type</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"darken"</span>, <span class='st'>"lighten"</span>, <span class='st'>"none"</span>),
|
||||
<span class='kw'>effect_value</span> <span class='kw'>=</span> <span class='fl'>0.35</span>,
|
||||
<span class='kw'>session</span> <span class='kw'>=</span> <span class='kw pkg'>shiny</span><span class='kw ns'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span>()
|
||||
<span class='kw'>ax</span>,
|
||||
<span class='kw'>inputId</span>,
|
||||
multiple = <span class='fl'>FALSE</span>,
|
||||
effect_type = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"darken"</span>, <span class='st'>"lighten"</span>, <span class='st'>"none"</span>),
|
||||
effect_value = <span class='fl'>0.35</span>,
|
||||
session = <span class='kw'>shiny</span>::<span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/domains.html'>getDefaultReactiveDomain</a></span>()
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
|
|
@ -291,23 +291,24 @@ with size > 0 and set tooltip's options <code>intersect = TRUE</code> and <co
|
|||
|
||||
<h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
|
||||
<pre class="examples"><div class='input'>
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>apexcharter</span>)
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='https://github.com/dreamRs/apexcharter'>apexcharter</a></span>)
|
||||
|
||||
<span class='co'># Not in Shiny but you can still click on bars</span>
|
||||
<span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
|
||||
<span class='kw'>month</span> <span class='kw'>=</span> <span class='no'>month.abb</span>,
|
||||
<span class='kw'>value</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span>:<span class='fl'>100</span>, <span class='fl'>12</span>)
|
||||
) <span class='kw'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='no'>month</span>, <span class='no'>value</span>)) <span class='kw'>%>%</span>
|
||||
<span class='fu'>set_input_click</span>(<span class='st'>"month_click"</span>, <span class='kw'>multiple</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)
|
||||
month = <span class='kw'>month.abb</span>,
|
||||
value = <span class='fu'><a href='https://rdrr.io/r/base/sample.html'>sample</a></span>(<span class='fl'>1</span><span class='op'>:</span><span class='fl'>100</span>, <span class='fl'>12</span>)
|
||||
) <span class='op'>%>%</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(<span class='fu'><a href='apexcharter-exports.html'>aes</a></span>(<span class='kw'>month</span>, <span class='kw'>value</span>)) <span class='op'>%>%</span>
|
||||
<span class='fu'>set_input_click</span>(<span class='st'>"month_click"</span>, multiple = <span class='fl'>TRUE</span>)
|
||||
|
||||
|
||||
<span class='co'># Interactive examples:</span>
|
||||
<span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
<span class='co'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
|
||||
|
||||
<span class='fu'>run_input_demo</span>(<span class='st'>"click"</span>)
|
||||
|
||||
}</div></pre>
|
||||
}
|
||||
</div></pre>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
|
|
@ -328,7 +329,7 @@ with size > 0 and set tooltip's options <code>intersect = TRUE</code> and <co
|
|||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue