updated pkgdown
This commit is contained in:
pvictor
parent
3bd31007f5
commit
eecfb61154
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -110,6 +110,18 @@ function getXaxis(axis) {
|
|||
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({
|
||||
|
|
@ -125,7 +137,7 @@ HTMLWidgets.widget({
|
|||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
|
|
@ -143,7 +155,7 @@ HTMLWidgets.widget({
|
|||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
|
|
@ -246,26 +258,38 @@ HTMLWidgets.widget({
|
|||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render();
|
||||
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);
|
||||
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
|
||||
);
|
||||
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();
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.19.2
|
||||
src: htmlwidgets/lib/apexcharts-3.19
|
||||
version: 3.20.0
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
version: 0.1.0
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
14
docs/articles/apexcharter_files/apexcharter-css-0.1.0/lib/apexcharts-3.20/apexcharts.min.js
vendored
Normal file
14
docs/articles/apexcharter_files/apexcharter-css-0.1.0/lib/apexcharts-3.20/apexcharts.min.js
vendored
Normal file
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,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);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -110,6 +110,18 @@ function getXaxis(axis) {
|
|||
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({
|
||||
|
|
@ -125,7 +137,7 @@ HTMLWidgets.widget({
|
|||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
|
|
@ -143,7 +155,7 @@ HTMLWidgets.widget({
|
|||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
|
|
@ -246,26 +258,38 @@ HTMLWidgets.widget({
|
|||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render();
|
||||
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);
|
||||
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
|
||||
);
|
||||
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();
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.19.2
|
||||
src: htmlwidgets/lib/apexcharts-3.19
|
||||
version: 3.20.0
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
version: 0.1.0
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
14
docs/articles/articles/advanced-configuration_files/apexcharts-3.20.0/apexcharts.min.js
vendored
Normal file
14
docs/articles/articles/advanced-configuration_files/apexcharts-3.20.0/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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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.19.2/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/apexcharter.js"></script><div class="row">
|
||||
</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">
|
||||
<div class="col-md-9 contents">
|
||||
<div class="page-header toc-ignore">
|
||||
<h1>Chart options</h1>
|
||||
|
|
@ -173,7 +173,7 @@
|
|||
<span class="fu"><a href="https://rdrr.io/r/base/library.html">library</a></span>(<span class="no">dplyr</span>)
|
||||
|
||||
<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span>(<span class="st">"diamonds"</span>, <span class="kw">package</span> <span class="kw">=</span> <span class="st">"ggplot2"</span>)
|
||||
<span class="no">n_cut</span> <span class="kw"><-</span> <span class="fu"><a href="https://dplyr.tidyverse.org/reference/tally.html">count</a></span>(<span class="no">diamonds</span>, <span class="no">cut</span>)</pre></body></html></div>
|
||||
<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>
|
||||
<div id="labs" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
<a href="#labs" class="anchor"></a>Labs</h3>
|
||||
|
|
@ -185,24 +185,24 @@
|
|||
<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-2cd8e9cfbaa209fdb360" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-2cd8e9cfbaa209fdb360">{"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 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>
|
||||
</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-7d5f1608321a1b5f6bb0" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-7d5f1608321a1b5f6bb0">{"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 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>
|
||||
<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-95127b8be7c836be17e0" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-95127b8be7c836be17e0">{"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 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>
|
||||
</div>
|
||||
<div id="subtitle" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
|
|
@ -210,8 +210,8 @@
|
|||
<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-e692c49396ce40a39012" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-e692c49396ce40a39012">{"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 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>
|
||||
<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>,
|
||||
|
|
@ -223,8 +223,8 @@
|
|||
<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-51a2475938f916ba02d3" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-51a2475938f916ba02d3">{"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 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>
|
||||
</div>
|
||||
<div id="axis-title" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
|
|
@ -232,8 +232,8 @@
|
|||
<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-609d15dc7a3c701061d3" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-609d15dc7a3c701061d3">{"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 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>,
|
||||
|
|
@ -243,8 +243,8 @@
|
|||
<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-35a51ebd4e8ea7f5d1b2" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-35a51ebd4e8ea7f5d1b2">{"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 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>
|
||||
</div>
|
||||
<div id="lines" class="section level2">
|
||||
|
|
@ -267,16 +267,16 @@
|
|||
<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-896e557fda9ba3d06aca" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-896e557fda9ba3d06aca">{"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 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-e0a19f4bfed3a8ac2123" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-e0a19f4bfed3a8ac2123">{"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 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-124e1b1ff1449f7147c4" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-124e1b1ff1449f7147c4">{"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 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>
|
||||
<div id="line-appearance" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
|
|
@ -295,20 +295,20 @@
|
|||
<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>)
|
||||
)
|
||||
)</pre></body></html></div>
|
||||
<div id="htmlwidget-6f29ea5348c970b8c4e8" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-6f29ea5348c970b8c4e8">{"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 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-5b86f223d6834bec09a0" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-5b86f223d6834bec09a0">{"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 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-7455b9ec7ac24313f9ce" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-7455b9ec7ac24313f9ce">{"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 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-75c8840a52801d6620cb" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-75c8840a52801d6620cb">{"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 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>
|
||||
</div>
|
||||
<div id="markers" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
|
|
@ -316,13 +316,13 @@
|
|||
<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-446cd5e90aceba51a54e" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-446cd5e90aceba51a54e">{"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 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-da31d1a3d484ef294beb" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-da31d1a3d484ef294beb">{"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 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>
|
||||
<div id="multiple-lines" class="section level3">
|
||||
<h3 class="hasAnchor">
|
||||
|
|
@ -332,12 +332,12 @@
|
|||
<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-8e5b489c939ff419f9b1" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-8e5b489c939ff419f9b1">{"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>
|
||||
<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-115c71892532f104b210" style="width:100%;height:350px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-115c71892532f104b210">{"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 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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -110,6 +110,18 @@ function getXaxis(axis) {
|
|||
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({
|
||||
|
|
@ -125,7 +137,7 @@ HTMLWidgets.widget({
|
|||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
|
|
@ -143,7 +155,7 @@ HTMLWidgets.widget({
|
|||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
|
|
@ -246,26 +258,38 @@ HTMLWidgets.widget({
|
|||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render();
|
||||
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);
|
||||
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
|
||||
);
|
||||
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();
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.19.2
|
||||
src: htmlwidgets/lib/apexcharts-3.19
|
||||
version: 3.20.0
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
version: 0.1.0
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
14
docs/articles/chart-options_files/apexcharter-css-0.1.0/lib/apexcharts-3.20/apexcharts.min.js
vendored
Normal file
14
docs/articles/chart-options_files/apexcharter-css-0.1.0/lib/apexcharts-3.20/apexcharts.min.js
vendored
Normal file
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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -110,6 +110,18 @@ function getXaxis(axis) {
|
|||
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({
|
||||
|
|
@ -125,7 +137,7 @@ HTMLWidgets.widget({
|
|||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
|
|
@ -143,7 +155,7 @@ HTMLWidgets.widget({
|
|||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
|
|
@ -246,26 +258,38 @@ HTMLWidgets.widget({
|
|||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render();
|
||||
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);
|
||||
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
|
||||
);
|
||||
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();
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.19.2
|
||||
src: htmlwidgets/lib/apexcharts-3.19
|
||||
version: 3.20.0
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
version: 0.1.0
|
||||
|
|
|
|||
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
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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.19.2/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/apexcharter.js"></script><div class="row">
|
||||
</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">
|
||||
<div class="col-md-9 contents">
|
||||
<div class="page-header toc-ignore">
|
||||
<h1>Spark boxes</h1>
|
||||
|
|
@ -179,8 +179,8 @@
|
|||
<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-942b9be0d9141c58ce20" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-942b9be0d9141c58ce20">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[["new Date('2020-07-02').getTime()",47],["new Date('2020-07-03').getTime()",48],["new Date('2020-07-04').getTime()",52],["new Date('2020-07-05').getTime()",52],["new Date('2020-07-06').getTime()",58],["new Date('2020-07-07').getTime()",57],["new Date('2020-07-08').getTime()",50],["new Date('2020-07-09').getTime()",51],["new Date('2020-07-10').getTime()",75],["new Date('2020-07-11').getTime()",49],["new Date('2020-07-12').getTime()",55],["new Date('2020-07-13').getTime()",56],["new Date('2020-07-14').getTime()",62],["new Date('2020-07-15').getTime()",53],["new Date('2020-07-16').getTime()",74],["new Date('2020-07-17').getTime()",43],["new Date('2020-07-18').getTime()",46],["new Date('2020-07-19').getTime()",39],["new Date('2020-07-20').getTime()",32],["new Date('2020-07-21').getTime()",57]]}],"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":52.8,"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-07-02","max":"2020-07-21"}},"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 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>),
|
||||
|
|
@ -189,9 +189,9 @@
|
|||
<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-028f40af87607e1dc312" style="width:100%;height:160px;" class="apexcharter html-widget"></div>
|
||||
<script type="application/json" data-for="htmlwidget-028f40af87607e1dc312">{"x":{"ax_opts":{"chart":{"type":"area","sparkline":{"enabled":true}},"series":[{"name":"var1","type":"area","data":[["new Date('2020-07-02').getTime()",47],["new Date('2020-07-03').getTime()",48],["new Date('2020-07-04').getTime()",52],["new Date('2020-07-05').getTime()",52],["new Date('2020-07-06').getTime()",58],["new Date('2020-07-07').getTime()",57],["new Date('2020-07-08').getTime()",50],["new Date('2020-07-09').getTime()",51],["new Date('2020-07-10').getTime()",75],["new Date('2020-07-11').getTime()",49],["new Date('2020-07-12').getTime()",55],["new Date('2020-07-13').getTime()",56],["new Date('2020-07-14').getTime()",62],["new Date('2020-07-15').getTime()",53],["new Date('2020-07-16').getTime()",74],["new Date('2020-07-17').getTime()",43],["new Date('2020-07-18').getTime()",46],["new Date('2020-07-19').getTime()",39],["new Date('2020-07-20').getTime()",32],["new Date('2020-07-21').getTime()",57]]}],"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":52.8,"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-07-02","max":"2020-07-21"}},"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"><a href="../reference/run_sparkbox_demo.html">run_sparkbox_demo</a></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>
|
||||
<p><img src="figures/spark-box.png" alt="spark-box" style="width:100%;"></p>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -110,6 +110,18 @@ function getXaxis(axis) {
|
|||
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({
|
||||
|
|
@ -125,7 +137,7 @@ HTMLWidgets.widget({
|
|||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
|
|
@ -143,7 +155,7 @@ HTMLWidgets.widget({
|
|||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
|
|
@ -246,26 +258,38 @@ HTMLWidgets.widget({
|
|||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render();
|
||||
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);
|
||||
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
|
||||
);
|
||||
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();
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.19.2
|
||||
src: htmlwidgets/lib/apexcharts-3.19
|
||||
version: 3.20.0
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
version: 0.1.0
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
14
docs/articles/spark-box_files/apexcharter-css-0.1.0/lib/apexcharts-3.20/apexcharts.min.js
vendored
Normal file
14
docs/articles/spark-box_files/apexcharter-css-0.1.0/lib/apexcharts-3.20/apexcharts.min.js
vendored
Normal file
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,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);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -110,6 +110,18 @@ function getXaxis(axis) {
|
|||
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({
|
||||
|
|
@ -125,7 +137,7 @@ HTMLWidgets.widget({
|
|||
renderValue: function(x) {
|
||||
// Global options
|
||||
axOpts = x.ax_opts;
|
||||
|
||||
|
||||
if (x.sparkbox) {
|
||||
el.style.background = x.sparkbox.background;
|
||||
el.classList.add("apexcharter-spark-box");
|
||||
|
|
@ -143,7 +155,7 @@ HTMLWidgets.widget({
|
|||
if (!axOpts.chart.hasOwnProperty("parentHeightOffset")) {
|
||||
axOpts.chart.parentHeightOffset = 0;
|
||||
}
|
||||
|
||||
|
||||
// added events to remove minheight container
|
||||
if (!axOpts.chart.hasOwnProperty("events")) {
|
||||
axOpts.chart.events = {};
|
||||
|
|
@ -246,26 +258,38 @@ HTMLWidgets.widget({
|
|||
// Generate or update chart
|
||||
if (apexchart === null) {
|
||||
apexchart = new ApexCharts(el, axOpts);
|
||||
apexchart.render();
|
||||
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);
|
||||
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
|
||||
);
|
||||
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();
|
||||
apexchart.render().then(function() {
|
||||
exportChart(x, apexchart);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
dependencies:
|
||||
- name: apexcharts
|
||||
version: 3.19.2
|
||||
src: htmlwidgets/lib/apexcharts-3.19
|
||||
version: 3.20.0
|
||||
src: htmlwidgets/lib/apexcharts-3.20
|
||||
script: apexcharts.min.js
|
||||
- name: apexcharter-css
|
||||
version: 0.1.0
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
14
docs/articles/sync-charts_files/apexcharter-css-0.1.0/lib/apexcharts-3.20/apexcharts.min.js
vendored
Normal file
14
docs/articles/sync-charts_files/apexcharter-css-0.1.0/lib/apexcharts-3.20/apexcharts.min.js
vendored
Normal file
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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -180,7 +180,7 @@
|
|||
<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>)
|
||||
|
||||
<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/tally.html">count</a></span>(<span class="no">mpg</span>, <span class="no">manufacturer</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="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>
|
||||
<p><img src="reference/figures/apex-bar.png"></p>
|
||||
|
|
@ -196,7 +196,7 @@
|
|||
<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/tally.html">count</a></span>(<span class="no">mpg</span>, <span class="no">manufacturer</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="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>
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -223,6 +223,16 @@
|
|||
<small>Source: <a href='https://github.com/dreamRs/apexcharter/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
|
||||
</div>
|
||||
|
||||
<div id="apexcharter-016" class="section level1">
|
||||
<h1 class="page-header" data-toc-text="0.1.6">
|
||||
<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>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>
|
||||
</div>
|
||||
<div id="apexcharter-015" class="section level1">
|
||||
<h1 class="page-header" data-toc-text="0.1.5">
|
||||
<a href="#apexcharter-015" class="anchor"></a>apexcharter 0.1.5<small> 2020-06-23 </small>
|
||||
|
|
@ -244,7 +254,7 @@
|
|||
<li>
|
||||
<code><a href="../reference/add-shade.html">add_shade()</a></code>, <code><a href="../reference/add-shade.html">add_shade_weekend()</a></code>, <code><a href="../reference/add_event.html">add_event()</a></code> to add annotations on timeries charts.</li>
|
||||
<li>
|
||||
<code><a href="../reference/add-lines.html">add_hline()</a></code>, <code><a href="../reference/add-lines.html">add_vline()</a></code>, <code><a href="../reference/add_point.html">add_point()</a></code> to add annotations on charts.</li>
|
||||
<code><a href="../reference/add-vh-lines.html">add_hline()</a></code>, <code><a href="../reference/add-vh-lines.html">add_vline()</a></code>, <code><a href="../reference/add_point.html">add_point()</a></code> to add annotations on charts.</li>
|
||||
<li>
|
||||
<code><a href="../reference/set_tooltip_fixed.html">set_tooltip_fixed()</a></code> to fix tooltip in specific position.</li>
|
||||
</ul>
|
||||
|
|
@ -303,6 +313,7 @@
|
|||
<div id="tocnav">
|
||||
<h2>Contents</h2>
|
||||
<ul class="nav nav-pills nav-stacked">
|
||||
<li><a href="#apexcharter-016">0.1.6</a></li>
|
||||
<li><a href="#apexcharter-015">0.1.5</a></li>
|
||||
<li><a href="#apexcharter-014">0.1.4</a></li>
|
||||
<li><a href="#apexcharter-013">0.1.3</a></li>
|
||||
|
|
|
|||
|
|
@ -8,5 +8,5 @@ articles:
|
|||
shiny-integration: shiny-integration.html
|
||||
spark-box: spark-box.html
|
||||
sync-charts: sync-charts.html
|
||||
last_built: 2020-07-01T08:47Z
|
||||
last_built: 2020-08-03T07:56Z
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,389 @@
|
|||
<!-- Generated by pkgdown: do not edit by hand -->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>Add a line to a chart — add-line • apexcharter</title>
|
||||
|
||||
|
||||
<!-- jquery -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../css/theme.css" rel="stylesheet">
|
||||
<style>
|
||||
#pkgdown-sidebar {
|
||||
z-index: 100;
|
||||
background: #FFF;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
<!-- Font -->
|
||||
<link href="../css/montserrat.css" rel="stylesheet">
|
||||
<style>body {font-family: 'Montserrat', sans-serif;}</style>
|
||||
|
||||
|
||||
<!-- bootstrap-toc -->
|
||||
<link rel="stylesheet" href="../bootstrap-toc.css">
|
||||
<script src="../bootstrap-toc.js"></script>
|
||||
|
||||
<!-- Font Awesome icons -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
|
||||
|
||||
<!-- clipboard.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- headroom.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- pkgdown -->
|
||||
<link href="../pkgdown.css" rel="stylesheet">
|
||||
<script src="../pkgdown.js"></script>
|
||||
|
||||
|
||||
<!-- Particles -->
|
||||
<script src="../js/particles.min.js"></script>
|
||||
|
||||
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.contents {
|
||||
opacity: 1;
|
||||
background-color: #FFF;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
opacity: 1;
|
||||
background-color: #FFF;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
footer {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#particles {
|
||||
position: fixed;
|
||||
display: block;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.background {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
<!-- Font Awesome icons -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/all.min.css" integrity="sha256-nAmazAk6vS34Xqo0BSrTb+abbtFlgsFK7NKSi6o7Y78=" crossorigin="anonymous" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/v4-shims.min.css" integrity="sha256-6qHlizsOWFskGlwVOKuns+D1nB6ssZrHQrNj1wGplHc=" crossorigin="anonymous" />
|
||||
|
||||
<!-- clipboard.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- headroom.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/headroom.min.js" integrity="sha256-DJFC1kqIhelURkuza0AvYal5RxMtpzLjFhsnVIeuk+U=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- pkgdown -->
|
||||
<link href="../pkgdown.css" rel="stylesheet">
|
||||
<script src="../pkgdown.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Add a line to a chart — add-line" />
|
||||
<meta property="og:description" content="On bar and scatter cherts add a line, on scatter charts add a smooth line." />
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- mathjax -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<div class="container template-reference-topic">
|
||||
<header>
|
||||
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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>
|
||||
</div>
|
||||
|
||||
<div id="navbar" class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li>
|
||||
<a href="../index.html">
|
||||
<span class="fas fa fas fa-home fa-lg"></span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/apexcharter.html">Get started</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../reference/index.html">Reference</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||||
Articles
|
||||
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li>
|
||||
<a href="../articles/articles/advanced-configuration.html">Advanced configuration examples</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/chart-options.html">Chart options</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/shiny-integration.html">Shiny integration</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/spark-box.html">Spark boxes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/sync-charts.html">Syncing charts</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../news/index.html">Changelog</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="https://github.com/dreamRs/apexcharter/">
|
||||
<span class="fab fa fab fa-github fa-lg"></span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div><!--/.nav-collapse -->
|
||||
</div><!--/.container -->
|
||||
</div><!--/.navbar -->
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-9 contents">
|
||||
<div class="page-header">
|
||||
<h1>Add a line to a chart</h1>
|
||||
<small class="dont-index">Source: <a href='https://github.com/dreamRs/apexcharter/blob/master/R/mixed-charts.R'><code>R/mixed-charts.R</code></a></small>
|
||||
<div class="hidden name"><code>add-line.Rd</code></div>
|
||||
</div>
|
||||
|
||||
<div class="ref-description">
|
||||
<p>On bar and scatter cherts add a line, on scatter charts add a smooth line.</p>
|
||||
</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='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>
|
||||
)</pre>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
<colgroup><col class="name" /><col class="desc" /></colgroup>
|
||||
<tr>
|
||||
<th>ax</th>
|
||||
<td><p>An <code><a href='apex.html'>apex</a></code> <code>htmlwidget</code> object.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>mapping</th>
|
||||
<td><p>Default list of aesthetic mappings to use for chart.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>data</th>
|
||||
<td><p>A <code>data.frame</code> to use to add a line, if <code>NULL</code> (default),
|
||||
the <code>data.frame</code> provided in <code><a href='apex.html'>apex()</a></code> will be used.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>type</th>
|
||||
<td><p>Type of line.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>serie_name</th>
|
||||
<td><p>Name for the serie displayed in tooltip and legend.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>formula</th>
|
||||
<td><p>Formula passed to the <code>method</code>, default to <code>y ~ x</code> from main aesthetics.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>model</th>
|
||||
<td><p>Model to use between <code><a href='https://rdrr.io/r/stats/lm.html'>lm</a></code> or <code><a href='https://rdrr.io/r/stats/loess.html'>loess</a></code>.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>n</th>
|
||||
<td><p>Number of points used for predictions.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>...</th>
|
||||
<td><p>Arguments passed to <code>model</code>.</p></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
|
||||
|
||||
<p>A <code>apexcharts</code> <code>htmlwidget</code> object.</p>
|
||||
|
||||
<h2 class="hasAnchor" id="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='co'># Bar ----</span>
|
||||
|
||||
<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='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='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>
|
||||
<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>
|
||||
<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>)
|
||||
)
|
||||
|
||||
|
||||
|
||||
<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='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'>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='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='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='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>
|
||||
</div>
|
||||
<div class="col-md-3 hidden-xs hidden-sm" id="sidebar">
|
||||
<h2>Contents</h2>
|
||||
<ul class="nav nav-pills nav-stacked">
|
||||
<li><a href="#arguments">Arguments</a></li>
|
||||
<li><a href="#value">Value</a></li>
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
<div class="copyright">
|
||||
<p>Developed by <a href='https://twitter.com/_pvictorr'><img src="https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg"/> Victor Perrier</a>, <a href='https://twitter.com/_mfaan'><img src="https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg" /> Fanny Meyer</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="particles"></div>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var config = {"particles":{"number":{"value":90,"density":{"enable":true,"value_area":1200}},"color":{"value":"#112446"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.8,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#112446","opacity":0.6,"width":1},"move":{"enable":true,"speed":5,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true}},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}},"retina_detect":true} ;
|
||||
particlesJS("particles", config);
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,349 @@
|
|||
<!-- Generated by pkgdown: do not edit by hand -->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>Add horizontal or vertical line — add-vh-lines • apexcharter</title>
|
||||
|
||||
|
||||
<!-- jquery -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../css/theme.css" rel="stylesheet">
|
||||
<style>
|
||||
#pkgdown-sidebar {
|
||||
z-index: 100;
|
||||
background: #FFF;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
<!-- Font -->
|
||||
<link href="../css/montserrat.css" rel="stylesheet">
|
||||
<style>body {font-family: 'Montserrat', sans-serif;}</style>
|
||||
|
||||
|
||||
<!-- bootstrap-toc -->
|
||||
<link rel="stylesheet" href="../bootstrap-toc.css">
|
||||
<script src="../bootstrap-toc.js"></script>
|
||||
|
||||
<!-- Font Awesome icons -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
|
||||
|
||||
<!-- clipboard.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- headroom.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- pkgdown -->
|
||||
<link href="../pkgdown.css" rel="stylesheet">
|
||||
<script src="../pkgdown.js"></script>
|
||||
|
||||
|
||||
<!-- Particles -->
|
||||
<script src="../js/particles.min.js"></script>
|
||||
|
||||
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.contents {
|
||||
opacity: 1;
|
||||
background-color: #FFF;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
opacity: 1;
|
||||
background-color: #FFF;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
footer {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#particles {
|
||||
position: fixed;
|
||||
display: block;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.background {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
<!-- Font Awesome icons -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/all.min.css" integrity="sha256-nAmazAk6vS34Xqo0BSrTb+abbtFlgsFK7NKSi6o7Y78=" crossorigin="anonymous" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/v4-shims.min.css" integrity="sha256-6qHlizsOWFskGlwVOKuns+D1nB6ssZrHQrNj1wGplHc=" crossorigin="anonymous" />
|
||||
|
||||
<!-- clipboard.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- headroom.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/headroom.min.js" integrity="sha256-DJFC1kqIhelURkuza0AvYal5RxMtpzLjFhsnVIeuk+U=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- pkgdown -->
|
||||
<link href="../pkgdown.css" rel="stylesheet">
|
||||
<script src="../pkgdown.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Add horizontal or vertical line — add-vh-lines" />
|
||||
<meta property="og:description" content="Add horizontal or vertical line" />
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- mathjax -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<div class="container template-reference-topic">
|
||||
<header>
|
||||
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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>
|
||||
</div>
|
||||
|
||||
<div id="navbar" class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li>
|
||||
<a href="../index.html">
|
||||
<span class="fas fa fas fa-home fa-lg"></span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/apexcharter.html">Get started</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../reference/index.html">Reference</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||||
Articles
|
||||
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li>
|
||||
<a href="../articles/articles/advanced-configuration.html">Advanced configuration examples</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/chart-options.html">Chart options</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/shiny-integration.html">Shiny integration</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/spark-box.html">Spark boxes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/sync-charts.html">Syncing charts</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../news/index.html">Changelog</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="https://github.com/dreamRs/apexcharter/">
|
||||
<span class="fab fa fab fa-github fa-lg"></span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div><!--/.nav-collapse -->
|
||||
</div><!--/.container -->
|
||||
</div><!--/.navbar -->
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-9 contents">
|
||||
<div class="page-header">
|
||||
<h1>Add horizontal or vertical line</h1>
|
||||
<small class="dont-index">Source: <a href='https://github.com/dreamRs/apexcharter/blob/master/R/annotations.R'><code>R/annotations.R</code></a></small>
|
||||
<div class="hidden name"><code>add-vh-lines.Rd</code></div>
|
||||
</div>
|
||||
|
||||
<div class="ref-description">
|
||||
<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>)
|
||||
|
||||
<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>
|
||||
|
||||
<h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
|
||||
<table class="ref-arguments">
|
||||
<colgroup><col class="name" /><col class="desc" /></colgroup>
|
||||
<tr>
|
||||
<th>ax</th>
|
||||
<td><p>An <code>apexcharts</code> <code>htmlwidget</code> object.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>value</th>
|
||||
<td><p>Vector of position for the line(s).</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>color</th>
|
||||
<td><p>Color(s) of the line(s).</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>dash</th>
|
||||
<td><p>Creates dashes in borders of SVG path.
|
||||
A higher number creates more space between dashes in the border.
|
||||
Use <code>0</code> for plain line.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>label</th>
|
||||
<td><p>Add a label to the shade, use a <code>character</code>
|
||||
or see <code><a href='label.html'>label</a></code> for more controls.</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>...</th>
|
||||
<td><p>Additional arguments, see
|
||||
<a href='https://apexcharts.com/docs/options/annotations/'>https://apexcharts.com/docs/options/annotations/</a> for possible options.</p></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
|
||||
|
||||
<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>)
|
||||
|
||||
<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>),
|
||||
<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='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>),
|
||||
<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='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>),
|
||||
<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'>label</span> <span class='kw'>=</span> <span class='st'>"Mean of 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='kw'>label</span> <span class='kw'>=</span> <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>
|
||||
<ul class="nav nav-pills nav-stacked">
|
||||
<li><a href="#arguments">Arguments</a></li>
|
||||
<li><a href="#value">Value</a></li>
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
<div class="copyright">
|
||||
<p>Developed by <a href='https://twitter.com/_pvictorr'><img src="https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg"/> Victor Perrier</a>, <a href='https://twitter.com/_mfaan'><img src="https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg" /> Fanny Meyer</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="particles"></div>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var config = {"particles":{"number":{"value":90,"density":{"enable":true,"value_area":1200}},"color":{"value":"#112446"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.8,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#112446","opacity":0.6,"width":1},"move":{"enable":true,"speed":5,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true}},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}},"retina_detect":true} ;
|
||||
particlesJS("particles", config);
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -316,7 +316,7 @@ only used for single serie.</p></td>
|
|||
<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'>apex</span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>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>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -356,20 +356,20 @@ Available options: <code>"normal"</code> or <code>"100%"</code>.</p></td>
|
|||
<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/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>, <span class='no'>color</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='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/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>, <span class='no'>color</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='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/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>, <span class='no'>color</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>)
|
||||
|
|
@ -381,7 +381,7 @@ 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/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>, <span class='no'>color</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>))
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -259,7 +259,7 @@
|
|||
|
||||
<span class='co'># Change default color(s)</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>),
|
||||
<span class='kw'>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_colors</span>(<span class='st'>"#F7D358"</span>)
|
||||
|
|
@ -267,7 +267,7 @@
|
|||
|
||||
<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='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>, <span class='no'>color</span>),
|
||||
<span class='kw'>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>
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -297,7 +297,7 @@ Accepted values <code>"start"</code>, <code>"middle"</code> or <code>"end"</code
|
|||
|
||||
<span class='co'># Add data labels</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>),
|
||||
<span class='kw'>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>
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -292,7 +292,7 @@ Available options: <code>"solid"</code>, <code>"gradient"</code>, <code>"pattern
|
|||
|
||||
<span class='co'># Use a pattern to fill bars</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>, <span class='no'>color</span>),
|
||||
<span class='kw'>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_fill</span>(
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -306,14 +306,14 @@
|
|||
|
||||
<span class='co'># Hide Y-axis and gridelines</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>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>)
|
||||
|
||||
<span class='co'># just grid lines</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>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>)))
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -356,14 +356,14 @@ when hovered on legend item, it will highlight the paths of the hovered series i
|
|||
|
||||
<span class='co'># Legend position</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>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>)
|
||||
|
||||
<span class='co'># hide legend</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>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>
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -283,7 +283,7 @@
|
|||
|
||||
<span class='co'># Stack bar type</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>),
|
||||
<span class='kw'>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_plotOptions</span>(
|
||||
|
|
@ -292,7 +292,7 @@
|
|||
|
||||
<span class='co'># Pie</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>),
|
||||
<span class='kw'>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>
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -258,7 +258,7 @@
|
|||
|
||||
<span class='co'># Open in browser and resize window</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>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>
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -270,7 +270,7 @@
|
|||
|
||||
<span class='co'># Inverse effect on hover</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>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>
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -271,21 +271,21 @@
|
|||
|
||||
<span class='co'># Dark mode</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>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>)
|
||||
|
||||
<span class='co'># Use predefined palette (1 to 10)</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>, <span class='no'>color</span>),
|
||||
<span class='kw'>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>)
|
||||
|
||||
<span class='co'># monochrome palette</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>diamonds</span>, <span class='no'>cut</span>, <span class='no'>color</span>),
|
||||
<span class='kw'>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>
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -336,14 +336,14 @@
|
|||
|
||||
<span class='co'># Hide tooltip</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>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>)
|
||||
|
||||
<span class='co'># Share between series</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>, <span class='no'>year</span>),
|
||||
<span class='kw'>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>)
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -333,21 +333,21 @@ similar to an absolutely positioned element. Set the offsetX and offsetY then to
|
|||
|
||||
<span class='co'># X axis title</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>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>))
|
||||
|
||||
<span class='co'># force labels to rotate and increase height</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>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>))
|
||||
|
||||
<span class='co'># force to not rotate</span>
|
||||
<span class='fu'><a href='apex.html'>apex</a></span>(
|
||||
<span class='kw'>data</span> <span class='kw'>=</span> <span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>),
|
||||
<span class='kw'>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>))
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -290,7 +290,7 @@
|
|||
<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='apex.html'>apex</a></span>(<span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.html'>count</a></span>(<span class='no'>mpg</span>, <span class='no'>manufacturer</span>), <span class='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='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='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>,
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,287 @@
|
|||
<!-- Generated by pkgdown: do not edit by hand -->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>Paris Climate — climate_paris • apexcharter</title>
|
||||
|
||||
|
||||
<!-- jquery -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../css/theme.css" rel="stylesheet">
|
||||
<style>
|
||||
#pkgdown-sidebar {
|
||||
z-index: 100;
|
||||
background: #FFF;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
<!-- Font -->
|
||||
<link href="../css/montserrat.css" rel="stylesheet">
|
||||
<style>body {font-family: 'Montserrat', sans-serif;}</style>
|
||||
|
||||
|
||||
<!-- bootstrap-toc -->
|
||||
<link rel="stylesheet" href="../bootstrap-toc.css">
|
||||
<script src="../bootstrap-toc.js"></script>
|
||||
|
||||
<!-- Font Awesome icons -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
|
||||
|
||||
<!-- clipboard.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- headroom.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- pkgdown -->
|
||||
<link href="../pkgdown.css" rel="stylesheet">
|
||||
<script src="../pkgdown.js"></script>
|
||||
|
||||
|
||||
<!-- Particles -->
|
||||
<script src="../js/particles.min.js"></script>
|
||||
|
||||
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.contents {
|
||||
opacity: 1;
|
||||
background-color: #FFF;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
opacity: 1;
|
||||
background-color: #FFF;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
footer {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#particles {
|
||||
position: fixed;
|
||||
display: block;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.background {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
<!-- Font Awesome icons -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/all.min.css" integrity="sha256-nAmazAk6vS34Xqo0BSrTb+abbtFlgsFK7NKSi6o7Y78=" crossorigin="anonymous" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/v4-shims.min.css" integrity="sha256-6qHlizsOWFskGlwVOKuns+D1nB6ssZrHQrNj1wGplHc=" crossorigin="anonymous" />
|
||||
|
||||
<!-- clipboard.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- headroom.js -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/headroom.min.js" integrity="sha256-DJFC1kqIhelURkuza0AvYal5RxMtpzLjFhsnVIeuk+U=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- pkgdown -->
|
||||
<link href="../pkgdown.css" rel="stylesheet">
|
||||
<script src="../pkgdown.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Paris Climate — climate_paris" />
|
||||
<meta property="og:description" content="Average temperature and precipitation in Paris for the period 1971-2000." />
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- mathjax -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<div class="container template-reference-topic">
|
||||
<header>
|
||||
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<span class="navbar-brand hidden-xs hidden-sm" style="padding: 10px 15px !important;">
|
||||
<img src="https://github.com/dreamRs.png" class="hidden-xs hidden-sm" style="height: 50px;display: inline;vertical-align: middle;">
|
||||
<a class="navbar-link" href="../index.html">apexcharter</a>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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>
|
||||
</div>
|
||||
|
||||
<div id="navbar" class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li>
|
||||
<a href="../index.html">
|
||||
<span class="fas fa fas fa-home fa-lg"></span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/apexcharter.html">Get started</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../reference/index.html">Reference</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||||
Articles
|
||||
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li>
|
||||
<a href="../articles/articles/advanced-configuration.html">Advanced configuration examples</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/chart-options.html">Chart options</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/shiny-integration.html">Shiny integration</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/spark-box.html">Spark boxes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../articles/sync-charts.html">Syncing charts</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../news/index.html">Changelog</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a href="https://github.com/dreamRs/apexcharter/">
|
||||
<span class="fab fa fab fa-github fa-lg"></span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div><!--/.nav-collapse -->
|
||||
</div><!--/.container -->
|
||||
</div><!--/.navbar -->
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-9 contents">
|
||||
<div class="page-header">
|
||||
<h1>Paris Climate</h1>
|
||||
<small class="dont-index">Source: <a href='https://github.com/dreamRs/apexcharter/blob/master/R/data.R'><code>R/data.R</code></a></small>
|
||||
<div class="hidden name"><code>climate_paris.Rd</code></div>
|
||||
</div>
|
||||
|
||||
<div class="ref-description">
|
||||
<p>Average temperature and precipitation in Paris for the period 1971-2000.</p>
|
||||
</div>
|
||||
|
||||
<pre class="usage"><span class='no'>climate_paris</span></pre>
|
||||
|
||||
|
||||
<h2 class="hasAnchor" id="format"><a class="anchor" href="#format"></a>Format</h2>
|
||||
|
||||
<p>A data frame with 12 observations and the following 3 variables:</p><dl>
|
||||
<dt><code>month</code></dt><dd><p>Month</p></dd>
|
||||
<dt><code>temperature</code></dt><dd><p>Temperature (in degree celsius).</p></dd>
|
||||
<dt><code>precipitation</code></dt><dd><p>Precipitation (in mm).</p></dd>
|
||||
|
||||
</dl>
|
||||
|
||||
<h2 class="hasAnchor" id="source"><a class="anchor" href="#source"></a>Source</h2>
|
||||
|
||||
<p>Wikipedia (<a href='https://fr.wikipedia.org/wiki/Climat_de_Paris'>https://fr.wikipedia.org/wiki/Climat_de_Paris</a>)</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="#format">Format</a></li>
|
||||
<li><a href="#source">Source</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
<div class="copyright">
|
||||
<p>Developed by <a href='https://twitter.com/_pvictorr'><img src="https://pbs.twimg.com/profile_images/844237339404722177/E1U61aM8_normal.jpg"/> Victor Perrier</a>, <a href='https://twitter.com/_mfaan'><img src="https://pbs.twimg.com/profile_images/912313931326218240/o1-wvA18_normal.jpg" /> Fanny Meyer</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="pkgdown">
|
||||
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.9000.</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="particles"></div>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var config = {"particles":{"number":{"value":90,"density":{"enable":true,"value_area":1200}},"color":{"value":"#112446"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.8,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#112446","opacity":0.6,"width":1},"move":{"enable":true,"speed":5,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true}},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}},"retina_detect":true} ;
|
||||
particlesJS("particles", config);
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</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</span>
|
||||
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.5.910</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -286,7 +286,7 @@ and <code>background</code> (The background color of the pie).</p></td>
|
|||
<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='apex.html'>apex</a></span>(<span class='fu'><a href='https://dplyr.tidyverse.org/reference/tally.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='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='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>)
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue