diff --git a/docs/articles/apexcharter.html b/docs/articles/apexcharter.html index 2fb29ff..e9ac092 100644 --- a/docs/articles/apexcharter.html +++ b/docs/articles/apexcharter.html @@ -161,7 +161,7 @@

Starting with ApexCharts

Victor Perrier

-

2021-05-11

+

2021-05-19

Source: vignettes/apexcharter.Rmd @@ -184,21 +184,21 @@ data("mpg") apex(data = mpg, type = "column", mapping = aes(x = manufacturer)) -
-

Flipping coordinates can be done by using type = "bar":

+
+

Flipping coordinates can be done by using type = "bar":

 apex(data = mpg, type = "bar", mapping = aes(x = manufacturer))
-
-

To create a dodge bar charts, use aesthetic fill :

+
+

To create a dodge bar charts, use aesthetic fill :

 apex(data = mpg, type = "column", mapping = aes(x = manufacturer, fill = year))
-
-

For stacked bar charts, specify option stacked in ax_chart :

+
+

For stacked bar charts, specify option stacked in ax_chart :

 apex(data = mpg, type = "column", mapping = aes(x = manufacturer, fill = year)) %>% 
   ax_chart(stacked = TRUE)
-
- +
+

@@ -208,22 +208,22 @@ data("economics") apex(data = economics, type = "line", mapping = aes(x = date, y = uempmed))

-
-

To represent several lines, use a data.frame in long format and the group aesthetic:

+
+

To represent several lines, use a data.frame in long format and the group aesthetic:

 data("economics_long")
 
 apex(data = economics_long, type = "line", mapping = aes(x = date, y = value01, group = variable)) %>% 
   ax_yaxis(decimalsInFloat = 2) # number of decimals to keep
-
-

Create area charts with type = "area":

+
+

Create area charts with type = "area":

 apex(data = economics_long, type = "area", mapping = aes(x = date, y = value01, fill = variable)) %>% 
   ax_yaxis(decimalsInFloat = 2) %>% # number of decimals to keep
   ax_chart(stacked = TRUE) %>%
   ax_yaxis(max = 4, tickAmount = 4)
-
- +
+

@@ -231,16 +231,16 @@

Simple bar charts can be created with:

 apex(data = mtcars, type = "scatter", mapping = aes(x = wt, y = mpg))
-
-

Color points according to a third variable:

+
+

Color points according to a third variable:

 apex(data = mtcars, type = "scatter", mapping = aes(x = wt, y = mpg, fill = cyl))
-
-

And change point size using z aesthetics:

+
+

And change point size using z aesthetics:

 apex(data = mtcars, type = "scatter", mapping = aes(x = wt, y = mpg, z = scales::rescale(qsec)))
-
- +
+

@@ -253,8 +253,8 @@ ) apex(data = poll, type = "pie", mapping = aes(x = answer, y = n))

-
- +
+

@@ -262,8 +262,8 @@

Simple radial charts can be created with (here we pass values directly in aes, but you can use a data.frame) :

 apex(data = NULL, type = "radialBar", mapping = aes(x = "My value", y = 65))
-
-

Multi radial chart (more than one value):

+
+

Multi radial chart (more than one value):

 fruits <- data.frame(
   name = c('Apples', 'Oranges', 'Bananas', 'Berries'),
@@ -271,8 +271,8 @@
 )
 
 apex(data = fruits, type = "radialBar", mapping = aes(x = name, y = value))
-
- +
+

@@ -282,8 +282,8 @@ mtcars$model <- rownames(mtcars) apex(data = head(mtcars), type = "radar", mapping = aes(x = model, y = qsec))

-
-

With a grouping variable:

+
+

With a grouping variable:

 # extremely complicated reshaping
 new_mtcars <- reshape(
@@ -297,8 +297,8 @@
 )
 
 apex(data = new_mtcars, type = "radar", mapping = aes(x = model, y = value, group = time))
-
- +
+

@@ -311,8 +311,8 @@ ax_fill(opacity = 1) %>% ax_stroke(width = 0) %>% ax_tooltip(fillSeriesColor = FALSE)

-
- +
+

@@ -330,8 +330,8 @@ ) %>% ax_dataLabels(enabled = FALSE) %>% ax_colors("#008FFB")

-
- +
+

@@ -341,8 +341,8 @@ data("mpg", package = "ggplot2") apex(mpg, aes(x = manufacturer), "treemap")

-
- +
+

@@ -356,8 +356,8 @@ aes(x = datetime, open = open, close = close, low = low, high = high), type = "candlestick" )

-
- +
+ diff --git a/docs/articles/articles/advanced-configuration.html b/docs/articles/articles/advanced-configuration.html index ce28442..7638262 100644 --- a/docs/articles/articles/advanced-configuration.html +++ b/docs/articles/articles/advanced-configuration.html @@ -230,8 +230,8 @@

Final result looks like :

 bars
-
-

View full code

+
+

View full code

 data("mpg", package = "ggplot2")
 
@@ -350,8 +350,8 @@
 
Final result looks like :

 
 lines

-

-
View full code

+

+
View full code

 
 data("unhcr_ts")
 
@@ -522,8 +522,8 @@
 
Final result looks like :

 
 scatter

-

-
View full code

+

+
View full code

 
 data("gapminder", package = "gapminder")
 
@@ -739,8 +739,8 @@
 
Final result looks like :

 
 heatmap

-

-
View full code

+

+
View full code

 
 data("vaccines", package = "highcharter")
 
diff --git a/docs/articles/chart-options.html b/docs/articles/chart-options.html
index 19b4397..7b980ab 100644
--- a/docs/articles/chart-options.html
+++ b/docs/articles/chart-options.html
@@ -188,8 +188,8 @@
     x = "Cut",
     y = "Count"
   )

-

-
If you more control (font size, alignment, …), you can use ax_title(), ax_subtitle(), ax_xaxis() and ax_yaxis(), as described below.

+

+
If you more control (font size, alignment, …), you can use ax_title(), ax_subtitle(), ax_xaxis() and ax_yaxis(), as described below.

 

 

 

@@ -197,8 +197,8 @@
 
 apex(data = diamonds, type = "column", mapping = aes(x = cut)) %>% 
   ax_title(text = "Cut distribution")

-

-
You can set some options, for example:

+

+
You can set some options, for example:

 
 apex(data = diamonds, type = "column", mapping = aes(x = cut)) %>% 
   ax_title(
@@ -206,8 +206,8 @@
     align = "center",
     style = list(fontSize = "22px", fontWeight = 700)
   )

-

-
Full list of parameters is available here : https://apexcharts.com/docs/options/title/

+

+
Full list of parameters is available here : https://apexcharts.com/docs/options/title/

 

 

 

@@ -216,8 +216,8 @@
 apex(data = diamonds, type = "column", mapping = aes(x = cut)) %>% 
   ax_title(text = "Cut distribution") %>% 
   ax_subtitle(text = "Data from ggplot2")

-

-
With same options than for title:

+

+
With same options than for title:

 
 apex(data = diamonds, type = "column", mapping = aes(x = cut)) %>% 
   ax_title(
@@ -230,8 +230,8 @@
     align = "center",
     style = list(fontSize = "16px", fontWeight = 400, color = "#BDBDBD")
   )

-

-
Full list of parameters is available here : https://apexcharts.com/docs/options/subtitle/

+

+
Full list of parameters is available here : https://apexcharts.com/docs/options/subtitle/

@@ -240,8 +240,8 @@ apex(data = diamonds, type = "column", mapping = aes(x = cut)) %>% ax_yaxis(title = list(text = "Count")) %>% ax_xaxis(title = list(text = "Cut"))

-
-

With some options:

+
+

With some options:

 apex(data = diamonds, type = "column", mapping = aes(x = cut)) %>% 
   ax_yaxis(title = list(
@@ -252,8 +252,8 @@
     text = "Cut", 
     style = list(fontSize = "14px", color = "#BDBDBD")
   ))
-
- +
+
@@ -273,18 +273,18 @@

Classic line:

 apex(data = economics, type = "line", mapping = aes(x = date, y = uempmed))
-
-

Spline curve:

+
+

Spline curve:

 apex(data = economics, type = "line", mapping = aes(x = date, y = uempmed)) %>% 
   ax_stroke(curve = "smooth")
-
-

Steps chart:

+
+

Steps chart:

 apex(data = economics, type = "line", mapping = aes(x = date, y = uempmed)) %>% 
   ax_stroke(curve = "stepline")
-
- +
+

@@ -304,23 +304,23 @@ stops = c(0, 100, 100, 100) ) )

-
-

Solid area color:

+
+

Solid area color:

 apex(data = economics, type = "area", mapping = aes(x = date, y = uempmed)) %>% 
   ax_fill(type = "solid", opacity = 1)
-
-

Line width:

+
+

Line width:

 apex(data = economics, type = "line", mapping = aes(x = date, y = uempmed)) %>% 
   ax_stroke(width = 1)
-
-

Dotted line

+
+

Dotted line

 apex(data = economics, type = "line", mapping = aes(x = date, y = uempmed)) %>% 
   ax_stroke(dashArray = 6)
-
- +
+

@@ -329,14 +329,14 @@ 
 apex(data = tail(economics, 20), type = "line", mapping = aes(x = date, y = uempmed)) %>% 
   ax_markers(size = 6)
-
-

Add labels over points

+
+

Add labels over points

 apex(data = tail(economics, 20), type = "line", mapping = aes(x = date, y = uempmed)) %>% 
   ax_markers(size = 6) %>% 
   ax_dataLabels(enabled = TRUE)
-
- +
+

@@ -347,13 +347,13 @@ ax_yaxis(decimalsInFloat = 2) %>% ax_markers(size = c(3, 6)) %>% ax_stroke(width = c(1, 3))

-
-
+

+
 apex(data = economics_long, type = "line", mapping = aes(x = date, y = value01, group = variable)) %>% 
   ax_yaxis(decimalsInFloat = 2) %>% 
   ax_stroke(dashArray = c(8, 5))

-

-
+

+
diff --git a/docs/articles/facets.html b/docs/articles/facets.html index 65771fa..456dcc7 100644 --- a/docs/articles/facets.html +++ b/docs/articles/facets.html @@ -205,10 +205,10 @@
Facet wrap example
mpg data from ggplot2
-
-
-
-
engine displacement, in litres
+
+
+
+
engine displacement, in litres
city miles per gallon

Synchronized line charts with free y-axis :

@@ -227,12 +227,12 @@ ax_tooltip(x = list(format = "yyyy")) %>% ax_facet_wrap(vars(variable), scales = "free_y")
-
-
-
-
-
- +
+
+
+
+
+

Don’t forget to set a minWidth for y axis labels when synchronizing charts, otherwise unexpected results can occurs.

@@ -259,15 +259,15 @@
1999
2008
-
-
-
4
-
-
-
f
-
-
-
r
+
+
+
4
+
+
+
f
+
+
+
r
engine displacement, in litres
city miles per gallon
@@ -295,16 +295,16 @@ )
-
- +
+
-
- +
+
-
- +
+

grid_area argument allow to specify space occupied by each chart, you can generate interactively your grid template here.

diff --git a/docs/articles/shiny-integration.html b/docs/articles/shiny-integration.html index 3300598..752edb8 100644 --- a/docs/articles/shiny-integration.html +++ b/docs/articles/shiny-integration.html @@ -231,8 +231,8 @@ apex(aes(month, value), height = "250px") %>% ax_title("Click a bar:") %>% set_input_click("click") -
-

Value server-side will be available through input$click.

+
+

Value server-side will be available through input$click.

Depending on the type of graphic, you can retrieve :