2 lines
237 KiB
JSON
2 lines
237 KiB
JSON
[{"path":"/articles/apexcharter.html","id":"bar-charts","dir":"Articles","previous_headings":"","what":"Bar charts","title":"Starting with ApexCharts","text":"Simple bar charts can created : Flipping coordinates can done using type = \"bar\": create dodge bar charts, use aesthetic fill : stacked bar charts, specify option stacked ax_chart :","code":"data(\"mpg\") apex(data = mpg, type = \"column\", mapping = aes(x = manufacturer)) apex(data = mpg, type = \"bar\", mapping = aes(x = manufacturer)) apex(data = mpg, type = \"column\", mapping = aes(x = manufacturer, fill = year)) apex(data = mpg, type = \"column\", mapping = aes(x = manufacturer, fill = year)) %>% ax_chart(stacked = TRUE)"},{"path":"/articles/apexcharter.html","id":"line-charts","dir":"Articles","previous_headings":"","what":"Line charts","title":"Starting with ApexCharts","text":"Simple line charts can created (works character, Date POSIXct): represent several lines, use data.frame long format group aesthetic: Create area charts type = \"area\":","code":"data(\"economics\") apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) 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 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)"},{"path":"/articles/apexcharter.html","id":"scatter-charts","dir":"Articles","previous_headings":"","what":"Scatter charts","title":"Starting with ApexCharts","text":"Simple bar charts can created : Color points according third variable: change point size using z aesthetics:","code":"apex(data = mtcars, type = \"scatter\", mapping = aes(x = wt, y = mpg)) apex(data = mtcars, type = \"scatter\", mapping = aes(x = wt, y = mpg, fill = cyl)) apex(data = mtcars, type = \"scatter\", mapping = aes(x = wt, y = mpg, z = scales::rescale(qsec)))"},{"path":"/articles/apexcharter.html","id":"pie-charts","dir":"Articles","previous_headings":"","what":"Pie charts","title":"Starting with ApexCharts","text":"Simple pie charts can created :","code":"poll <- data.frame( answer = c(\"Yes\", \"No\"), n = c(254, 238) ) apex(data = poll, type = \"pie\", mapping = aes(x = answer, y = n))"},{"path":"/articles/apexcharter.html","id":"radial-charts","dir":"Articles","previous_headings":"","what":"Radial charts","title":"Starting with ApexCharts","text":"Simple radial charts can created (pass values directly aes, can use data.frame) : Multi radial chart (one value):","code":"apex(data = NULL, type = \"radialBar\", mapping = aes(x = \"My value\", y = 65)) fruits <- data.frame( name = c('Apples', 'Oranges', 'Bananas', 'Berries'), value = c(44, 55, 67, 83) ) apex(data = fruits, type = \"radialBar\", mapping = aes(x = name, y = value))"},{"path":"/articles/apexcharter.html","id":"radar-charts","dir":"Articles","previous_headings":"","what":"Radar charts","title":"Starting with ApexCharts","text":"Simple radar charts can created : grouping variable:","code":"mtcars$model <- rownames(mtcars) apex(data = head(mtcars), type = \"radar\", mapping = aes(x = model, y = qsec)) # extremely complicated reshaping new_mtcars <- reshape( data = head(mtcars), idvar = \"model\", varying = list(c(\"drat\", \"wt\")), times = c(\"drat\", \"wt\"), direction = \"long\", v.names = \"value\", drop = c(\"mpg\", \"cyl\", \"hp\", \"dist\", \"qsec\", \"vs\", \"am\", \"gear\", \"carb\") ) apex(data = new_mtcars, type = \"radar\", mapping = aes(x = model, y = value, group = time))"},{"path":"/articles/apexcharter.html","id":"polar-area","dir":"Articles","previous_headings":"","what":"Polar area","title":"Starting with ApexCharts","text":"custom options color mapping:","code":"apex(mtcars, aes(rownames(mtcars), mpg), type = \"polarArea\") %>% ax_legend(show = FALSE) %>% ax_colors(col_numeric(\"Blues\", domain = NULL)(mtcars$mpg)) %>% ax_fill(opacity = 1) %>% ax_stroke(width = 0) %>% ax_tooltip(fillSeriesColor = FALSE)"},{"path":"/articles/apexcharter.html","id":"heatmap","dir":"Articles","previous_headings":"","what":"Heatmap","title":"Starting with ApexCharts","text":"Create heatmap :","code":"# create some data sales <- expand.grid(year = 2010:2020, month = month.name) sales$value <- sample(-10:30, nrow(sales), TRUE) apex( data = sales, type = \"heatmap\", mapping = aes(x = year, y = month, fill = value) ) %>% ax_dataLabels(enabled = FALSE) %>% ax_colors(\"#008FFB\")"},{"path":"/articles/apexcharter.html","id":"treemap","dir":"Articles","previous_headings":"","what":"Treemap","title":"Starting with ApexCharts","text":"Create treemap :","code":"data(\"mpg\", package = \"ggplot2\") apex(mpg, aes(x = manufacturer), \"treemap\")"},{"path":"/articles/apexcharter.html","id":"candlestick","dir":"Articles","previous_headings":"","what":"Candlestick","title":"Starting with ApexCharts","text":"Create candlestick chart :","code":"data(\"candles\", package = \"apexcharter\") apex( candles, aes(x = datetime, open = open, close = close, low = low, high = high), type = \"candlestick\" )"},{"path":"/articles/articles/advanced-configuration.html","id":"bar-chart","dir":"Articles > Articles","previous_headings":"","what":"Bar chart","title":"Advanced configuration examples","text":"example taken {hrbrthemes} readme, use mpg dataset {ggplot2}. Transform data initialize chart : Change color used : Modify y-axis add percent symbol labels : Add title x-axis : Modify tooltip display “Percentage” instead variable name “pct” : Add title subtitle format : Final result looks like :","code":"data(\"mpg\", package = \"ggplot2\") bars <- count(mpg, class) %>% mutate(pct = n/sum(n)) %>% apex(mapping = aes(class, pct), type = \"column\") bars <- bars %>% ax_colors(\"#617a89\") bars <- bars %>% ax_yaxis( title = list(text = \"Weight (tons)\"), labels = list( formatter = format_num(\".0%\") ), tickAmount = 6, max = 0.3 ) bars <- bars %>% ax_xaxis( title = list(text = \"Fuel efficiency (mpg)\") ) bars <- bars %>% ax_tooltip( y = list( title = list( formatter = JS(\"function() {return 'Percentage';}\") ) ) ) bars <- bars %>% ax_labs( title = \"Seminal ggplot2 column chart example with percents\", subtitle = \"Example taken from {hrbrthemes} readme\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") ) bars data(\"mpg\", package = \"ggplot2\") count(mpg, class) %>% mutate(pct = n/sum(n)) %>% apex(mapping = aes(class, pct), type = \"column\") %>% ax_colors(\"#617a89\")%>% ax_yaxis( title = list(text = \"Weight (tons)\"), labels = list( formatter = format_num(\".0%\") ), tickAmount = 6, max = 0.3 ) %>% ax_xaxis( title = list(text = \"Fuel efficiency (mpg)\") ) %>% ax_tooltip( y = list( title = list( formatter = JS(\"function() {return 'Percentage';}\") ) ) ) %>% ax_labs( title = \"Seminal ggplot2 column chart example with percents\", subtitle = \"Example taken from {hrbrthemes} readme\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") )"},{"path":"/articles/articles/advanced-configuration.html","id":"lines","dir":"Articles > Articles","previous_headings":"","what":"Lines","title":"Advanced configuration examples","text":"Dataset used UNHCR (UN Refugee Agency) contains data UNHCR’s populations concern summarised continent origin. Transform data initialize chart : Put legend bottom : Change width lines : Change colors (Viridis palette) : Data million, y-axis divide 1e6 limit number digits : display years x-axis labels : tooltip, thousand separator value displayed : Add annotation chart identify Great Lakes refugee crisis 1994 : Add title subtitle format : Final result looks like :","code":"data(\"unhcr_ts\") lines <- unhcr_ts %>% filter(population_type == \"Refugees (incl. refugee-like situations)\") %>% mutate(date = as.Date(paste0(year, \"-01-01\"))) %>% apex(aes(date, n, group = continent_origin), type = \"line\") #> Warning in make_series(mapdata, mapping, type, serie_name): apex: all groups #> must have same length! You can use `tidyr::complete` for this. lines <- lines %>% ax_legend(position = \"bottom\") lines <- lines %>% ax_stroke(width = 2) lines <- lines %>% ax_colors(\"#440154\", \"#414487\", \"#2A788E\", \"#22A884\", \"#7AD151\", \"#FDE725\") lines <- lines %>% ax_yaxis( labels = list( formatter = JS(\"function(val) {return (val/1e6).toFixed(0);}\") ), title = list(text = \"Number of refugees (in million)\") ) lines <- lines %>% ax_xaxis(labels = list(format = \"yyyy\")) lines <- lines %>% ax_tooltip( x = list(format = \"yyyy\"), y = list( formatter = JS( # thousand separator in javascript \"function(value) {return value.toString().replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, \\\",\\\");}\" ) ) ) lines <- lines %>% ax_annotations( points = list( list( x = JS(\"new Date('1994').getTime()\"), y = 6935296, label = list(text = \"Great Lakes refugee crisis\", offsetY = 0), marker = list(size = 6) ) ) ) lines <- lines %>% ax_labs( title = \"Continent of origin for refugees population\", subtitle = \"Data from the UN Refugee Agency\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") ) lines data(\"unhcr_ts\") unhcr_ts %>% filter(population_type == \"Refugees (incl. refugee-like situations)\") %>% mutate(date = as.Date(paste0(year, \"-01-01\"))) %>% apex(aes(date, n, group = continent_origin), type = \"line\") %>% ax_legend(position = \"bottom\") %>% ax_stroke(width = 2) %>% ax_colors(\"#440154\", \"#414487\", \"#2A788E\", \"#22A884\", \"#7AD151\", \"#FDE725\") %>% ax_yaxis( labels = list( formatter = htmlwidgets::JS(\"function(val) {return (val/1e6).toFixed(0);}\") ), title = list(text = \"Number of refugees (in million)\") ) %>% ax_xaxis(labels = list(format = \"yyyy\")) %>% ax_tooltip( x = list(format = \"yyyy\"), y = list( formatter = JS( # thousand separator in javascript \"function(value) {return value.toString().replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, \\\",\\\");}\" ) ) ) %>% ax_annotations( points = list( list( x = JS(\"new Date('1994').getTime()\"), y = 6935296, label = list(text = \"Great Lakes refugee crisis\", offsetY = 0), marker = list(size = 6) ) ) ) %>% ax_labs( title = \"Continent of origin for refugees population\", subtitle = \"Data from the UN Refugee Agency\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") )"},{"path":"/articles/articles/advanced-configuration.html","id":"scatter-plot","dir":"Articles > Articles","previous_headings":"","what":"Scatter plot","title":"Advanced configuration examples","text":"Dataset used {gapminder}. Transform data initialize chart : Enable zoom axis : Show y-axis border ticks, decimals labels : Configuration x-axis, hide tooltip displayed axis (main tooltip), display two decimals labels (useful zooming, since values logarithm ’s lot decimals) : Display vertical grid lines (x-axis, y-axis enabled default) : Legend right slightly offset downwards : Add custom tooltip HTML string, data used aesthetic can accessed JavaScript w.config.series[seriesIndex].data[dataPointIndex].x (x variable gdpPercap), w.config.series[seriesIndex].data[dataPointIndex].label (country), ’s possible use custom aesthetics include data chart configuration script. Add title subtitle format : Final result looks like :","code":"data(\"gapminder\", package = \"gapminder\") scatter <- gapminder %>% filter(year == 2007) %>% mutate( gdpPercap = log(gdpPercap), pop = sqrt(pop / pi) / 1500 ) %>% apex( mapping = aes(gdpPercap, lifeExp, z = pop, group = continent, label = country), type = \"scatter\", height = \"500px\" ) scatter <- scatter %>% ax_chart(zoom = list( enabled = TRUE, type = \"xy\" )) scatter <- scatter %>% ax_yaxis( decimalsInFloat = 0, axisBorder = list(show = TRUE), axisTicks = list(show = TRUE), title = list(text = \"life expectancy at birth (in years)\") ) scatter <- scatter %>% ax_xaxis( tickAmount = 8, labels = list( formatter = JS(\"function(val) {return val.toFixed(2);}\") ), tooltip = list(enabled = FALSE), title = list(text = \"GDP per capita (log-scale)\") ) scatter <- scatter %>% ax_grid(xaxis = list(lines = list(show = TRUE))) scatter <- scatter %>% ax_legend(position = \"right\", offsetY = 70) scatter <- scatter %>% ax_tooltip(custom = JS(paste( \"function({ series, seriesIndex, dataPointIndex, w }) {\", \"console.log(w); return (\", \"'<div>' +\", \"'<div class = \\\"apexcharts-tooltip-title\\\">' +\", \"w.config.series[seriesIndex].data[dataPointIndex].label\", \"+ '<\/div>' +\", \"'<div style = \\\"padding: 5px;\\\">' +\", \"'<div class = \\\"apexcharts-tooltip-y-group\\\">' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'Population: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"Math.round(Math.pow(w.config.series[seriesIndex].data[dataPointIndex].z * 1500, 2) * Math.PI). toString().replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, \\\",\\\") +\", \"'<\/span>' +\", \"'<\/br>' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'GDP per capita: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"Math.round(Math.exp(w.config.series[seriesIndex].data[dataPointIndex].x)) +\", \"'<\/span>' +\", \"'<\/br>' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'Life expectancy: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"w.config.series[seriesIndex].data[dataPointIndex].y +\", \"'<\/span>' +\", \"'<\/div>' +\", \"'<\/div>' +\", \"'<\/div>'\", \");\", \"}\", sep = \"\\n\" ))) scatter <- scatter %>% ax_labs( title = \"Life expectancy, GDP and population\", subtitle = \"gapminder dataset from {gapminder}\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") ) scatter data(\"gapminder\", package = \"gapminder\") gapminder %>% filter(year == 2007) %>% mutate( gdpPercap = log(gdpPercap), pop = sqrt(pop / pi) / 1500 ) %>% apex(mapping = aes(gdpPercap, lifeExp, z = pop, group = continent, label = country), type = \"scatter\") %>% ax_chart(zoom = list( enabled = TRUE, type = \"xy\" )) %>% ax_yaxis( decimalsInFloat = 0, axisBorder = list(show = TRUE), axisTicks = list(show = TRUE), title = list(text = \"life expectancy at birth (in years)\") ) %>% ax_xaxis( tickAmount = 8, labels = list( formatter = JS(\"function(val) {return val.toFixed(2);}\") ), tooltip = list(enabled = FALSE), title = list(text = \"GDP per capita (log-scale)\") ) %>% ax_grid(xaxis = list(lines = list(show = TRUE))) %>% ax_legend(position = \"right\", offsetY = 70) %>% ax_tooltip(custom = JS(paste( \"function({ series, seriesIndex, dataPointIndex, w }) {\", \"console.log(w); return (\", \"'<div>' +\", \"'<div class = \\\"apexcharts-tooltip-title\\\">' +\", \"w.config.series[seriesIndex].data[dataPointIndex].label\", \"+ '<\/div>' +\", \"'<div style = \\\"padding: 5px;\\\">' +\", \"'<div class = \\\"apexcharts-tooltip-y-group\\\">' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'Population: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"Math.round(Math.pow(w.config.series[seriesIndex].data[dataPointIndex].z * 1500, 2) * Math.PI). toString().replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, \\\",\\\") +\", \"'<\/span>' +\", \"'<\/br>' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'GDP per capita: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"Math.round(Math.exp(w.config.series[seriesIndex].data[dataPointIndex].x)) +\", \"'<\/span>' +\", \"'<\/br>' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'Life expectancy: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"w.config.series[seriesIndex].data[dataPointIndex].y +\", \"'<\/span>' +\", \"'<\/div>' +\", \"'<\/div>' +\", \"'<\/div>'\", \");\", \"}\", sep = \"\\n\" ))) %>% ax_labs( title = \"Life expectancy, GDP and population\", subtitle = \"gapminder dataset from {gapminder}\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") )"},{"path":"/articles/articles/advanced-configuration.html","id":"heatmap","dir":"Articles > Articles","previous_headings":"","what":"Heatmap","title":"Advanced configuration examples","text":"adaption fancy {highcharter} example, based WSJ visualization. Remove animations (little slow otherwise) : Remove values displayed heatmap : Remove space squared heatmap : ’s possible make continuous scale legend (like highcharter), use breakpoints : Missing values colored default, set displayed white, now hide corresponding legend : Set size y-axis labels : Add vertical line identify year vaccine introduced : usual, add title subtitle format : Final result looks like :","code":"data(\"vaccines\", package = \"highcharter\") heatmap <- apex( vaccines, aes(year, state, fill = count), type = \"heatmap\", height = \"800px\" ) heatmap <- heatmap %>% ax_chart(animations = list(enabled = FALSE)) heatmap <- heatmap %>% ax_dataLabels(enabled = FALSE) heatmap <- heatmap %>% ax_stroke(width = 0) heatmap <- heatmap %>% ax_plotOptions( heatmap = heatmap_opts( radius = 0, enableShades = FALSE, colorScale = list( ranges = list( list( from = 0, to = 0.001, name = \"Missing\", color = \"#FFF\" ), list( from = 0.001, to = 4, name = \"low\", # color = \"#000004\" color = \"#FDE725\" ), list( from = 4, to = 70, name = \"mid-low\", # color = \"#781C6D\", color = \"#35B779\" ), list( from = 70, to = 290, name = \"mid-high\", # color = \"#ED6925\", color = \"#31688E\" ), list( from = 290, to = 3000, name = \"high\", # color = \"#FCFFA4\", color = \"#440154\" ) ) ) ) ) heatmap <- heatmap %>% ax_legend( formatter = JS( \"function(seriesName, opts) { if (seriesName == 'Missing') return null; else return seriesName; }\" ), offsetY = -15 ) heatmap <- heatmap %>% ax_yaxis( labels = list( style = list(fontSize = \"8px\") ) ) heatmap <- heatmap %>% ax_annotations( xaxis = list( list( x = 1963, x2 = 1963.1, strokeDashArray = 0, opacity = 1, borderColor = \"firebrick\", fillColor = \"firebrick\", label = list( borderColor = \"firebrick\", style = list(color = \"#FFF\", background = \"firebrick\"), text = \"Vaccine Introduced\", orientation = \"horizontal\", position = \"bottom\", offsetY = 0 ) ) ) ) heatmap <- heatmap %>% ax_labs( title = \"Infectious Diseases and Vaccines\", subtitle = \"vaccines dataset from {highcharter}\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") ) heatmap data(\"vaccines\", package = \"highcharter\") apex(vaccines, aes(year, state, fill = count), type = \"heatmap\") %>% ax_chart(animations = list(enabled = FALSE)) %>% ax_dataLabels(enabled = FALSE) %>% ax_stroke(width = 0) %>% ax_plotOptions( heatmap = heatmap_opts( radius = 0, enableShades = FALSE, colorScale = list( ranges = list( list( from = 0, to = 0.001, name = \"Missing\", color = \"#FFF\" ), list( from = 0.001, to = 4, name = \"low\", # color = \"#000004\" color = \"#FDE725\" ), list( from = 4, to = 70, name = \"mid-low\", # color = \"#781C6D\", color = \"#35B779\" ), list( from = 70, to = 290, name = \"mid-high\", # color = \"#ED6925\", color = \"#31688E\" ), list( from = 290, to = 3000, name = \"high\", # color = \"#FCFFA4\", color = \"#440154\" ) ) ) ) ) %>% ax_legend( formatter = JS( \"function(seriesName, opts) { if (seriesName == 'Missing') return null; else return seriesName; }\" ), offsetY = -15 ) %>% ax_yaxis( labels = list( style = list(fontSize = \"8px\"), offsetY = -20 ) ) %>% ax_annotations( xaxis = list( list( x = 1963, x2 = 1963.1, strokeDashArray = 0, opacity = 1, borderColor = \"firebrick\", fillColor = \"firebrick\", label = list( borderColor = \"firebrick\", style = list(color = \"#FFF\", background = \"firebrick\"), text = \"Vaccine Introduced\", orientation = \"horizontal\", position = \"bottom\", offsetY = 0 ) ) ) ) %>% ax_labs( title = \"Infectious Diseases and Vaccines\", subtitle = \"vaccines dataset from {highcharter}\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") )"},{"path":"/articles/chart-options.html","id":"title-subtitle-and-axis-titles","dir":"Articles","previous_headings":"","what":"Title, subtitle and axis titles","title":"Chart options","text":"Packages data used :","code":"library(apexcharter) data(\"diamonds\", package = \"ggplot2\")"},{"path":"/articles/chart-options.html","id":"labs","dir":"Articles","previous_headings":"Title, subtitle and axis titles","what":"Labs","title":"Chart options","text":"can set title, subtitle axis’ titles ax_labs(): want control (font size, alignment, …), can use ax_title(), ax_subtitle(), ax_xaxis() ax_yaxis(), described .","code":"apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_labs( title = \"Cut distribution\", subtitle = \"Data from ggplot2\", x = \"Cut\", y = \"Count\" )"},{"path":"/articles/chart-options.html","id":"title","dir":"Articles","previous_headings":"Title, subtitle and axis titles","what":"Title","title":"Chart options","text":"can set options, example: Full list parameters available : https://apexcharts.com/docs/options/title/","code":"apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_title(text = \"Cut distribution\") apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_title( text = \"Cut distribution\", align = \"center\", style = list(fontSize = \"22px\", fontWeight = 700) )"},{"path":"/articles/chart-options.html","id":"subtitle","dir":"Articles","previous_headings":"Title, subtitle and axis titles","what":"Subtitle","title":"Chart options","text":"options title: Full list parameters available : https://apexcharts.com/docs/options/subtitle/","code":"apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_title(text = \"Cut distribution\") %>% ax_subtitle(text = \"Data from ggplot2\") apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_title( text = \"Cut distribution\", align = \"center\", style = list(fontSize = \"22px\", fontWeight = 700) ) %>% ax_subtitle( text = \"Data from ggplot2\", align = \"center\", style = list(fontSize = \"16px\", fontWeight = 400, color = \"#BDBDBD\") )"},{"path":"/articles/chart-options.html","id":"axis-title","dir":"Articles","previous_headings":"Title, subtitle and axis titles","what":"Axis title","title":"Chart options","text":"options:","code":"apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_yaxis(title = list(text = \"Count\")) %>% ax_xaxis(title = list(text = \"Cut\")) apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_yaxis(title = list( text = \"Count\", style = list(fontSize = \"14px\", color = \"#BDBDBD\") )) %>% ax_xaxis(title = list( text = \"Cut\", style = list(fontSize = \"14px\", color = \"#BDBDBD\") ))"},{"path":"/articles/chart-options.html","id":"lines","dir":"Articles","previous_headings":"","what":"Lines","title":"Chart options","text":"","code":"library(apexcharter) ## economics dataset from ggplot2 data(\"economics\", package = \"ggplot2\") data(\"economics_long\", package = \"ggplot2\") economics <- tail(economics, 50) economics_long <- subset(economics_long, date >= \"2010-01-01\")"},{"path":"/articles/chart-options.html","id":"type-of-line","dir":"Articles","previous_headings":"Lines","what":"Type of line","title":"Chart options","text":"Classic line: Spline curve: Steps chart:","code":"apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_stroke(curve = \"smooth\") apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_stroke(curve = \"stepline\")"},{"path":"/articles/chart-options.html","id":"line-appearance","dir":"Articles","previous_headings":"Lines","what":"Line appearance","title":"Chart options","text":"Color line gradient: Solid area color: Line width: Dotted line","code":"apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_fill( type = \"gradient\", gradient = list( shade = \"dark\", gradientToColors = list(\"#FDD835\"), shadeIntensity = 1, type = \"horizontal\", opacityFrom = 1, opacityTo = 1, stops = c(0, 100, 100, 100) ) ) apex(data = economics, type = \"area\", mapping = aes(x = date, y = uempmed)) %>% ax_fill(type = \"solid\", opacity = 1) apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_stroke(width = 1) apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_stroke(dashArray = 6)"},{"path":"/articles/chart-options.html","id":"markers","dir":"Articles","previous_headings":"Lines","what":"Markers","title":"Chart options","text":"Add points line : Add labels points","code":"apex(data = tail(economics, 20), type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_markers(size = 6) apex(data = tail(economics, 20), type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_markers(size = 6) %>% ax_dataLabels(enabled = TRUE)"},{"path":"/articles/chart-options.html","id":"multiple-lines","dir":"Articles","previous_headings":"Lines","what":"Multiple lines","title":"Chart options","text":"can use vectors parameters custom series separately:","code":"apex(data = economics_long, type = \"line\", mapping = aes(x = date, y = value01, group = variable)) %>% 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))"},{"path":"/articles/extra/advanced-configuration.html","id":"bar-chart","dir":"Articles > Extra","previous_headings":"","what":"Bar chart","title":"Advanced configuration examples","text":"example taken {hrbrthemes} readme, use mpg dataset {ggplot2}. Transform data initialize chart : Change color used : Modify y-axis add percent symbol labels : Add title x-axis : Modify tooltip display “Percentage” instead variable name “pct” : Add title subtitle format : Final result looks like :","code":"data(\"mpg\", package = \"ggplot2\") bars <- count(mpg, class) %>% mutate(pct = n/sum(n)) %>% apex(mapping = aes(class, pct), type = \"column\") bars <- bars %>% ax_colors(\"#617a89\") bars <- bars %>% ax_yaxis( title = list(text = \"Weight (tons)\"), labels = list( formatter = format_num(\".0%\") ), tickAmount = 6, max = 0.3 ) bars <- bars %>% ax_xaxis( title = list(text = \"Fuel efficiency (mpg)\") ) bars <- bars %>% ax_tooltip( y = list( title = list( formatter = JS(\"function() {return 'Percentage';}\") ) ) ) bars <- bars %>% ax_labs( title = \"Seminal ggplot2 column chart example with percents\", subtitle = \"Example taken from {hrbrthemes} readme\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") ) bars data(\"mpg\", package = \"ggplot2\") count(mpg, class) %>% mutate(pct = n/sum(n)) %>% apex(mapping = aes(class, pct), type = \"column\") %>% ax_colors(\"#617a89\")%>% ax_yaxis( title = list(text = \"Weight (tons)\"), labels = list( formatter = format_num(\".0%\") ), tickAmount = 6, max = 0.3 ) %>% ax_xaxis( title = list(text = \"Fuel efficiency (mpg)\") ) %>% ax_tooltip( y = list( title = list( formatter = JS(\"function() {return 'Percentage';}\") ) ) ) %>% ax_labs( title = \"Seminal ggplot2 column chart example with percents\", subtitle = \"Example taken from {hrbrthemes} readme\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") )"},{"path":"/articles/extra/advanced-configuration.html","id":"lines","dir":"Articles > Extra","previous_headings":"","what":"Lines","title":"Advanced configuration examples","text":"Dataset used UNHCR (UN Refugee Agency) contains data UNHCR’s populations concern summarised continent origin. Transform data initialize chart : Put legend bottom : Change width lines : Change colors (Viridis palette) : Data million, y-axis divide 1e6 limit number digits : display years x-axis labels : tooltip, thousand separator value displayed : Add annotation chart identify Great Lakes refugee crisis 1994 : Add title subtitle format : Final result looks like :","code":"data(\"unhcr_ts\") lines <- unhcr_ts %>% filter(population_type == \"Refugees (incl. refugee-like situations)\") %>% mutate(date = as.Date(paste0(year, \"-01-01\"))) %>% apex(aes(date, n, group = continent_origin), type = \"line\") #> Warning in make_series(mapdata, mapping, type, serie_name): apex: all groups #> must have same length! You can use `tidyr::complete` for this. lines <- lines %>% ax_legend(position = \"bottom\") lines <- lines %>% ax_stroke(width = 2) lines <- lines %>% ax_colors(\"#440154\", \"#414487\", \"#2A788E\", \"#22A884\", \"#7AD151\", \"#FDE725\") lines <- lines %>% ax_yaxis( labels = list( formatter = JS(\"function(val) {return (val/1e6).toFixed(0);}\") ), title = list(text = \"Number of refugees (in million)\") ) lines <- lines %>% ax_xaxis(labels = list(format = \"yyyy\")) lines <- lines %>% ax_tooltip( x = list(format = \"yyyy\"), y = list( formatter = JS( # thousand separator in javascript \"function(value) {return value.toString().replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, \\\",\\\");}\" ) ) ) lines <- lines %>% ax_annotations( points = list( list( x = JS(\"new Date('1994').getTime()\"), y = 6935296, label = list(text = \"Great Lakes refugee crisis\", offsetY = 0), marker = list(size = 6) ) ) ) lines <- lines %>% ax_labs( title = \"Continent of origin for refugees population\", subtitle = \"Data from the UN Refugee Agency\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") ) lines data(\"unhcr_ts\") unhcr_ts %>% filter(population_type == \"Refugees (incl. refugee-like situations)\") %>% mutate(date = as.Date(paste0(year, \"-01-01\"))) %>% apex(aes(date, n, group = continent_origin), type = \"line\") %>% ax_legend(position = \"bottom\") %>% ax_stroke(width = 2) %>% ax_colors(\"#440154\", \"#414487\", \"#2A788E\", \"#22A884\", \"#7AD151\", \"#FDE725\") %>% ax_yaxis( labels = list( formatter = htmlwidgets::JS(\"function(val) {return (val/1e6).toFixed(0);}\") ), title = list(text = \"Number of refugees (in million)\") ) %>% ax_xaxis(labels = list(format = \"yyyy\")) %>% ax_tooltip( x = list(format = \"yyyy\"), y = list( formatter = JS( # thousand separator in javascript \"function(value) {return value.toString().replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, \\\",\\\");}\" ) ) ) %>% ax_annotations( points = list( list( x = JS(\"new Date('1994').getTime()\"), y = 6935296, label = list(text = \"Great Lakes refugee crisis\", offsetY = 0), marker = list(size = 6) ) ) ) %>% ax_labs( title = \"Continent of origin for refugees population\", subtitle = \"Data from the UN Refugee Agency\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") )"},{"path":"/articles/extra/advanced-configuration.html","id":"scatter-plot","dir":"Articles > Extra","previous_headings":"","what":"Scatter plot","title":"Advanced configuration examples","text":"Dataset used {gapminder}. Transform data initialize chart : Enable zoom axis : Show y-axis border ticks, decimals labels : Configuration x-axis, hide tooltip displayed axis (main tooltip), display two decimals labels (useful zooming, since values logarithm ’s lot decimals) : Display vertical grid lines (x-axis, y-axis enabled default) : Legend right slightly offset downwards : Add custom tooltip HTML string, data used aesthetic can accessed JavaScript w.config.series[seriesIndex].data[dataPointIndex].x (x variable gdpPercap), w.config.series[seriesIndex].data[dataPointIndex].label (country), ’s possible use custom aesthetics include data chart configuration script. Add title subtitle format : Final result looks like :","code":"data(\"gapminder\", package = \"gapminder\") scatter <- gapminder %>% filter(year == 2007) %>% mutate( gdpPercap = log(gdpPercap), pop = sqrt(pop / pi) / 1500 ) %>% apex( mapping = aes(gdpPercap, lifeExp, z = pop, group = continent, label = country), type = \"scatter\", height = \"500px\" ) scatter <- scatter %>% ax_chart(zoom = list( enabled = TRUE, type = \"xy\" )) scatter <- scatter %>% ax_yaxis( decimalsInFloat = 0, axisBorder = list(show = TRUE), axisTicks = list(show = TRUE), title = list(text = \"life expectancy at birth (in years)\") ) scatter <- scatter %>% ax_xaxis( tickAmount = 8, labels = list( formatter = JS(\"function(val) {return val.toFixed(2);}\") ), tooltip = list(enabled = FALSE), title = list(text = \"GDP per capita (log-scale)\") ) scatter <- scatter %>% ax_grid(xaxis = list(lines = list(show = TRUE))) scatter <- scatter %>% ax_legend(position = \"right\", offsetY = 70) scatter <- scatter %>% ax_tooltip(custom = JS(paste( \"function({ series, seriesIndex, dataPointIndex, w }) {\", \"console.log(w); return (\", \"'<div>' +\", \"'<div class = \\\"apexcharts-tooltip-title\\\">' +\", \"w.config.series[seriesIndex].data[dataPointIndex].label\", \"+ '<\/div>' +\", \"'<div style = \\\"padding: 5px;\\\">' +\", \"'<div class = \\\"apexcharts-tooltip-y-group\\\">' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'Population: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"Math.round(Math.pow(w.config.series[seriesIndex].data[dataPointIndex].z * 1500, 2) * Math.PI). toString().replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, \\\",\\\") +\", \"'<\/span>' +\", \"'<\/br>' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'GDP per capita: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"Math.round(Math.exp(w.config.series[seriesIndex].data[dataPointIndex].x)) +\", \"'<\/span>' +\", \"'<\/br>' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'Life expectancy: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"w.config.series[seriesIndex].data[dataPointIndex].y +\", \"'<\/span>' +\", \"'<\/div>' +\", \"'<\/div>' +\", \"'<\/div>'\", \");\", \"}\", sep = \"\\n\" ))) scatter <- scatter %>% ax_labs( title = \"Life expectancy, GDP and population\", subtitle = \"gapminder dataset from {gapminder}\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") ) scatter data(\"gapminder\", package = \"gapminder\") gapminder %>% filter(year == 2007) %>% mutate( gdpPercap = log(gdpPercap), pop = sqrt(pop / pi) / 1500 ) %>% apex(mapping = aes(gdpPercap, lifeExp, z = pop, group = continent, label = country), type = \"scatter\") %>% ax_chart(zoom = list( enabled = TRUE, type = \"xy\" )) %>% ax_yaxis( decimalsInFloat = 0, axisBorder = list(show = TRUE), axisTicks = list(show = TRUE), title = list(text = \"life expectancy at birth (in years)\") ) %>% ax_xaxis( tickAmount = 8, labels = list( formatter = JS(\"function(val) {return val.toFixed(2);}\") ), tooltip = list(enabled = FALSE), title = list(text = \"GDP per capita (log-scale)\") ) %>% ax_grid(xaxis = list(lines = list(show = TRUE))) %>% ax_legend(position = \"right\", offsetY = 70) %>% ax_tooltip(custom = JS(paste( \"function({ series, seriesIndex, dataPointIndex, w }) {\", \"console.log(w); return (\", \"'<div>' +\", \"'<div class = \\\"apexcharts-tooltip-title\\\">' +\", \"w.config.series[seriesIndex].data[dataPointIndex].label\", \"+ '<\/div>' +\", \"'<div style = \\\"padding: 5px;\\\">' +\", \"'<div class = \\\"apexcharts-tooltip-y-group\\\">' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'Population: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"Math.round(Math.pow(w.config.series[seriesIndex].data[dataPointIndex].z * 1500, 2) * Math.PI). toString().replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, \\\",\\\") +\", \"'<\/span>' +\", \"'<\/br>' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'GDP per capita: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"Math.round(Math.exp(w.config.series[seriesIndex].data[dataPointIndex].x)) +\", \"'<\/span>' +\", \"'<\/br>' +\", \"'<span class = \\\"apexcharts-tooltip-text-label\\\">' +\", \"'Life expectancy: ' +\", \"'<\/span>' +\", \"'<span class = \\\"apexcharts-tooltip-text-value\\\">' +\", \"w.config.series[seriesIndex].data[dataPointIndex].y +\", \"'<\/span>' +\", \"'<\/div>' +\", \"'<\/div>' +\", \"'<\/div>'\", \");\", \"}\", sep = \"\\n\" ))) %>% ax_labs( title = \"Life expectancy, GDP and population\", subtitle = \"gapminder dataset from {gapminder}\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") )"},{"path":"/articles/extra/advanced-configuration.html","id":"heatmap","dir":"Articles > Extra","previous_headings":"","what":"Heatmap","title":"Advanced configuration examples","text":"adaption fancy {highcharter} example, based WSJ visualization. Remove animations (little slow otherwise) : Remove values displayed heatmap : Remove space squared heatmap : ’s possible make continuous scale legend (like highcharter), use breakpoints : Missing values colored default, set displayed white, now hide corresponding legend : Set size y-axis labels : Add vertical line identify year vaccine introduced : usual, add title subtitle format : Final result looks like :","code":"data(\"vaccines\", package = \"highcharter\") heatmap <- apex( vaccines, aes(year, state, fill = count), type = \"heatmap\", height = \"800px\" ) heatmap <- heatmap %>% ax_chart(animations = list(enabled = FALSE)) heatmap <- heatmap %>% ax_dataLabels(enabled = FALSE) heatmap <- heatmap %>% ax_stroke(width = 0) heatmap <- heatmap %>% ax_plotOptions( heatmap = heatmap_opts( radius = 0, enableShades = FALSE, colorScale = list( ranges = list( list( from = 0, to = 0.001, name = \"Missing\", color = \"#FFF\" ), list( from = 0.001, to = 4, name = \"low\", # color = \"#000004\" color = \"#FDE725\" ), list( from = 4, to = 70, name = \"mid-low\", # color = \"#781C6D\", color = \"#35B779\" ), list( from = 70, to = 290, name = \"mid-high\", # color = \"#ED6925\", color = \"#31688E\" ), list( from = 290, to = 3000, name = \"high\", # color = \"#FCFFA4\", color = \"#440154\" ) ) ) ) ) heatmap <- heatmap %>% ax_legend( formatter = JS( \"function(seriesName, opts) { if (seriesName == 'Missing') return null; else return seriesName; }\" ), offsetY = -15 ) heatmap <- heatmap %>% ax_yaxis( labels = list( style = list(fontSize = \"8px\") ) ) heatmap <- heatmap %>% ax_annotations( xaxis = list( list( x = 1963, x2 = 1963.1, strokeDashArray = 0, opacity = 1, borderColor = \"firebrick\", fillColor = \"firebrick\", label = list( borderColor = \"firebrick\", style = list(color = \"#FFF\", background = \"firebrick\"), text = \"Vaccine Introduced\", orientation = \"horizontal\", position = \"bottom\", offsetY = 0 ) ) ) ) heatmap <- heatmap %>% ax_labs( title = \"Infectious Diseases and Vaccines\", subtitle = \"vaccines dataset from {highcharter}\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") ) heatmap data(\"vaccines\", package = \"highcharter\") apex(vaccines, aes(year, state, fill = count), type = \"heatmap\") %>% ax_chart(animations = list(enabled = FALSE)) %>% ax_dataLabels(enabled = FALSE) %>% ax_stroke(width = 0) %>% ax_plotOptions( heatmap = heatmap_opts( radius = 0, enableShades = FALSE, colorScale = list( ranges = list( list( from = 0, to = 0.001, name = \"Missing\", color = \"#FFF\" ), list( from = 0.001, to = 4, name = \"low\", # color = \"#000004\" color = \"#FDE725\" ), list( from = 4, to = 70, name = \"mid-low\", # color = \"#781C6D\", color = \"#35B779\" ), list( from = 70, to = 290, name = \"mid-high\", # color = \"#ED6925\", color = \"#31688E\" ), list( from = 290, to = 3000, name = \"high\", # color = \"#FCFFA4\", color = \"#440154\" ) ) ) ) ) %>% ax_legend( formatter = JS( \"function(seriesName, opts) { if (seriesName == 'Missing') return null; else return seriesName; }\" ), offsetY = -15 ) %>% ax_yaxis( labels = list( style = list(fontSize = \"8px\"), offsetY = -20 ) ) %>% ax_annotations( xaxis = list( list( x = 1963, x2 = 1963.1, strokeDashArray = 0, opacity = 1, borderColor = \"firebrick\", fillColor = \"firebrick\", label = list( borderColor = \"firebrick\", style = list(color = \"#FFF\", background = \"firebrick\"), text = \"Vaccine Introduced\", orientation = \"horizontal\", position = \"bottom\", offsetY = 0 ) ) ) ) %>% ax_labs( title = \"Infectious Diseases and Vaccines\", subtitle = \"vaccines dataset from {highcharter}\" ) %>% ax_title( style = list(fontSize = \"22px\") ) %>% ax_subtitle( style = list(fontSize = \"16px\", color = \"#BDBDBD\") )"},{"path":"/articles/extra/chart-options.html","id":"title-subtitle-and-axis-titles","dir":"Articles > Extra","previous_headings":"","what":"Title, subtitle and axis titles","title":"Customize chart options","text":"Packages data used :","code":"library(apexcharter) data(\"diamonds\", package = \"ggplot2\")"},{"path":"/articles/extra/chart-options.html","id":"labs","dir":"Articles > Extra","previous_headings":"Title, subtitle and axis titles","what":"Labs","title":"Customize chart options","text":"can set title, subtitle axis’ titles ax_labs(): want control (font size, alignment, …), can use ax_title(), ax_subtitle(), ax_xaxis() ax_yaxis(), described .","code":"apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_labs( title = \"Cut distribution\", subtitle = \"Data from ggplot2\", x = \"Cut\", y = \"Count\" )"},{"path":"/articles/extra/chart-options.html","id":"title","dir":"Articles > Extra","previous_headings":"Title, subtitle and axis titles","what":"Title","title":"Customize chart options","text":"can set options, example: Full list parameters available : https://apexcharts.com/docs/options/title/","code":"apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_title(text = \"Cut distribution\") apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_title( text = \"Cut distribution\", align = \"center\", style = list(fontSize = \"22px\", fontWeight = 700) )"},{"path":"/articles/extra/chart-options.html","id":"subtitle","dir":"Articles > Extra","previous_headings":"Title, subtitle and axis titles","what":"Subtitle","title":"Customize chart options","text":"options title: Full list parameters available : https://apexcharts.com/docs/options/subtitle/","code":"apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_title(text = \"Cut distribution\") %>% ax_subtitle(text = \"Data from ggplot2\") apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_title( text = \"Cut distribution\", align = \"center\", style = list(fontSize = \"22px\", fontWeight = 700) ) %>% ax_subtitle( text = \"Data from ggplot2\", align = \"center\", style = list(fontSize = \"16px\", fontWeight = 400, color = \"#BDBDBD\") )"},{"path":"/articles/extra/chart-options.html","id":"axis-title","dir":"Articles > Extra","previous_headings":"Title, subtitle and axis titles","what":"Axis title","title":"Customize chart options","text":"options:","code":"apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_yaxis(title = list(text = \"Count\")) %>% ax_xaxis(title = list(text = \"Cut\")) apex(data = diamonds, type = \"column\", mapping = aes(x = cut)) %>% ax_yaxis(title = list( text = \"Count\", style = list(fontSize = \"14px\", color = \"#BDBDBD\") )) %>% ax_xaxis(title = list( text = \"Cut\", style = list(fontSize = \"14px\", color = \"#BDBDBD\") ))"},{"path":"/articles/extra/chart-options.html","id":"lines","dir":"Articles > Extra","previous_headings":"","what":"Lines","title":"Customize chart options","text":"","code":"library(apexcharter) ## economics dataset from ggplot2 data(\"economics\", package = \"ggplot2\") data(\"economics_long\", package = \"ggplot2\") economics <- tail(economics, 50) economics_long <- subset(economics_long, date >= \"2010-01-01\")"},{"path":"/articles/extra/chart-options.html","id":"type-of-line","dir":"Articles > Extra","previous_headings":"Lines","what":"Type of line","title":"Customize chart options","text":"Classic line: Spline curve: Steps chart:","code":"apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_stroke(curve = \"smooth\") apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_stroke(curve = \"stepline\")"},{"path":"/articles/extra/chart-options.html","id":"line-appearance","dir":"Articles > Extra","previous_headings":"Lines","what":"Line appearance","title":"Customize chart options","text":"Color line gradient: Solid area color: Line width: Dotted line","code":"apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_fill( type = \"gradient\", gradient = list( shade = \"dark\", gradientToColors = list(\"#FDD835\"), shadeIntensity = 1, type = \"horizontal\", opacityFrom = 1, opacityTo = 1, stops = c(0, 100, 100, 100) ) ) apex(data = economics, type = \"area\", mapping = aes(x = date, y = uempmed)) %>% ax_fill(type = \"solid\", opacity = 1) apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_stroke(width = 1) apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_stroke(dashArray = 6)"},{"path":"/articles/extra/chart-options.html","id":"markers","dir":"Articles > Extra","previous_headings":"Lines","what":"Markers","title":"Customize chart options","text":"Add points line : Add labels points","code":"apex(data = tail(economics, 20), type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_markers(size = 6) apex(data = tail(economics, 20), type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_markers(size = 6) %>% ax_dataLabels(enabled = TRUE)"},{"path":"/articles/extra/chart-options.html","id":"multiple-lines","dir":"Articles > Extra","previous_headings":"Lines","what":"Multiple lines","title":"Customize chart options","text":"can use vectors parameters custom series separately:","code":"apex(data = economics_long, type = \"line\", mapping = aes(x = date, y = value01, group = variable)) %>% 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))"},{"path":"/articles/extra/facets.html","id":"facet-wrap","dir":"Articles > Extra","previous_headings":"","what":"Facet wrap","title":"Create grid of charts","text":"Create grid charts according variable data ax_facet_wrap() : Synchronized line charts free y-axis : Don’t forget set minWidth y axis labels synchronizing charts, otherwise unexpected results can occurs.","code":"library(apexcharter) data(\"mpg\", package = \"ggplot2\") apex(mpg, aes(displ, cty), type = \"scatter\") %>% ax_xaxis(labels = list(formatter = format_num(\".0f\"))) %>% ax_labs( title = \"Facet wrap example\", subtitle = \"mpg data from ggplot2\", x = \"engine displacement, in litres\", y = \"city miles per gallon\" ) %>% ax_facet_wrap(vars(drv), ncol = 2) library(apexcharter) data(\"economics_long\", package = \"ggplot2\") apex(economics_long, aes(date, value), type = \"line\", synchronize = \"sync-it\") %>% ax_yaxis( decimalsInFloat = 0, labels = list( formatter = format_num(\"~s\"), minWidth = 40 ) ) %>% ax_tooltip(x = list(format = \"yyyy\")) %>% ax_facet_wrap(vars(variable), scales = \"free_y\")"},{"path":"/articles/extra/facets.html","id":"facet-grid","dir":"Articles > Extra","previous_headings":"","what":"Facet grid","title":"Create grid of charts","text":"Create matrix charts defined row column faceting variables ax_facet_grid() :","code":"library(apexcharter) data(\"mpg\", package = \"ggplot2\") apex(mpg, aes(displ, cty), type = \"scatter\") %>% ax_xaxis(labels = list(formatter = format_num(\".0f\"))) %>% ax_labs( title = \"Facet grid example\", subtitle = \"mpg data from ggplot2\", x = \"engine displacement, in litres\", y = \"city miles per gallon\" ) %>% ax_facet_grid(rows = vars(drv), cols = vars(year))"},{"path":"/articles/extra/facets.html","id":"grid","dir":"Articles > Extra","previous_headings":"","what":"Grid","title":"Create grid of charts","text":"can construct grid (unrelated) charts apex_grid(), construct charts independently assemble grid: grid_area argument allow specify space occupied chart, can generate interactively grid template .","code":"library(apexcharter) data(\"mpg\", package = \"ggplot2\") # Construct 3 charts a1 <- apex(mpg, aes(manufacturer), type = \"bar\") a2 <- apex(mpg, aes(trans), type = \"column\") a3 <- apex(mpg, aes(drv), type = \"pie\") # Assemble them in a grid apex_grid( a1, a2, a3, grid_area = c(\"1 / 1 / 3 / 2\", \"1 / 2 / 2 / 4\", \"2 / 2 / 3 / 4\"), ncol = 3, nrow = 2, height = \"600px\" )"},{"path":"/articles/extra/shiny-integration.html","id":"create-and-update-or-destroy-and-re-create","dir":"Articles > Extra","previous_headings":"Charts","what":"Create and update (or destroy and re-create)","title":"Use in Shiny application","text":"graph generated Shiny, values change (via reactive function), graph regenerated, data updated. changed specific options graphic (maximum y axis value, chart’s title, …) updated. behavior can controlled auto_update argument (available apexchart() apex()) : default, auto_update TRUE : want re-create whole chart, set option FALSE: can also use config_update() specify update :","code":"apex(..., auto_update = TRUE) apex(..., auto_update = FALSE) apex(..., auto_update = config_update(update_options = TRUE))"},{"path":"/articles/extra/shiny-integration.html","id":"proxy","dir":"Articles > Extra","previous_headings":"Charts","what":"Proxy","title":"Use in Shiny application","text":"proxy also implemented update charts manually server-side. can update data: sure use shiny::isolate() block reactivity renderApexchart function set auto_update FALSE prevent updating twice. can use observe function (reactive function) apexchartProxy() output id get chart instance ax_proxy_series() update data. want update chart’s options, use :","code":"output$my_chart <- renderApexchart({ apex(data = isolate(data_reactive()), ..., auto_update = FALSE) }) observeEvent(input$update, { apexchartProxy(\"my_chart\") %>% ax_proxy_series(data_reactive()) }) observeEvent(input$update, { apexchartProxy(\"my_chart\") %>% ax_proxy_options(list( title = list( text = \"New title\" ), xaxis = list( max = NEW_VALUE ) )) })"},{"path":"/articles/extra/shiny-integration.html","id":"click","dir":"Articles > Extra","previous_headings":"Interactions","what":"Click","title":"Use in Shiny application","text":"Click chart select data point retrieve value server side set_input_click() : Value server-side available input$click. Depending type graphic, can retrieve : bar column: category (x-axis). pie donut: label. time-series: retrieve x-axis value, display markers size > 0 set tooltip’s options intersect = TRUE shared = FALSE. scatter: retrieve XY coordinates. Multiple selection possible can change darken effect selected bars : examples available :","code":"data.frame( month = month.abb, value = sample(1:100, 12) ) %>% apex(aes(month, value), height = \"250px\") %>% ax_title(\"Click a bar:\") %>% set_input_click(\"click\") data.frame( month = month.abb, value = sample(1:100, 12) ) %>% apex(aes(month, value), height = \"250px\") %>% ax_title(\"Click several bars:\") %>% set_input_click( inputId = \"click\", multiple = TRUE, effect_value = 0.1 ) run_demo_input(\"click\")"},{"path":"/articles/extra/shiny-integration.html","id":"zoom","dir":"Articles > Extra","previous_headings":"Interactions","what":"Zoom","title":"Use in Shiny application","text":"Retrieve coordinates axes graph zoomed : Value server-side available input$zoom form : values y NULL zoom possible x-axis, scatter chart example can zoom axis. examples available :","code":"data(\"economics\", package = \"ggplot2\") apex(economics, aes(date, psavert), type = \"line\", height = \"250px\") %>% set_input_zoom(\"zoom\") #> $x #> $x$min #> [1] \"1981-10-24 15:41:16 UTC\" #> #> $x$max #> [1] \"1992-01-24 06:40:22 UTC\" #> #> #> $y #> $y$min #> NULL #> #> $y$max #> NULL run_demo_input(\"zoom\")"},{"path":"/articles/extra/shiny-integration.html","id":"selection","dir":"Articles > Extra","previous_headings":"Interactions","what":"Selection","title":"Use in Shiny application","text":"Retrieve coordinates axes user select area chart (without zooming): Value server-side available input$selection form : can define selected area start: selection made possible x-axis, case scatter chart example, can select rectangle (axis): case, input value look like : examples available :","code":"apex(economics, aes(date, psavert), type = \"line\", height = \"250px\") %>% set_input_selection(\"selection\") #> $x #> $x$min #> [1] \"1981-10-24 15:41:16 UTC\" #> #> $x$max #> [1] \"1992-01-24 06:40:22 UTC\" apex(economics, aes(date, psavert), type = \"line\", height = \"250px\") %>% set_input_selection( inputId = \"selection\", xmin = format_date(\"1980-01-01\"), xmax = format_date(\"1985-01-01\") ) apex(iris, aes(Sepal.Length, Sepal.Width), type = \"scatter\", height = \"250px\") %>% set_input_selection(\"selection_scatter\", type = \"xy\") #> $x #> $x$min #> [1] 5.130187 #> #> $x$max #> [1] 5.541228 #> #> #> $y #> $y$min #> [1] 2.959623 #> #> $y$max #> [1] 3.860357 run_demo_input(\"selection\")"},{"path":"/articles/extra/sync-charts.html","id":"synchronize-charts","dir":"Articles > Extra","previous_headings":"","what":"Synchronize charts","title":"Synchronize charts with each other","text":"Apexcharts can sync (tooltip, zoom) several charts together providing common id synchronize argument. works Shiny Markdown. example create two charts, tooltip displayed charts hover one, zoom one, one synced : Note set common minWidth y axis labels. Different width yaxis different charts produce incorrect results hovering interacting. example Shiny, can run:","code":"apex( data = tail(economics, 150), mapping = aes(x = date, y = pce), type = \"line\", synchronize = \"economics\" ) %>% ax_yaxis( decimalsInFloat = 0, labels = list( formatter = format_num(\"~s\"), minWidth = 40 ) ) %>% ax_tooltip(x = list(format = \"yyyy\")) apex( data = tail(economics, 150), mapping = aes(x = date, y = psavert), type = \"line\", synchronize = \"economics\" ) %>% ax_yaxis( decimalsInFloat = 0, labels = list( formatter = format_num(\"~s\"), minWidth = 40 ) ) %>% ax_tooltip(x = list(format = \"yyyy\")) run_sync_demo()"},{"path":"/articles/extra/sync-charts.html","id":"brush-chart","dir":"Articles > Extra","previous_headings":"","what":"Brush chart","title":"Synchronize charts with each other","text":"Create brush chart navigate synced chart : use chart navigate chart .","code":"apex( data = economics, mapping = aes(x = date, y = psavert), type = \"line\" ) %>% ax_chart( id = \"target-chart\", # <-- define target id here toolbar = list( autoSelected = \"pan\", show = FALSE ) ) apex( data = economics, mapping = aes(x = date, y = psavert), type = \"line\", height = \"130px\" ) %>% ax_chart( brush = list( target = \"target-chart\", # <-- use target id here enabled = TRUE ), offsetY = -20, selection = list( enabled = TRUE, # <-- enable selection and define starting range xaxis = list( min = format_date(economics$date[1]), max = format_date(economics$date[100]) ) ) ) %>% ax_xaxis(labels = list(show = FALSE)) %>% ax_yaxis(labels = list(show = FALSE))"},{"path":"/articles/facets.html","id":"facet-wrap","dir":"Articles","previous_headings":"","what":"Facet wrap","title":"Facets: grid of charts","text":"Create grid charts according variable data ax_facet_wrap() : Synchronized line charts free y-axis : Don’t forget set minWidth y axis labels synchronizing charts, otherwise unexpected results can occurs.","code":"library(apexcharter) data(\"mpg\", package = \"ggplot2\") apex(mpg, aes(displ, cty), type = \"scatter\") %>% ax_xaxis(labels = list(formatter = format_num(\".0f\"))) %>% ax_labs( title = \"Facet wrap example\", subtitle = \"mpg data from ggplot2\", x = \"engine displacement, in litres\", y = \"city miles per gallon\" ) %>% ax_facet_wrap(vars(drv), ncol = 2) library(apexcharter) data(\"economics_long\", package = \"ggplot2\") apex(economics_long, aes(date, value), type = \"line\", synchronize = \"sync-it\") %>% ax_yaxis( decimalsInFloat = 0, labels = list( formatter = format_num(\"~s\"), minWidth = 40 ) ) %>% ax_tooltip(x = list(format = \"yyyy\")) %>% ax_facet_wrap(vars(variable), scales = \"free_y\")"},{"path":"/articles/facets.html","id":"facet-grid","dir":"Articles","previous_headings":"","what":"Facet grid","title":"Facets: grid of charts","text":"Create matrix charts defined row column faceting variables ax_facet_grid() :","code":"library(apexcharter) data(\"mpg\", package = \"ggplot2\") apex(mpg, aes(displ, cty), type = \"scatter\") %>% ax_xaxis(labels = list(formatter = format_num(\".0f\"))) %>% ax_labs( title = \"Facet grid example\", subtitle = \"mpg data from ggplot2\", x = \"engine displacement, in litres\", y = \"city miles per gallon\" ) %>% ax_facet_grid(rows = vars(drv), cols = vars(year))"},{"path":"/articles/facets.html","id":"grid","dir":"Articles","previous_headings":"","what":"Grid","title":"Facets: grid of charts","text":"can construct grid (unrelated) charts apex_grid(), construct charts independently assemble grid: grid_area argument allow specify space occupied chart, can generate interactively grid template .","code":"library(apexcharter) data(\"mpg\", package = \"ggplot2\") # Construct 3 charts a1 <- apex(mpg, aes(manufacturer), type = \"bar\") a2 <- apex(mpg, aes(trans), type = \"column\") a3 <- apex(mpg, aes(drv), type = \"pie\") # Assemble them in a grid apex_grid( a1, a2, a3, grid_area = c(\"1 / 1 / 3 / 2\", \"1 / 2 / 2 / 4\", \"2 / 2 / 3 / 4\"), ncol = 3, nrow = 2, height = \"600px\" )"},{"path":"/articles/shiny-integration.html","id":"create-and-update-or-destroy-and-re-create","dir":"Articles","previous_headings":"Charts","what":"Create and update (or destroy and re-create)","title":"Shiny integration","text":"graph generated Shiny, values change (via reactive function), graph regenerated, data updated. changed specific options graphic (maximum y axis value, chart’s title, …) updated. behavior can controlled auto_update argument (available apexchart() apex()) : default, auto_update TRUE : want re-create whole chart, set option FALSE: can also use config_update() specify update :","code":"apex(..., auto_update = TRUE) apex(..., auto_update = FALSE) apex(..., auto_update = config_update(update_options = TRUE))"},{"path":"/articles/shiny-integration.html","id":"proxy","dir":"Articles","previous_headings":"Charts","what":"Proxy","title":"Shiny integration","text":"proxy also implemented update charts manually server-side. can update data: sure use shiny::isolate() block reactivity renderApexchart function set auto_update FALSE prevent updating twice. can use observe function (reactive function) apexchartProxy() output id get chart instance ax_proxy_series() update data. want update chart’s options, use :","code":"output$my_chart <- renderApexchart({ apex(data = isolate(data_reactive()), ..., auto_update = FALSE) }) observeEvent(input$update, { apexchartProxy(\"my_chart\") %>% ax_proxy_series(data_reactive()) }) observeEvent(input$update, { apexchartProxy(\"my_chart\") %>% ax_proxy_options(list( title = list( text = \"New title\" ), xaxis = list( max = NEW_VALUE ) )) })"},{"path":"/articles/shiny-integration.html","id":"click","dir":"Articles","previous_headings":"Interactions","what":"Click","title":"Shiny integration","text":"Click chart select data point retrieve value server side set_input_click() : Value server-side available input$click. Depending type graphic, can retrieve : bar column: category (x-axis). pie donut: label. time-series: retrieve x-axis value, display markers size > 0 set tooltip’s options intersect = TRUE shared = FALSE. scatter: retrieve XY coordinates. Multiple selection possible can change darken effect selected bars : examples available :","code":"data.frame( month = month.abb, value = sample(1:100, 12) ) %>% apex(aes(month, value), height = \"250px\") %>% ax_title(\"Click a bar:\") %>% set_input_click(\"click\") data.frame( month = month.abb, value = sample(1:100, 12) ) %>% apex(aes(month, value), height = \"250px\") %>% ax_title(\"Click several bars:\") %>% set_input_click( inputId = \"click\", multiple = TRUE, effect_value = 0.1 ) run_demo_input(\"click\")"},{"path":"/articles/shiny-integration.html","id":"zoom","dir":"Articles","previous_headings":"Interactions","what":"Zoom","title":"Shiny integration","text":"Retrieve coordinates axes graph zoomed : Value server-side available input$zoom form : values y NULL zoom possible x-axis, scatter chart example can zoom axis. examples available :","code":"data(\"economics\", package = \"ggplot2\") apex(economics, aes(date, psavert), type = \"line\", height = \"250px\") %>% set_input_zoom(\"zoom\") #> $x #> $x$min #> [1] \"1981-10-24 15:41:16 UTC\" #> #> $x$max #> [1] \"1992-01-24 06:40:22 UTC\" #> #> #> $y #> $y$min #> NULL #> #> $y$max #> NULL run_demo_input(\"zoom\")"},{"path":"/articles/shiny-integration.html","id":"selection","dir":"Articles","previous_headings":"Interactions","what":"Selection","title":"Shiny integration","text":"Retrieve coordinates axes user select area chart (without zooming): Value server-side available input$selection form : can define selected area start: selection made possible x-axis, case scatter chart example, can select rectangle (axis): case, input value look like : examples available :","code":"apex(economics, aes(date, psavert), type = \"line\", height = \"250px\") %>% set_input_selection(\"selection\") #> $x #> $x$min #> [1] \"1981-10-24 15:41:16 UTC\" #> #> $x$max #> [1] \"1992-01-24 06:40:22 UTC\" apex(economics, aes(date, psavert), type = \"line\", height = \"250px\") %>% set_input_selection( inputId = \"selection\", xmin = format_date(\"1980-01-01\"), xmax = format_date(\"1985-01-01\") ) apex(iris, aes(Sepal.Length, Sepal.Width), type = \"scatter\", height = \"250px\") %>% set_input_selection(\"selection_scatter\", type = \"xy\") #> $x #> $x$min #> [1] 5.130187 #> #> $x$max #> [1] 5.541228 #> #> #> $y #> $y$min #> [1] 2.959623 #> #> $y$max #> [1] 3.860357 run_demo_input(\"selection\")"},{"path":"/articles/sync-charts.html","id":"sync-charts","dir":"Articles","previous_headings":"","what":"Sync charts","title":"Syncing charts","text":"Apexcharts can sync (tooltip, zoom) several charts together providing common id synchronize argument. works Shiny Markdown. example create two charts, tooltip displayed charts hover one, zoom one, one synced : Note set common minWidth y axis labels. Different width yaxis different charts produce incorrect results hovering interacting. example Shiny, can run:","code":"apex( data = tail(economics, 150), mapping = aes(x = date, y = pce), type = \"line\", synchronize = \"economics\" ) %>% ax_yaxis( decimalsInFloat = 0, labels = list( formatter = format_num(\"~s\"), minWidth = 40 ) ) %>% ax_tooltip(x = list(format = \"yyyy\")) apex( data = tail(economics, 150), mapping = aes(x = date, y = psavert), type = \"line\", synchronize = \"economics\" ) %>% ax_yaxis( decimalsInFloat = 0, labels = list( formatter = format_num(\"~s\"), minWidth = 40 ) ) %>% ax_tooltip(x = list(format = \"yyyy\")) run_sync_demo()"},{"path":"/articles/sync-charts.html","id":"brush-chart","dir":"Articles","previous_headings":"","what":"Brush chart","title":"Syncing charts","text":"Create brush chart navigate synced chart : use chart navigate chart .","code":"apex( data = economics, mapping = aes(x = date, y = psavert), type = \"line\" ) %>% ax_chart( id = \"target-chart\", # <-- define target id here toolbar = list( autoSelected = \"pan\", show = FALSE ) ) apex( data = economics, mapping = aes(x = date, y = psavert), type = \"line\", height = \"130px\" ) %>% ax_chart( brush = list( target = \"target-chart\", # <-- use target id here enabled = TRUE ), offsetY = -20, selection = list( enabled = TRUE, # <-- enable selection and define starting range xaxis = list( min = format_date(economics$date[1]), max = format_date(economics$date[100]) ) ) ) %>% ax_xaxis(labels = list(show = FALSE)) %>% ax_yaxis(labels = list(show = FALSE))"},{"path":"/authors.html","id":null,"dir":"","previous_headings":"","what":"Authors","title":"Authors","text":"Victor Perrier. Author, maintainer. Fanny Meyer. Author. Juned Chhipa. Copyright holder. apexcharts.js library Mike Bostock. Copyright holder. d3.format library","code":""},{"path":"/index.html","id":"apexcharter","dir":"","previous_headings":"","what":"Create Interactive Chart with the JavaScript ApexCharts Library","title":"Create Interactive Chart with the JavaScript ApexCharts Library","text":"Htmlwidget apexcharts.js : modern JavaScript charting library build interactive charts visualizations simple API. See online demo examples.","code":""},{"path":"/index.html","id":"installation","dir":"","previous_headings":"","what":"Installation","title":"Create Interactive Chart with the JavaScript ApexCharts Library","text":"Install CRAN : install development version GitHub :","code":"install.packages(\"apexcharter\") # install.packages(\"remotes\") remotes::install_github(\"dreamRs/apexcharter\")"},{"path":"/index.html","id":"quick-charts","dir":"","previous_headings":"","what":"Quick Charts","title":"Create Interactive Chart with the JavaScript ApexCharts Library","text":"Use apex function quickly create visualizations : datetime:","code":"library(apexcharter) data(\"mpg\", package = \"ggplot2\") apex(data = mpg, type = \"bar\", mapping = aes(manufacturer)) data(\"economics\", package = \"ggplot2\") apex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %>% ax_stroke(width = 1)"},{"path":"/index.html","id":"full-api","dir":"","previous_headings":"","what":"Full API","title":"Create Interactive Chart with the JavaScript ApexCharts Library","text":"methods ApexCharts available function like ax_* compatible pipe magrittr :","code":"library(apexcharter) data(mpg, package = \"ggplot2\") apexchart() %>% ax_chart(type = \"bar\") %>% ax_plotOptions(bar = bar_opts( horizontal = FALSE, endingShape = \"flat\", columnWidth = \"70%\", dataLabels = list( position = \"top\" )) ) %>% ax_grid( show = TRUE, position = \"front\", borderColor = \"#FFF\" ) %>% ax_series(list( name = \"Count\", data = tapply(mpg$manufacturer, mpg$manufacturer, length) )) %>% ax_colors(\"#112446\") %>% ax_xaxis(categories = unique(mpg$manufacturer)) %>% ax_title(text = \"Number of models\") %>% ax_subtitle(text = \"Data from ggplot2\")"},{"path":"/index.html","id":"raw-api","dir":"","previous_headings":"","what":"Raw API","title":"Create Interactive Chart with the JavaScript ApexCharts Library","text":"Pass list parameters function:","code":"apexchart(ax_opts = list( chart = list( type = \"line\" ), stroke = list( curve = \"smooth\" ), grid = list( borderColor = \"#e7e7e7\", row = list( colors = c(\"#f3f3f3\", \"transparent\"), opacity = 0.5 ) ), dataLabels = list( enabled = TRUE ), markers = list(style = \"inverted\", size = 6), series = list( list( name = \"High\", data = c(28, 29, 33, 36, 32, 32, 33) ), list( name = \"Low\", data = c(12, 11, 14, 18, 17, 13, 13) ) ), title = list( text = \"Average High & Low Temperature\", align = \"left\" ), xaxis = list( categories = month.abb[1:7] ), yaxis = list( title = list(text = \"Temperature\"), labels = list( formatter = htmlwidgets::JS(\"function(value) {return value + '\\u00b0C';}\") ) ) ))"},{"path":"/index.html","id":"development","dir":"","previous_headings":"","what":"Development","title":"Create Interactive Chart with the JavaScript ApexCharts Library","text":"package use {packer} manage JavaScript assets, see packer’s documentation . Install nodes modules : Modify srcjs/widgets/apexcharter.js, run: Re-install R package try apexcharter() apex() functions.","code":"packer::npm_install() packer::bundle()"},{"path":"/LICENSE.html","id":"mit-license","dir":"","previous_headings":"","what":"MIT License","title":"MIT License","text":"Copyright (c) 2020 Victor Perrier Permission hereby granted, free charge, person obtaining copy software associated documentation files (“Software”), deal Software without restriction, including without limitation rights use, copy, modify, merge, publish, distribute, sublicense, /sell copies Software, permit persons Software furnished , subject following conditions: copyright notice permission notice shall included copies substantial portions Software. SOFTWARE PROVIDED “”, WITHOUT WARRANTY KIND, EXPRESS IMPLIED, INCLUDING LIMITED WARRANTIES MERCHANTABILITY, FITNESS PARTICULAR PURPOSE NONINFRINGEMENT. EVENT SHALL AUTHORS COPYRIGHT HOLDERS LIABLE CLAIM, DAMAGES LIABILITY, WHETHER ACTION CONTRACT, TORT OTHERWISE, ARISING , CONNECTION SOFTWARE USE DEALINGS SOFTWARE.","code":""},{"path":"/reference/add-line.html","id":null,"dir":"Reference","previous_headings":"","what":"Add a line to a chart — add-line","title":"Add a line to a chart — add-line","text":"Add line existing chart (bar, scatter line types supported). scatter charts can also add smooth line.","code":""},{"path":"/reference/add-line.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Add a line to a chart — add-line","text":"","code":"add_line( ax, mapping, data = NULL, type = c(\"line\", \"spline\"), serie_name = NULL ) add_smooth_line( ax, formula = y ~ x, model = c(\"lm\", \"loess\"), n = 100, ..., type = c(\"line\", \"spline\"), serie_name = NULL )"},{"path":"/reference/add-line.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Add a line to a chart — add-line","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/add-line.html","id":"pkg-arg-mapping","dir":"Reference","previous_headings":"","what":"mapping (argument)","title":"Add a line to a chart — add-line","text":"mapping Default list aesthetic mappings use chart.","code":""},{"path":"/reference/add-line.html","id":"pkg-arg-data","dir":"Reference","previous_headings":"","what":"data (argument)","title":"Add a line to a chart — add-line","text":"data data.frame use add line, NULL (default), data.frame provided apex() used.","code":""},{"path":"/reference/add-line.html","id":"pkg-arg-type","dir":"Reference","previous_headings":"","what":"type (argument)","title":"Add a line to a chart — add-line","text":"type Type line.","code":""},{"path":"/reference/add-line.html","id":"pkg-arg-serie_name","dir":"Reference","previous_headings":"","what":"serie_name (argument)","title":"Add a line to a chart — add-line","text":"serie_name Name serie displayed tooltip legend.","code":""},{"path":"/reference/add-line.html","id":"pkg-arg-formula","dir":"Reference","previous_headings":"","what":"formula (argument)","title":"Add a line to a chart — add-line","text":"formula Formula passed method, default y ~ x main aesthetics.","code":""},{"path":"/reference/add-line.html","id":"pkg-arg-model","dir":"Reference","previous_headings":"","what":"model (argument)","title":"Add a line to a chart — add-line","text":"model Model use lm loess.","code":""},{"path":"/reference/add-line.html","id":"pkg-arg-n","dir":"Reference","previous_headings":"","what":"n (argument)","title":"Add a line to a chart — add-line","text":"n Number points used predictions.","code":""},{"path":"/reference/add-line.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Add a line to a chart — add-line","text":"... Arguments passed model.","code":""},{"path":"/reference/add-line.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Add a line to a chart — add-line","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/add-shade.html","id":null,"dir":"Reference","previous_headings":"","what":"Add a shaded area to a chart — add-shade","title":"Add a shaded area to a chart — add-shade","text":"add_shade() allow add shaded area specified range, add_shade_weekend() add shadow every week-end.","code":""},{"path":"/reference/add-shade.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Add a shaded area to a chart — add-shade","text":"","code":"add_shade(ax, from, to, color = \"#848484\", opacity = 0.2, label = NULL, ...) add_shade_weekend(ax, color = \"#848484\", opacity = 0.2, label = NULL, ...)"},{"path":"/reference/add-shade.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Add a shaded area to a chart — add-shade","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/add-shade.html","id":"pkg-arg-from","dir":"Reference","previous_headings":"","what":"from (argument)","title":"Add a shaded area to a chart — add-shade","text":"Vector position start shadow.","code":""},{"path":"/reference/add-shade.html","id":"pkg-arg-to","dir":"Reference","previous_headings":"","what":"to (argument)","title":"Add a shaded area to a chart — add-shade","text":"Vector position end shadow.","code":""},{"path":"/reference/add-shade.html","id":"pkg-arg-color","dir":"Reference","previous_headings":"","what":"color (argument)","title":"Add a shaded area to a chart — add-shade","text":"color Color shadow.","code":""},{"path":"/reference/add-shade.html","id":"pkg-arg-opacity","dir":"Reference","previous_headings":"","what":"opacity (argument)","title":"Add a shaded area to a chart — add-shade","text":"opacity Opacity shadow.","code":""},{"path":"/reference/add-shade.html","id":"pkg-arg-label","dir":"Reference","previous_headings":"","what":"label (argument)","title":"Add a shaded area to a chart — add-shade","text":"label Add label shade, use character see label controls.","code":""},{"path":"/reference/add-shade.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Add a shaded area to a chart — add-shade","text":"... Additional arguments, see https://apexcharts.com/docs/options/annotations/ possible options.","code":""},{"path":"/reference/add-shade.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Add a shaded area to a chart — add-shade","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/add-shade.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Add a shaded area to a chart — add-shade","text":"add_shade_weekend works variable used x-axis class Date POSIXt.","code":""},{"path":"/reference/add-vh-lines.html","id":null,"dir":"Reference","previous_headings":"","what":"Add horizontal or vertical line — add-vh-lines","title":"Add horizontal or vertical line — add-vh-lines","text":"Add horizontal vertical line","code":""},{"path":"/reference/add-vh-lines.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Add horizontal or vertical line — add-vh-lines","text":"","code":"add_hline(ax, value, color = \"#000\", dash = 0, label = NULL, ...) add_vline(ax, value, color = \"#000\", dash = 0, label = NULL, ...)"},{"path":"/reference/add-vh-lines.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Add horizontal or vertical line — add-vh-lines","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/add-vh-lines.html","id":"pkg-arg-value","dir":"Reference","previous_headings":"","what":"value (argument)","title":"Add horizontal or vertical line — add-vh-lines","text":"value Vector position line(s).","code":""},{"path":"/reference/add-vh-lines.html","id":"pkg-arg-color","dir":"Reference","previous_headings":"","what":"color (argument)","title":"Add horizontal or vertical line — add-vh-lines","text":"color Color(s) line(s).","code":""},{"path":"/reference/add-vh-lines.html","id":"pkg-arg-dash","dir":"Reference","previous_headings":"","what":"dash (argument)","title":"Add horizontal or vertical line — add-vh-lines","text":"dash Creates dashes borders SVG path. higher number creates space dashes border. Use 0 plain line.","code":""},{"path":"/reference/add-vh-lines.html","id":"pkg-arg-label","dir":"Reference","previous_headings":"","what":"label (argument)","title":"Add horizontal or vertical line — add-vh-lines","text":"label Add label shade, use character see label controls.","code":""},{"path":"/reference/add-vh-lines.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Add horizontal or vertical line — add-vh-lines","text":"... Additional arguments, see https://apexcharts.com/docs/options/annotations/ possible options.","code":""},{"path":"/reference/add-vh-lines.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Add horizontal or vertical line — add-vh-lines","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/add_event.html","id":null,"dir":"Reference","previous_headings":"","what":"Add an event to a chart — add_event","title":"Add an event to a chart — add_event","text":"Add vertical line mark special event chart.","code":""},{"path":"/reference/add_event.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Add an event to a chart — add_event","text":"","code":"add_event(ax, when, color = \"#E41A1C\", dash = 4, label = NULL, ...)"},{"path":"/reference/add_event.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Add an event to a chart — add_event","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/add_event.html","id":"pkg-arg-when","dir":"Reference","previous_headings":"","what":"when (argument)","title":"Add an event to a chart — add_event","text":"Vector position place event.","code":""},{"path":"/reference/add_event.html","id":"pkg-arg-color","dir":"Reference","previous_headings":"","what":"color (argument)","title":"Add an event to a chart — add_event","text":"color Color line.","code":""},{"path":"/reference/add_event.html","id":"pkg-arg-dash","dir":"Reference","previous_headings":"","what":"dash (argument)","title":"Add an event to a chart — add_event","text":"dash Creates dashes borders SVG path. higher number creates space dashes border. Use 0 plain line.","code":""},{"path":"/reference/add_event.html","id":"pkg-arg-label","dir":"Reference","previous_headings":"","what":"label (argument)","title":"Add an event to a chart — add_event","text":"label Add label shade, use character see label controls.","code":""},{"path":"/reference/add_event.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Add an event to a chart — add_event","text":"... Additional arguments, see https://apexcharts.com/docs/options/annotations/ possible options.","code":""},{"path":"/reference/add_event.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Add an event to a chart — add_event","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/add_event_marker.html","id":null,"dir":"Reference","previous_headings":"","what":"Add an event marker to a chart — add_event_marker","title":"Add an event marker to a chart — add_event_marker","text":"Add point label based datetime.","code":""},{"path":"/reference/add_event_marker.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Add an event marker to a chart — add_event_marker","text":"","code":"add_event_marker( ax, when, y, size = 5, color = \"#000\", fill = \"#FFF\", width = 2, shape = \"circle\", radius = 2, label = NULL, ... )"},{"path":"/reference/add_event_marker.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Add an event marker to a chart — add_event_marker","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-when","dir":"Reference","previous_headings":"","what":"when (argument)","title":"Add an event marker to a chart — add_event_marker","text":"Vector position place event.","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-y","dir":"Reference","previous_headings":"","what":"y (argument)","title":"Add an event marker to a chart — add_event_marker","text":"y Coordinate(s) y-axis.","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-size","dir":"Reference","previous_headings":"","what":"size (argument)","title":"Add an event marker to a chart — add_event_marker","text":"size Size marker.","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-color","dir":"Reference","previous_headings":"","what":"color (argument)","title":"Add an event marker to a chart — add_event_marker","text":"color Stroke Color marker point.","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-fill","dir":"Reference","previous_headings":"","what":"fill (argument)","title":"Add an event marker to a chart — add_event_marker","text":"fill Fill Color marker point.","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-width","dir":"Reference","previous_headings":"","what":"width (argument)","title":"Add an event marker to a chart — add_event_marker","text":"width Stroke Size marker point.","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-shape","dir":"Reference","previous_headings":"","what":"shape (argument)","title":"Add an event marker to a chart — add_event_marker","text":"shape Shape marker: \"circle\" \"square\".","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-radius","dir":"Reference","previous_headings":"","what":"radius (argument)","title":"Add an event marker to a chart — add_event_marker","text":"radius Radius marker (applies square shape).","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-label","dir":"Reference","previous_headings":"","what":"label (argument)","title":"Add an event marker to a chart — add_event_marker","text":"label Add label shade, use character see label controls.","code":""},{"path":"/reference/add_event_marker.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Add an event marker to a chart — add_event_marker","text":"... Additional arguments, see https://apexcharts.com/docs/options/annotations/ possible options.","code":""},{"path":"/reference/add_event_marker.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Add an event marker to a chart — add_event_marker","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/add_point.html","id":null,"dir":"Reference","previous_headings":"","what":"Add an annotation point — add_point","title":"Add an annotation point — add_point","text":"Add annotation point","code":""},{"path":"/reference/add_point.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Add an annotation point — add_point","text":"","code":"add_point( ax, x, y, size = 5, color = \"#000\", fill = \"#FFF\", width = 2, shape = \"circle\", radius = 2, label = NULL, ... )"},{"path":"/reference/add_point.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Add an annotation point — add_point","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-x","dir":"Reference","previous_headings":"","what":"x (argument)","title":"Add an annotation point — add_point","text":"x Coordinate(s) x-axis.","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-y","dir":"Reference","previous_headings":"","what":"y (argument)","title":"Add an annotation point — add_point","text":"y Coordinate(s) y-axis.","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-size","dir":"Reference","previous_headings":"","what":"size (argument)","title":"Add an annotation point — add_point","text":"size Size marker.","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-color","dir":"Reference","previous_headings":"","what":"color (argument)","title":"Add an annotation point — add_point","text":"color Stroke Color marker point.","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-fill","dir":"Reference","previous_headings":"","what":"fill (argument)","title":"Add an annotation point — add_point","text":"fill Fill Color marker point.","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-width","dir":"Reference","previous_headings":"","what":"width (argument)","title":"Add an annotation point — add_point","text":"width Stroke Size marker point.","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-shape","dir":"Reference","previous_headings":"","what":"shape (argument)","title":"Add an annotation point — add_point","text":"shape Shape marker: \"circle\" \"square\".","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-radius","dir":"Reference","previous_headings":"","what":"radius (argument)","title":"Add an annotation point — add_point","text":"radius Radius marker (applies square shape).","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-label","dir":"Reference","previous_headings":"","what":"label (argument)","title":"Add an annotation point — add_point","text":"label Add label shade, use character see label controls.","code":""},{"path":"/reference/add_point.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Add an annotation point — add_point","text":"... Additional arguments, see https://apexcharts.com/docs/options/annotations/ possible options.","code":""},{"path":"/reference/add_point.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Add an annotation point — add_point","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/apex-facets.html","id":null,"dir":"Reference","previous_headings":"","what":"Facets for ApexCharts — apex-facets","title":"Facets for ApexCharts — apex-facets","text":"Create matrix charts row column faceting variable (ax_facet_grid), specified number row column faceting variable(s) (ax_facet_wrap).","code":""},{"path":"/reference/apex-facets.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Facets for ApexCharts — apex-facets","text":"","code":"ax_facet_wrap( ax, facets, nrow = NULL, ncol = NULL, scales = c(\"fixed\", \"free\", \"free_y\", \"free_x\"), labeller = label_value, chart_height = \"300px\" ) ax_facet_grid( ax, rows = NULL, cols = NULL, scales = c(\"fixed\", \"free\", \"free_y\", \"free_x\"), labeller = label_value, chart_height = \"300px\" )"},{"path":"/reference/apex-facets.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Facets for ApexCharts — apex-facets","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/apex-facets.html","id":"pkg-arg-facets","dir":"Reference","previous_headings":"","what":"facets (argument)","title":"Facets for ApexCharts — apex-facets","text":"facets Variable(s) use facetting, wrapped vars(...).","code":""},{"path":"/reference/apex-facets.html","id":"pkg-arg-nrow, ncol","dir":"Reference","previous_headings":"","what":"nrow, ncol (argument)","title":"Facets for ApexCharts — apex-facets","text":"nrow, ncol Number row column output matrix.","code":""},{"path":"/reference/apex-facets.html","id":"pkg-arg-scales","dir":"Reference","previous_headings":"","what":"scales (argument)","title":"Facets for ApexCharts — apex-facets","text":"scales scales fixed (\"fixed\", default), free (\"free\"), free one dimension (\"free_x\", \"free_y\")?","code":""},{"path":"/reference/apex-facets.html","id":"pkg-arg-labeller","dir":"Reference","previous_headings":"","what":"labeller (argument)","title":"Facets for ApexCharts — apex-facets","text":"labeller function one argument containing facet value faceting variable.","code":""},{"path":"/reference/apex-facets.html","id":"pkg-arg-chart_height","dir":"Reference","previous_headings":"","what":"chart_height (argument)","title":"Facets for ApexCharts — apex-facets","text":"chart_height Individual chart height.","code":""},{"path":"/reference/apex-facets.html","id":"pkg-arg-rows, cols","dir":"Reference","previous_headings":"","what":"rows, cols (argument)","title":"Facets for ApexCharts — apex-facets","text":"rows, cols set variables expressions quoted vars() defining faceting groups rows columns dimension.","code":""},{"path":"/reference/apex-facets.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Facets for ApexCharts — apex-facets","text":"apexchart() htmlwidget object additionnal class \"apex_facet\".","code":""},{"path":"/reference/apex-facets.html","id":"section-warning","dir":"Reference","previous_headings":"","what":"Warning","title":"Facets for ApexCharts — apex-facets","text":"properly render Shiny applications, use apexfacetOutput() (UI) renderApexfacet() (Server).","code":""},{"path":"/reference/apex.html","id":null,"dir":"Reference","previous_headings":"","what":"Quick ApexCharts — apex","title":"Quick ApexCharts — apex","text":"Initialize chart three main parameters : data, mapping type chart.","code":""},{"path":"/reference/apex.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Quick ApexCharts — apex","text":"","code":"apex( data, mapping, type = \"column\", ..., auto_update = TRUE, synchronize = NULL, serie_name = NULL, width = NULL, height = NULL, elementId = NULL )"},{"path":"/reference/apex.html","id":"pkg-arg-data","dir":"Reference","previous_headings":"","what":"data (argument)","title":"Quick ApexCharts — apex","text":"data Default dataset use chart. already data.frame, coerced .data.frame.","code":""},{"path":"/reference/apex.html","id":"pkg-arg-mapping","dir":"Reference","previous_headings":"","what":"mapping (argument)","title":"Quick ApexCharts — apex","text":"mapping Default list aesthetic mappings use chart","code":""},{"path":"/reference/apex.html","id":"pkg-arg-type","dir":"Reference","previous_headings":"","what":"type (argument)","title":"Quick ApexCharts — apex","text":"type Specify chart type. Available options: \"column\", \"bar\", \"line\", \"step\", \"spline\", \"area\", \"area-step\", \"area-spline\", \"pie\", \"donut\", \"radialBar\", \"radar\", \"scatter\", \"heatmap\", \"treemap\", \"timeline\".","code":""},{"path":"/reference/apex.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Quick ApexCharts — apex","text":"... arguments passed methods. currently used.","code":""},{"path":"/reference/apex.html","id":"pkg-arg-auto_update","dir":"Reference","previous_headings":"","what":"auto_update (argument)","title":"Quick ApexCharts — apex","text":"auto_update Shiny application, update existing chart rather generating new one. Can TRUE/FALSE use config_update control.","code":""},{"path":"/reference/apex.html","id":"pkg-arg-synchronize","dir":"Reference","previous_headings":"","what":"synchronize (argument)","title":"Quick ApexCharts — apex","text":"synchronize Give common id charts synchronize (tooltip zoom).","code":""},{"path":"/reference/apex.html","id":"pkg-arg-serie_name","dir":"Reference","previous_headings":"","what":"serie_name (argument)","title":"Quick ApexCharts — apex","text":"serie_name Name serie displayed tooltip, used single serie.","code":""},{"path":"/reference/apex.html","id":"pkg-arg-width","dir":"Reference","previous_headings":"","what":"width (argument)","title":"Quick ApexCharts — apex","text":"width numeric input pixels.","code":""},{"path":"/reference/apex.html","id":"pkg-arg-height","dir":"Reference","previous_headings":"","what":"height (argument)","title":"Quick ApexCharts — apex","text":"height numeric input pixels.","code":""},{"path":"/reference/apex.html","id":"pkg-arg-elementId","dir":"Reference","previous_headings":"","what":"elementId (argument)","title":"Quick ApexCharts — apex","text":"elementId Use explicit element ID widget.","code":""},{"path":"/reference/apex.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Quick ApexCharts — apex","text":"apexcharts htmlwidget object.","code":""},{"path":"/reference/apexchart.html","id":null,"dir":"Reference","previous_headings":"","what":"Create an apexcharts.js widget — apexchart","title":"Create an apexcharts.js widget — apexchart","text":"Create apexcharts.js widget","code":""},{"path":"/reference/apexchart.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Create an apexcharts.js widget — apexchart","text":"","code":"apexchart( ax_opts = list(), auto_update = TRUE, width = NULL, height = NULL, elementId = NULL )"},{"path":"/reference/apexchart.html","id":"pkg-arg-ax_opts","dir":"Reference","previous_headings":"","what":"ax_opts (argument)","title":"Create an apexcharts.js widget — apexchart","text":"ax_opts list JSON format chart parameters.","code":""},{"path":"/reference/apexchart.html","id":"pkg-arg-auto_update","dir":"Reference","previous_headings":"","what":"auto_update (argument)","title":"Create an apexcharts.js widget — apexchart","text":"auto_update Shiny application, update existing chart rather generating new one. Can TRUE/FALSE use config_update control.","code":""},{"path":"/reference/apexchart.html","id":"pkg-arg-width","dir":"Reference","previous_headings":"","what":"width (argument)","title":"Create an apexcharts.js widget — apexchart","text":"width numeric input pixels.","code":""},{"path":"/reference/apexchart.html","id":"pkg-arg-height","dir":"Reference","previous_headings":"","what":"height (argument)","title":"Create an apexcharts.js widget — apexchart","text":"height numeric input pixels.","code":""},{"path":"/reference/apexchart.html","id":"pkg-arg-elementId","dir":"Reference","previous_headings":"","what":"elementId (argument)","title":"Create an apexcharts.js widget — apexchart","text":"elementId Use explicit element ID widget.","code":""},{"path":"/reference/apexchart.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Create an apexcharts.js widget — apexchart","text":"apexcharts htmlwidget object.","code":""},{"path":"/reference/apexcharter-exports.html","id":null,"dir":"Reference","previous_headings":"","what":"apexcharter exported operators and S3 methods — apexcharter-exports","title":"apexcharter exported operators and S3 methods — apexcharter-exports","text":"following functions imported re-exported apexcharter package avoid listing magrittr Depends apexcharter","code":""},{"path":"/reference/apexcharter-package.html","id":null,"dir":"Reference","previous_headings":"","what":"An htmlwidget interface to the\r\nApexCharts javascript chart library — apexcharter-package","title":"An htmlwidget interface to the\r\nApexCharts javascript chart library — apexcharter-package","text":"package allow use ApexCharts.js (https://apexcharts.com/), create interactive modern SVG charts.","code":""},{"path":"/reference/apexcharter-package.html","id":"section-author","dir":"Reference","previous_headings":"","what":"Author","title":"An htmlwidget interface to the\r\nApexCharts javascript chart library — apexcharter-package","text":"Victor Perrier (@dreamRs_fr)","code":""},{"path":"/reference/apexcharter-shiny-facets.html","id":null,"dir":"Reference","previous_headings":"","what":"Shiny bindings for faceting with apexcharter — apexcharter-shiny-facets","title":"Shiny bindings for faceting with apexcharter — apexcharter-shiny-facets","text":"Output render functions using apexcharter faceting within Shiny applications interactive Rmd documents.","code":""},{"path":"/reference/apexcharter-shiny-facets.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Shiny bindings for faceting with apexcharter — apexcharter-shiny-facets","text":"","code":"apexfacetOutput(outputId) renderApexfacet(expr, env = parent.frame(), quoted = FALSE)"},{"path":"/reference/apexcharter-shiny-facets.html","id":"pkg-arg-outputId","dir":"Reference","previous_headings":"","what":"outputId (argument)","title":"Shiny bindings for faceting with apexcharter — apexcharter-shiny-facets","text":"outputId output variable read ","code":""},{"path":"/reference/apexcharter-shiny-facets.html","id":"pkg-arg-expr","dir":"Reference","previous_headings":"","what":"expr (argument)","title":"Shiny bindings for faceting with apexcharter — apexcharter-shiny-facets","text":"expr expression generates apexcharter facet ax_facet_wrap() ax_facet_grid().","code":""},{"path":"/reference/apexcharter-shiny-facets.html","id":"pkg-arg-env","dir":"Reference","previous_headings":"","what":"env (argument)","title":"Shiny bindings for faceting with apexcharter — apexcharter-shiny-facets","text":"env environment evaluate expr.","code":""},{"path":"/reference/apexcharter-shiny-facets.html","id":"pkg-arg-quoted","dir":"Reference","previous_headings":"","what":"quoted (argument)","title":"Shiny bindings for faceting with apexcharter — apexcharter-shiny-facets","text":"quoted expr quoted expression (quote())? useful want save expression variable.","code":""},{"path":"/reference/apexcharter-shiny-facets.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Shiny bindings for faceting with apexcharter — apexcharter-shiny-facets","text":"Apexcharts output can included application UI.","code":""},{"path":"/reference/apexcharter-shiny-grid.html","id":null,"dir":"Reference","previous_headings":"","what":"Shiny bindings for grid with apexcharter — apexcharter-shiny-grid","title":"Shiny bindings for grid with apexcharter — apexcharter-shiny-grid","text":"Output render functions using apexcharter grid within Shiny applications interactive Rmd documents.","code":""},{"path":"/reference/apexcharter-shiny-grid.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Shiny bindings for grid with apexcharter — apexcharter-shiny-grid","text":"","code":"apexgridOutput(outputId) renderApexgrid(expr, env = parent.frame(), quoted = FALSE)"},{"path":"/reference/apexcharter-shiny-grid.html","id":"pkg-arg-outputId","dir":"Reference","previous_headings":"","what":"outputId (argument)","title":"Shiny bindings for grid with apexcharter — apexcharter-shiny-grid","text":"outputId output variable read ","code":""},{"path":"/reference/apexcharter-shiny-grid.html","id":"pkg-arg-expr","dir":"Reference","previous_headings":"","what":"expr (argument)","title":"Shiny bindings for grid with apexcharter — apexcharter-shiny-grid","text":"expr expression generates apexcharter grid.","code":""},{"path":"/reference/apexcharter-shiny-grid.html","id":"pkg-arg-env","dir":"Reference","previous_headings":"","what":"env (argument)","title":"Shiny bindings for grid with apexcharter — apexcharter-shiny-grid","text":"env environment evaluate expr.","code":""},{"path":"/reference/apexcharter-shiny-grid.html","id":"pkg-arg-quoted","dir":"Reference","previous_headings":"","what":"quoted (argument)","title":"Shiny bindings for grid with apexcharter — apexcharter-shiny-grid","text":"quoted expr quoted expression (quote())? useful want save expression variable.","code":""},{"path":"/reference/apexcharter-shiny-grid.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Shiny bindings for grid with apexcharter — apexcharter-shiny-grid","text":"Apexcharts output can included application UI.","code":""},{"path":"/reference/apexcharter-shiny.html","id":null,"dir":"Reference","previous_headings":"","what":"Shiny bindings for apexcharter — apexcharter-shiny","title":"Shiny bindings for apexcharter — apexcharter-shiny","text":"Output render functions using apexcharter within Shiny applications interactive Rmd documents.","code":""},{"path":"/reference/apexcharter-shiny.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Shiny bindings for apexcharter — apexcharter-shiny","text":"","code":"apexchartOutput(outputId, width = \"100%\", height = \"400px\") renderApexchart(expr, env = parent.frame(), quoted = FALSE) sparkBoxOutput(outputId, width = \"100%\", height = \"160px\") renderSparkBox(expr, env = parent.frame(), quoted = FALSE)"},{"path":"/reference/apexcharter-shiny.html","id":"pkg-arg-outputId","dir":"Reference","previous_headings":"","what":"outputId (argument)","title":"Shiny bindings for apexcharter — apexcharter-shiny","text":"outputId output variable read ","code":""},{"path":"/reference/apexcharter-shiny.html","id":"pkg-arg-width, height","dir":"Reference","previous_headings":"","what":"width, height (argument)","title":"Shiny bindings for apexcharter — apexcharter-shiny","text":"width, height Must valid CSS unit (like '100%', '400px', 'auto') number, coerced string 'px' appended.","code":""},{"path":"/reference/apexcharter-shiny.html","id":"pkg-arg-expr","dir":"Reference","previous_headings":"","what":"expr (argument)","title":"Shiny bindings for apexcharter — apexcharter-shiny","text":"expr expression generates apexcharter","code":""},{"path":"/reference/apexcharter-shiny.html","id":"pkg-arg-env","dir":"Reference","previous_headings":"","what":"env (argument)","title":"Shiny bindings for apexcharter — apexcharter-shiny","text":"env environment evaluate expr.","code":""},{"path":"/reference/apexcharter-shiny.html","id":"pkg-arg-quoted","dir":"Reference","previous_headings":"","what":"quoted (argument)","title":"Shiny bindings for apexcharter — apexcharter-shiny","text":"quoted expr quoted expression (quote())? useful want save expression variable.","code":""},{"path":"/reference/apexcharter-shiny.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Shiny bindings for apexcharter — apexcharter-shiny","text":"Apexcharts output can included application UI.","code":""},{"path":"/reference/apexchartProxy.html","id":null,"dir":"Reference","previous_headings":"","what":"Proxy for apexchart — apexchartProxy","title":"Proxy for apexchart — apexchartProxy","text":"Allow update chart Shiny application.","code":""},{"path":"/reference/apexchartProxy.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Proxy for apexchart — apexchartProxy","text":"","code":"apexchartProxy(shinyId, session = shiny::getDefaultReactiveDomain())"},{"path":"/reference/apexchartProxy.html","id":"pkg-arg-shinyId","dir":"Reference","previous_headings":"","what":"shinyId (argument)","title":"Proxy for apexchart — apexchartProxy","text":"shinyId single-element character vector indicating output ID chart modify (invoked Shiny module, namespace added automatically)","code":""},{"path":"/reference/apexchartProxy.html","id":"pkg-arg-session","dir":"Reference","previous_headings":"","what":"session (argument)","title":"Proxy for apexchart — apexchartProxy","text":"session Shiny session object chart belongs; usually default value suffice","code":""},{"path":"/reference/apex_grid.html","id":null,"dir":"Reference","previous_headings":"","what":"Create a grid of ApexCharts — apex_grid","title":"Create a grid of ApexCharts — apex_grid","text":"Create grid ApexCharts","code":""},{"path":"/reference/apex_grid.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Create a grid of ApexCharts — apex_grid","text":"","code":"apex_grid( ..., nrow = NULL, ncol = NULL, row_gap = \"10px\", col_gap = \"0px\", grid_area = NULL, height = NULL, width = NULL, .list = NULL )"},{"path":"/reference/apex_grid.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Create a grid of ApexCharts — apex_grid","text":"... Several apexcharts htmlwidget objects.","code":""},{"path":"/reference/apex_grid.html","id":"pkg-arg-nrow, ncol","dir":"Reference","previous_headings":"","what":"nrow, ncol (argument)","title":"Create a grid of ApexCharts — apex_grid","text":"nrow, ncol Number rows columns.","code":""},{"path":"/reference/apex_grid.html","id":"pkg-arg-row_gap, col_gap","dir":"Reference","previous_headings":"","what":"row_gap, col_gap (argument)","title":"Create a grid of ApexCharts — apex_grid","text":"row_gap, col_gap Gap rows columns.","code":""},{"path":"/reference/apex_grid.html","id":"pkg-arg-grid_area","dir":"Reference","previous_headings":"","what":"grid_area (argument)","title":"Create a grid of ApexCharts — apex_grid","text":"grid_area Custom grid area make elements take single cell grid, see https://cssgrid-generator.netlify.app/ examples.","code":""},{"path":"/reference/apex_grid.html","id":"pkg-arg-height, width","dir":"Reference","previous_headings":"","what":"height, width (argument)","title":"Create a grid of ApexCharts — apex_grid","text":"height, width Height width main grid.","code":""},{"path":"/reference/apex_grid.html","id":"pkg-arg-.list","dir":"Reference","previous_headings":"","what":".list (argument)","title":"Create a grid of ApexCharts — apex_grid","text":".list list apexcharts htmlwidget objects.","code":""},{"path":"/reference/apex_grid.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Create a grid of ApexCharts — apex_grid","text":"Custom apex_grid object.","code":""},{"path":"/reference/apex_grid.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Create a grid of ApexCharts — apex_grid","text":"provide either height grid individual chart height make work.","code":""},{"path":"/reference/ax-series.html","id":null,"dir":"Reference","previous_headings":"","what":"Add data to a chart — ax-series","title":"Add data to a chart — ax-series","text":"Add data chart","code":""},{"path":"/reference/ax-series.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Add data to a chart — ax-series","text":"","code":"ax_series(ax, ...) ax_series2(ax, l)"},{"path":"/reference/ax-series.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Add data to a chart — ax-series","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax-series.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Add data to a chart — ax-series","text":"... Lists containing data plot, typically list two items: name data.","code":""},{"path":"/reference/ax-series.html","id":"pkg-arg-l","dir":"Reference","previous_headings":"","what":"l (argument)","title":"Add data to a chart — ax-series","text":"l list.","code":""},{"path":"/reference/ax-series.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Add data to a chart — ax-series","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_annotations.html","id":null,"dir":"Reference","previous_headings":"","what":"Annotations properties — ax_annotations","title":"Annotations properties — ax_annotations","text":"Annotations properties","code":""},{"path":"/reference/ax_annotations.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Annotations properties — ax_annotations","text":"","code":"ax_annotations( ax, position = NULL, yaxis = NULL, xaxis = NULL, points = NULL, ... )"},{"path":"/reference/ax_annotations.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Annotations properties — ax_annotations","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_annotations.html","id":"pkg-arg-position","dir":"Reference","previous_headings":"","what":"position (argument)","title":"Annotations properties — ax_annotations","text":"position Whether put annotations behind charts front . Available Options: \"front\" \"back\".","code":""},{"path":"/reference/ax_annotations.html","id":"pkg-arg-yaxis","dir":"Reference","previous_headings":"","what":"yaxis (argument)","title":"Annotations properties — ax_annotations","text":"yaxis List lists.","code":""},{"path":"/reference/ax_annotations.html","id":"pkg-arg-xaxis","dir":"Reference","previous_headings":"","what":"xaxis (argument)","title":"Annotations properties — ax_annotations","text":"xaxis List lists.","code":""},{"path":"/reference/ax_annotations.html","id":"pkg-arg-points","dir":"Reference","previous_headings":"","what":"points (argument)","title":"Annotations properties — ax_annotations","text":"points List lists.","code":""},{"path":"/reference/ax_annotations.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Annotations properties — ax_annotations","text":"... Additional parameters.","code":""},{"path":"/reference/ax_annotations.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Annotations properties — ax_annotations","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_annotations.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Annotations properties — ax_annotations","text":"See https://apexcharts.com/docs/options/annotations/.","code":""},{"path":"/reference/ax_chart.html","id":null,"dir":"Reference","previous_headings":"","what":"Chart parameters — ax_chart","title":"Chart parameters — ax_chart","text":"Chart parameters","code":""},{"path":"/reference/ax_chart.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Chart parameters — ax_chart","text":"","code":"ax_chart( ax, type = NULL, stacked = NULL, stackType = NULL, defaultLocale = NULL, locales = NULL, animations = NULL, background = NULL, foreColor = NULL, dropShadow = NULL, events = NULL, offsetX = NULL, offsetY = NULL, selection = NULL, sparkline = NULL, toolbar = NULL, zoom = NULL, width = NULL, height = NULL, ... )"},{"path":"/reference/ax_chart.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Chart parameters — ax_chart","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-type","dir":"Reference","previous_headings":"","what":"type (argument)","title":"Chart parameters — ax_chart","text":"type Specify chart type. Available Options: \"bar\", \"column\", \"line\", \"pie\", \"donut\", \"radialBar\", \"scatter\", \"bubble\", \"heatmap\".","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-stacked","dir":"Reference","previous_headings":"","what":"stacked (argument)","title":"Chart parameters — ax_chart","text":"stacked Logical. Enables stacked option axis charts.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-stackType","dir":"Reference","previous_headings":"","what":"stackType (argument)","title":"Chart parameters — ax_chart","text":"stackType stacked, stacking percentage based normal stacking. Available options: \"normal\" \"100%\".","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-defaultLocale","dir":"Reference","previous_headings":"","what":"defaultLocale (argument)","title":"Chart parameters — ax_chart","text":"defaultLocale Locale use : \"ca\", \"cs\", \"de\", \"el\", \"en\", \"es\", \"fi\", \"fr\", \"\", \"hi\", \"hr\", \"hy\", \"id\", \"\", \"ko\", \"lt\", \"nb\", \"nl\", \"pl\", \"pt-br\", \"pt\", \"ru\", \"se\", \"sk\", \"sl\", \"th\", \"tr\", \"ua\".","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-locales","dir":"Reference","previous_headings":"","what":"locales (argument)","title":"Chart parameters — ax_chart","text":"locales Array custom locales parameters.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-animations","dir":"Reference","previous_headings":"","what":"animations (argument)","title":"Chart parameters — ax_chart","text":"animations list parameters.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-background","dir":"Reference","previous_headings":"","what":"background (argument)","title":"Chart parameters — ax_chart","text":"background Background color chart area. want set background css, use .apexcharts-canvas set .","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-foreColor","dir":"Reference","previous_headings":"","what":"foreColor (argument)","title":"Chart parameters — ax_chart","text":"foreColor Sets text color chart. Defaults #373d3f.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-dropShadow","dir":"Reference","previous_headings":"","what":"dropShadow (argument)","title":"Chart parameters — ax_chart","text":"dropShadow list parameters. See https://apexcharts.com/docs/options/chart/dropshadow/.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-events","dir":"Reference","previous_headings":"","what":"events (argument)","title":"Chart parameters — ax_chart","text":"events See events_opts.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Chart parameters — ax_chart","text":"offsetX Sets left offset chart.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Chart parameters — ax_chart","text":"offsetY Sets top offset chart.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-selection","dir":"Reference","previous_headings":"","what":"selection (argument)","title":"Chart parameters — ax_chart","text":"selection list parameters.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-sparkline","dir":"Reference","previous_headings":"","what":"sparkline (argument)","title":"Chart parameters — ax_chart","text":"sparkline List. Sparkline hides elements charts primary paths. Helps visualize data small areas. .","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-toolbar","dir":"Reference","previous_headings":"","what":"toolbar (argument)","title":"Chart parameters — ax_chart","text":"toolbar list parameters. See https://apexcharts.com/docs/options/chart/toolbar/.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-zoom","dir":"Reference","previous_headings":"","what":"zoom (argument)","title":"Chart parameters — ax_chart","text":"zoom list parameters. See https://apexcharts.com/docs/options/chart/zoom/.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-width","dir":"Reference","previous_headings":"","what":"width (argument)","title":"Chart parameters — ax_chart","text":"width Width chart.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-height","dir":"Reference","previous_headings":"","what":"height (argument)","title":"Chart parameters — ax_chart","text":"height Height chart.","code":""},{"path":"/reference/ax_chart.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Chart parameters — ax_chart","text":"... Additional parameters.","code":""},{"path":"/reference/ax_chart.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Chart parameters — ax_chart","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_colors.html","id":null,"dir":"Reference","previous_headings":"","what":"Colors — ax_colors","title":"Colors — ax_colors","text":"Colors","code":""},{"path":"/reference/ax_colors.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Colors — ax_colors","text":"","code":"ax_colors(ax, ...)"},{"path":"/reference/ax_colors.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Colors — ax_colors","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_colors.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Colors — ax_colors","text":"... Colors chart's series. colors used, starts beginning.","code":""},{"path":"/reference/ax_colors.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Colors — ax_colors","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_colors.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Colors — ax_colors","text":"See https://apexcharts.com/docs/options/colors/","code":""},{"path":"/reference/ax_colors_manual.html","id":null,"dir":"Reference","previous_headings":"","what":"Set specific color's series — ax_colors_manual","title":"Set specific color's series — ax_colors_manual","text":"Set specific color's series","code":""},{"path":"/reference/ax_colors_manual.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Set specific color's series — ax_colors_manual","text":"","code":"ax_colors_manual(ax, values)"},{"path":"/reference/ax_colors_manual.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Set specific color's series — ax_colors_manual","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_colors_manual.html","id":"pkg-arg-values","dir":"Reference","previous_headings":"","what":"values (argument)","title":"Set specific color's series — ax_colors_manual","text":"values Named list, names represent data series, values colors use.","code":""},{"path":"/reference/ax_colors_manual.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Set specific color's series — ax_colors_manual","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_dataLabels.html","id":null,"dir":"Reference","previous_headings":"","what":"Labels on data — ax_dataLabels","title":"Labels on data — ax_dataLabels","text":"Labels data","code":""},{"path":"/reference/ax_dataLabels.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Labels on data — ax_dataLabels","text":"","code":"ax_dataLabels( ax, enabled = NULL, textAnchor = NULL, offsetX = NULL, offsetY = NULL, style = NULL, dropShadow = NULL, formatter = NULL, ... )"},{"path":"/reference/ax_dataLabels.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Labels on data — ax_dataLabels","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_dataLabels.html","id":"pkg-arg-enabled","dir":"Reference","previous_headings":"","what":"enabled (argument)","title":"Labels on data — ax_dataLabels","text":"enabled determine whether show dataLabels .","code":""},{"path":"/reference/ax_dataLabels.html","id":"pkg-arg-textAnchor","dir":"Reference","previous_headings":"","what":"textAnchor (argument)","title":"Labels on data — ax_dataLabels","text":"textAnchor alignment text relative dataLabel's drawing position. Accepted values \"start\", \"middle\" \"end\".","code":""},{"path":"/reference/ax_dataLabels.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Labels on data — ax_dataLabels","text":"offsetX Sets left offset dataLabels.","code":""},{"path":"/reference/ax_dataLabels.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Labels on data — ax_dataLabels","text":"offsetY Sets top offset dataLabels.","code":""},{"path":"/reference/ax_dataLabels.html","id":"pkg-arg-style","dir":"Reference","previous_headings":"","what":"style (argument)","title":"Labels on data — ax_dataLabels","text":"style list parameters.","code":""},{"path":"/reference/ax_dataLabels.html","id":"pkg-arg-dropShadow","dir":"Reference","previous_headings":"","what":"dropShadow (argument)","title":"Labels on data — ax_dataLabels","text":"dropShadow list parameters.","code":""},{"path":"/reference/ax_dataLabels.html","id":"pkg-arg-formatter","dir":"Reference","previous_headings":"","what":"formatter (argument)","title":"Labels on data — ax_dataLabels","text":"formatter formatter function takes single value allows format value displaying","code":""},{"path":"/reference/ax_dataLabels.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Labels on data — ax_dataLabels","text":"... Additional parameters.","code":""},{"path":"/reference/ax_dataLabels.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Labels on data — ax_dataLabels","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_dataLabels.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Labels on data — ax_dataLabels","text":"See https://apexcharts.com/docs/options/datalabels/","code":""},{"path":"/reference/ax_fill.html","id":null,"dir":"Reference","previous_headings":"","what":"Fill property — ax_fill","title":"Fill property — ax_fill","text":"Fill property","code":""},{"path":"/reference/ax_fill.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Fill property — ax_fill","text":"","code":"ax_fill( ax, type = NULL, colors = NULL, opacity = NULL, gradient = NULL, image = NULL, pattern = NULL, ... )"},{"path":"/reference/ax_fill.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Fill property — ax_fill","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_fill.html","id":"pkg-arg-type","dir":"Reference","previous_headings":"","what":"type (argument)","title":"Fill property — ax_fill","text":"type Whether fill paths solid colors gradient. Available options: \"solid\", \"gradient\", \"pattern\" \"image\".","code":""},{"path":"/reference/ax_fill.html","id":"pkg-arg-colors","dir":"Reference","previous_headings":"","what":"colors (argument)","title":"Fill property — ax_fill","text":"colors Colors fill svg paths..","code":""},{"path":"/reference/ax_fill.html","id":"pkg-arg-opacity","dir":"Reference","previous_headings":"","what":"opacity (argument)","title":"Fill property — ax_fill","text":"opacity Opacity fill attribute.","code":""},{"path":"/reference/ax_fill.html","id":"pkg-arg-gradient","dir":"Reference","previous_headings":"","what":"gradient (argument)","title":"Fill property — ax_fill","text":"gradient list parameters.","code":""},{"path":"/reference/ax_fill.html","id":"pkg-arg-image","dir":"Reference","previous_headings":"","what":"image (argument)","title":"Fill property — ax_fill","text":"image list parameters.","code":""},{"path":"/reference/ax_fill.html","id":"pkg-arg-pattern","dir":"Reference","previous_headings":"","what":"pattern (argument)","title":"Fill property — ax_fill","text":"pattern list parameters.","code":""},{"path":"/reference/ax_fill.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Fill property — ax_fill","text":"... Additional parameters.","code":""},{"path":"/reference/ax_fill.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Fill property — ax_fill","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_fill.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Fill property — ax_fill","text":"See https://apexcharts.com/docs/options/fill/","code":""},{"path":"/reference/ax_grid.html","id":null,"dir":"Reference","previous_headings":"","what":"Add grids on chart — ax_grid","title":"Add grids on chart — ax_grid","text":"Add grids chart","code":""},{"path":"/reference/ax_grid.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Add grids on chart — ax_grid","text":"","code":"ax_grid( ax, show = NULL, borderColor = NULL, strokeDashArray = NULL, position = NULL, xaxis = NULL, yaxis = NULL, row = NULL, column = NULL, padding = NULL, ... )"},{"path":"/reference/ax_grid.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Add grids on chart — ax_grid","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-show","dir":"Reference","previous_headings":"","what":"show (argument)","title":"Add grids on chart — ax_grid","text":"show Logical. show hide grid area (including xaxis / yaxis)","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-borderColor","dir":"Reference","previous_headings":"","what":"borderColor (argument)","title":"Add grids on chart — ax_grid","text":"borderColor Colors grid borders / lines.","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-strokeDashArray","dir":"Reference","previous_headings":"","what":"strokeDashArray (argument)","title":"Add grids on chart — ax_grid","text":"strokeDashArray Creates dashes borders svg path. Higher number creates space dashes border.","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-position","dir":"Reference","previous_headings":"","what":"position (argument)","title":"Add grids on chart — ax_grid","text":"position Whether place grid behind chart paths front. Available options position: \"front\" \"back\"","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-xaxis","dir":"Reference","previous_headings":"","what":"xaxis (argument)","title":"Add grids on chart — ax_grid","text":"xaxis list parameters.","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-yaxis","dir":"Reference","previous_headings":"","what":"yaxis (argument)","title":"Add grids on chart — ax_grid","text":"yaxis list parameters.","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-row","dir":"Reference","previous_headings":"","what":"row (argument)","title":"Add grids on chart — ax_grid","text":"row list parameters.","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-column","dir":"Reference","previous_headings":"","what":"column (argument)","title":"Add grids on chart — ax_grid","text":"column list parameters.","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-padding","dir":"Reference","previous_headings":"","what":"padding (argument)","title":"Add grids on chart — ax_grid","text":"padding list parameters.","code":""},{"path":"/reference/ax_grid.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Add grids on chart — ax_grid","text":"... Additional parameters.","code":""},{"path":"/reference/ax_grid.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Add grids on chart — ax_grid","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_grid.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Add grids on chart — ax_grid","text":"See https://apexcharts.com/docs/options/grid/","code":""},{"path":"/reference/ax_labels.html","id":null,"dir":"Reference","previous_headings":"","what":"Alternative axis labels — ax_labels","title":"Alternative axis labels — ax_labels","text":"Alternative axis labels","code":""},{"path":"/reference/ax_labels.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Alternative axis labels — ax_labels","text":"","code":"ax_labels(ax, ...) ax_labels2(ax, labels)"},{"path":"/reference/ax_labels.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Alternative axis labels — ax_labels","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_labels.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Alternative axis labels — ax_labels","text":"... Vector. Axis Charts (line / column), labels can set instead setting xaxis categories option. , pie/donut charts, label corresponds value series array.","code":""},{"path":"/reference/ax_labels.html","id":"pkg-arg-labels","dir":"Reference","previous_headings":"","what":"labels (argument)","title":"Alternative axis labels — ax_labels","text":"labels vector use labels.","code":""},{"path":"/reference/ax_labels.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Alternative axis labels — ax_labels","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_labels.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Alternative axis labels — ax_labels","text":"See https://apexcharts.com/docs/options/labels/","code":""},{"path":"/reference/ax_labs.html","id":null,"dir":"Reference","previous_headings":"","what":"Modify axis, legend, and chart labels — ax_labs","title":"Modify axis, legend, and chart labels — ax_labs","text":"Modify axis, legend, chart labels","code":""},{"path":"/reference/ax_labs.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Modify axis, legend, and chart labels — ax_labs","text":"","code":"ax_labs(ax, title = NULL, subtitle = NULL, x = NULL, y = NULL)"},{"path":"/reference/ax_labs.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Modify axis, legend, and chart labels — ax_labs","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_labs.html","id":"pkg-arg-title","dir":"Reference","previous_headings":"","what":"title (argument)","title":"Modify axis, legend, and chart labels — ax_labs","text":"title Text title.","code":""},{"path":"/reference/ax_labs.html","id":"pkg-arg-subtitle","dir":"Reference","previous_headings":"","what":"subtitle (argument)","title":"Modify axis, legend, and chart labels — ax_labs","text":"subtitle Text subtitle.","code":""},{"path":"/reference/ax_labs.html","id":"pkg-arg-x","dir":"Reference","previous_headings":"","what":"x (argument)","title":"Modify axis, legend, and chart labels — ax_labs","text":"x Text x-axis label.","code":""},{"path":"/reference/ax_labs.html","id":"pkg-arg-y","dir":"Reference","previous_headings":"","what":"y (argument)","title":"Modify axis, legend, and chart labels — ax_labs","text":"y Text y-axis label.","code":""},{"path":"/reference/ax_labs.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Modify axis, legend, and chart labels — ax_labs","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_legend.html","id":null,"dir":"Reference","previous_headings":"","what":"Legend properties — ax_legend","title":"Legend properties — ax_legend","text":"Legend properties","code":""},{"path":"/reference/ax_legend.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Legend properties — ax_legend","text":"","code":"ax_legend( ax, show = NULL, position = NULL, showForSingleSeries = NULL, showForNullSeries = NULL, showForZeroSeries = NULL, horizontalAlign = NULL, fontSize = NULL, textAnchor = NULL, offsetY = NULL, offsetX = NULL, formatter = NULL, labels = NULL, markers = NULL, itemMargin = NULL, containerMargin = NULL, onItemClick = NULL, onItemHover = NULL, floating = NULL, ... )"},{"path":"/reference/ax_legend.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Legend properties — ax_legend","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-show","dir":"Reference","previous_headings":"","what":"show (argument)","title":"Legend properties — ax_legend","text":"show Logical. Whether show hide legend container.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-position","dir":"Reference","previous_headings":"","what":"position (argument)","title":"Legend properties — ax_legend","text":"position Available position options legend: \"top\", \"right\", \"bottom\", \"left\".","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-showForSingleSeries","dir":"Reference","previous_headings":"","what":"showForSingleSeries (argument)","title":"Legend properties — ax_legend","text":"showForSingleSeries Show legend even just 1 series.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-showForNullSeries","dir":"Reference","previous_headings":"","what":"showForNullSeries (argument)","title":"Legend properties — ax_legend","text":"showForNullSeries Allows hide particular legend series contains null values.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-showForZeroSeries","dir":"Reference","previous_headings":"","what":"showForZeroSeries (argument)","title":"Legend properties — ax_legend","text":"showForZeroSeries Allows hide particular legend series contains 0 values.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-horizontalAlign","dir":"Reference","previous_headings":"","what":"horizontalAlign (argument)","title":"Legend properties — ax_legend","text":"horizontalAlign Available options horizontal alignment: \"right\", \"center\", \"left\".","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-fontSize","dir":"Reference","previous_headings":"","what":"fontSize (argument)","title":"Legend properties — ax_legend","text":"fontSize Sets fontSize legend text elements","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-textAnchor","dir":"Reference","previous_headings":"","what":"textAnchor (argument)","title":"Legend properties — ax_legend","text":"textAnchor alignment text relative legend's drawing position","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Legend properties — ax_legend","text":"offsetY Sets top offset legend container.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Legend properties — ax_legend","text":"offsetX Sets left offset legend container.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-formatter","dir":"Reference","previous_headings":"","what":"formatter (argument)","title":"Legend properties — ax_legend","text":"formatter JS function. custom formatter function append additional text legend series names.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-labels","dir":"Reference","previous_headings":"","what":"labels (argument)","title":"Legend properties — ax_legend","text":"labels List two items \"foreColor\" (Custom text color legend labels) \"useSeriesColors\" (Logical, whether use primary colors )","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-markers","dir":"Reference","previous_headings":"","what":"markers (argument)","title":"Legend properties — ax_legend","text":"markers List.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-itemMargin","dir":"Reference","previous_headings":"","what":"itemMargin (argument)","title":"Legend properties — ax_legend","text":"itemMargin List two items \"horizontal\" (Horizontal margin individual legend item) \"vertical\" (Vertical margin individual legend item).","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-containerMargin","dir":"Reference","previous_headings":"","what":"containerMargin (argument)","title":"Legend properties — ax_legend","text":"containerMargin List two items \"top\" (Top margin whole legend container) \"left\" (Left margin whole legend container).","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-onItemClick","dir":"Reference","previous_headings":"","what":"onItemClick (argument)","title":"Legend properties — ax_legend","text":"onItemClick List item \"toggleDataSeries\", logical, clicked legend item, toggle visibility series chart.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-onItemHover","dir":"Reference","previous_headings":"","what":"onItemHover (argument)","title":"Legend properties — ax_legend","text":"onItemHover List item \"highlightDataSeries\", logical, hovered legend item, highlight paths hovered series chart.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-floating","dir":"Reference","previous_headings":"","what":"floating (argument)","title":"Legend properties — ax_legend","text":"floating Logical. floating option take legend chart area make float chart.","code":""},{"path":"/reference/ax_legend.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Legend properties — ax_legend","text":"... Additional parameters.","code":""},{"path":"/reference/ax_legend.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Legend properties — ax_legend","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_legend.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Legend properties — ax_legend","text":"See https://apexcharts.com/docs/options/legend/","code":""},{"path":"/reference/ax_markers.html","id":null,"dir":"Reference","previous_headings":"","what":"Markers properties — ax_markers","title":"Markers properties — ax_markers","text":"Markers properties","code":""},{"path":"/reference/ax_markers.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Markers properties — ax_markers","text":"","code":"ax_markers( ax, size = NULL, colors = NULL, strokeColor = NULL, strokeWidth = NULL, strokeOpacity = NULL, fillOpacity = NULL, shape = NULL, radius = NULL, offsetX = NULL, offsetY = NULL, hover = NULL, ... )"},{"path":"/reference/ax_markers.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Markers properties — ax_markers","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-size","dir":"Reference","previous_headings":"","what":"size (argument)","title":"Markers properties — ax_markers","text":"size Numeric. Size marker point.","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-colors","dir":"Reference","previous_headings":"","what":"colors (argument)","title":"Markers properties — ax_markers","text":"colors Sets fill color(s) marker point.","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-strokeColor","dir":"Reference","previous_headings":"","what":"strokeColor (argument)","title":"Markers properties — ax_markers","text":"strokeColor Stroke Color marker.","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-strokeWidth","dir":"Reference","previous_headings":"","what":"strokeWidth (argument)","title":"Markers properties — ax_markers","text":"strokeWidth Stroke Size marker.","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-strokeOpacity","dir":"Reference","previous_headings":"","what":"strokeOpacity (argument)","title":"Markers properties — ax_markers","text":"strokeOpacity Opacity border around marker.","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-fillOpacity","dir":"Reference","previous_headings":"","what":"fillOpacity (argument)","title":"Markers properties — ax_markers","text":"fillOpacity Opacity marker fill color.","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-shape","dir":"Reference","previous_headings":"","what":"shape (argument)","title":"Markers properties — ax_markers","text":"shape Shape marker. Available Options shape: \"square\" \"circle\".","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-radius","dir":"Reference","previous_headings":"","what":"radius (argument)","title":"Markers properties — ax_markers","text":"radius Numeric. Radius marker (applies square shape)","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Markers properties — ax_markers","text":"offsetX Numeric. Sets left offset marker.","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Markers properties — ax_markers","text":"offsetY Numeric. Sets top offset marker.","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-hover","dir":"Reference","previous_headings":"","what":"hover (argument)","title":"Markers properties — ax_markers","text":"hover List item size (Size marker active).","code":""},{"path":"/reference/ax_markers.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Markers properties — ax_markers","text":"... Additional parameters.","code":""},{"path":"/reference/ax_markers.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Markers properties — ax_markers","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_markers.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Markers properties — ax_markers","text":"See https://apexcharts.com/docs/options/markers/","code":""},{"path":"/reference/ax_nodata.html","id":null,"dir":"Reference","previous_headings":"","what":"Configuration for charts with no data — ax_nodata","title":"Configuration for charts with no data — ax_nodata","text":"Configuration charts data","code":""},{"path":"/reference/ax_nodata.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Configuration for charts with no data — ax_nodata","text":"","code":"ax_nodata( ax, text = \"No data\", align = \"center\", verticalAlign = \"middle\", color = NULL, fontSize = NULL, fontFamily = NULL, offsetX = NULL, offsetY = NULL )"},{"path":"/reference/ax_nodata.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Configuration for charts with no data — ax_nodata","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_nodata.html","id":"pkg-arg-text","dir":"Reference","previous_headings":"","what":"text (argument)","title":"Configuration for charts with no data — ax_nodata","text":"text text display -data available.","code":""},{"path":"/reference/ax_nodata.html","id":"pkg-arg-align","dir":"Reference","previous_headings":"","what":"align (argument)","title":"Configuration for charts with no data — ax_nodata","text":"align Horizontal alignment: \"left\", \"center\" \"right\".","code":""},{"path":"/reference/ax_nodata.html","id":"pkg-arg-verticalAlign","dir":"Reference","previous_headings":"","what":"verticalAlign (argument)","title":"Configuration for charts with no data — ax_nodata","text":"verticalAlign Vertical alignment: \"top\", \"middle\" \"bottom\".","code":""},{"path":"/reference/ax_nodata.html","id":"pkg-arg-color","dir":"Reference","previous_headings":"","what":"color (argument)","title":"Configuration for charts with no data — ax_nodata","text":"color ForeColor text.","code":""},{"path":"/reference/ax_nodata.html","id":"pkg-arg-fontSize","dir":"Reference","previous_headings":"","what":"fontSize (argument)","title":"Configuration for charts with no data — ax_nodata","text":"fontSize FontSize text.","code":""},{"path":"/reference/ax_nodata.html","id":"pkg-arg-fontFamily","dir":"Reference","previous_headings":"","what":"fontFamily (argument)","title":"Configuration for charts with no data — ax_nodata","text":"fontFamily FontFamily text.","code":""},{"path":"/reference/ax_nodata.html","id":"pkg-arg-offsetX, offsetY","dir":"Reference","previous_headings":"","what":"offsetX, offsetY (argument)","title":"Configuration for charts with no data — ax_nodata","text":"offsetX, offsetY Text offset.","code":""},{"path":"/reference/ax_nodata.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Configuration for charts with no data — ax_nodata","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_plotOptions.html","id":null,"dir":"Reference","previous_headings":"","what":"Specific options for chart — ax_plotOptions","title":"Specific options for chart — ax_plotOptions","text":"Specific options chart","code":""},{"path":"/reference/ax_plotOptions.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Specific options for chart — ax_plotOptions","text":"","code":"ax_plotOptions( ax, bar = NULL, heatmap = NULL, radialBar = NULL, pie = NULL, bubble = NULL, ... )"},{"path":"/reference/ax_plotOptions.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Specific options for chart — ax_plotOptions","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_plotOptions.html","id":"pkg-arg-bar","dir":"Reference","previous_headings":"","what":"bar (argument)","title":"Specific options for chart — ax_plotOptions","text":"bar See bar_opts.","code":""},{"path":"/reference/ax_plotOptions.html","id":"pkg-arg-heatmap","dir":"Reference","previous_headings":"","what":"heatmap (argument)","title":"Specific options for chart — ax_plotOptions","text":"heatmap See heatmap_opts.","code":""},{"path":"/reference/ax_plotOptions.html","id":"pkg-arg-radialBar","dir":"Reference","previous_headings":"","what":"radialBar (argument)","title":"Specific options for chart — ax_plotOptions","text":"radialBar See radialBar_opts.","code":""},{"path":"/reference/ax_plotOptions.html","id":"pkg-arg-pie","dir":"Reference","previous_headings":"","what":"pie (argument)","title":"Specific options for chart — ax_plotOptions","text":"pie See pie_opts.","code":""},{"path":"/reference/ax_plotOptions.html","id":"pkg-arg-bubble","dir":"Reference","previous_headings":"","what":"bubble (argument)","title":"Specific options for chart — ax_plotOptions","text":"bubble See bubble_opts.","code":""},{"path":"/reference/ax_plotOptions.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Specific options for chart — ax_plotOptions","text":"... Additional parameters.","code":""},{"path":"/reference/ax_plotOptions.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Specific options for chart — ax_plotOptions","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_proxy_options.html","id":null,"dir":"Reference","previous_headings":"","what":"Proxy for updating options — ax_proxy_options","title":"Proxy for updating options — ax_proxy_options","text":"Allows update configuration object.","code":""},{"path":"/reference/ax_proxy_options.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Proxy for updating options — ax_proxy_options","text":"","code":"ax_proxy_options(proxy, options)"},{"path":"/reference/ax_proxy_options.html","id":"pkg-arg-proxy","dir":"Reference","previous_headings":"","what":"proxy (argument)","title":"Proxy for updating options — ax_proxy_options","text":"proxy apexchartProxy htmlwidget object.","code":""},{"path":"/reference/ax_proxy_options.html","id":"pkg-arg-options","dir":"Reference","previous_headings":"","what":"options (argument)","title":"Proxy for updating options — ax_proxy_options","text":"options New options set.","code":""},{"path":"/reference/ax_proxy_series.html","id":null,"dir":"Reference","previous_headings":"","what":"Proxy for updating series. — ax_proxy_series","title":"Proxy for updating series. — ax_proxy_series","text":"Allows update series array overriding existing one.","code":""},{"path":"/reference/ax_proxy_series.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Proxy for updating series. — ax_proxy_series","text":"","code":"ax_proxy_series(proxy, newSeries, animate = TRUE)"},{"path":"/reference/ax_proxy_series.html","id":"pkg-arg-proxy","dir":"Reference","previous_headings":"","what":"proxy (argument)","title":"Proxy for updating series. — ax_proxy_series","text":"proxy apexchartProxy htmlwidget object.","code":""},{"path":"/reference/ax_proxy_series.html","id":"pkg-arg-newSeries","dir":"Reference","previous_headings":"","what":"newSeries (argument)","title":"Proxy for updating series. — ax_proxy_series","text":"newSeries series array override existing one.","code":""},{"path":"/reference/ax_proxy_series.html","id":"pkg-arg-animate","dir":"Reference","previous_headings":"","what":"animate (argument)","title":"Proxy for updating series. — ax_proxy_series","text":"animate chart animate re-rendering.","code":""},{"path":"/reference/ax_responsive.html","id":null,"dir":"Reference","previous_headings":"","what":"Responsive options — ax_responsive","title":"Responsive options — ax_responsive","text":"Responsive options","code":""},{"path":"/reference/ax_responsive.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Responsive options — ax_responsive","text":"","code":"ax_responsive(ax, ...)"},{"path":"/reference/ax_responsive.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Responsive options — ax_responsive","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_responsive.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Responsive options — ax_responsive","text":"... Additional parameters.","code":""},{"path":"/reference/ax_responsive.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Responsive options — ax_responsive","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_responsive.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Responsive options — ax_responsive","text":"See https://apexcharts.com/docs/options/responsive/","code":""},{"path":"/reference/ax_states.html","id":null,"dir":"Reference","previous_headings":"","what":"Charts' states — ax_states","title":"Charts' states — ax_states","text":"Charts' states","code":""},{"path":"/reference/ax_states.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Charts' states — ax_states","text":"","code":"ax_states(ax, normal = NULL, hover = NULL, active = NULL, ...)"},{"path":"/reference/ax_states.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Charts' states — ax_states","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_states.html","id":"pkg-arg-normal","dir":"Reference","previous_headings":"","what":"normal (argument)","title":"Charts' states — ax_states","text":"normal list parameters.","code":""},{"path":"/reference/ax_states.html","id":"pkg-arg-hover","dir":"Reference","previous_headings":"","what":"hover (argument)","title":"Charts' states — ax_states","text":"hover list parameters.","code":""},{"path":"/reference/ax_states.html","id":"pkg-arg-active","dir":"Reference","previous_headings":"","what":"active (argument)","title":"Charts' states — ax_states","text":"active list parameters.","code":""},{"path":"/reference/ax_states.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Charts' states — ax_states","text":"... Additional parameters.","code":""},{"path":"/reference/ax_states.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Charts' states — ax_states","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_states.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Charts' states — ax_states","text":"See https://apexcharts.com/docs/options/states/","code":""},{"path":"/reference/ax_stroke.html","id":null,"dir":"Reference","previous_headings":"","what":"Stroke properties — ax_stroke","title":"Stroke properties — ax_stroke","text":"Stroke properties","code":""},{"path":"/reference/ax_stroke.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Stroke properties — ax_stroke","text":"","code":"ax_stroke( ax, show = NULL, curve = NULL, lineCap = NULL, width = NULL, colors = NULL, dashArray = NULL, ... )"},{"path":"/reference/ax_stroke.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Stroke properties — ax_stroke","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_stroke.html","id":"pkg-arg-show","dir":"Reference","previous_headings":"","what":"show (argument)","title":"Stroke properties — ax_stroke","text":"show Logical. show hide path-stroke / line","code":""},{"path":"/reference/ax_stroke.html","id":"pkg-arg-curve","dir":"Reference","previous_headings":"","what":"curve (argument)","title":"Stroke properties — ax_stroke","text":"curve line / area charts, whether draw smooth lines straight lines. Available Options: \"smooth\" (connects points curve fashion. Also known spline) \"straight\" (connect points straight lines.).","code":""},{"path":"/reference/ax_stroke.html","id":"pkg-arg-lineCap","dir":"Reference","previous_headings":"","what":"lineCap (argument)","title":"Stroke properties — ax_stroke","text":"lineCap setting starting ending points stroke. Available Options: \"butt\" (ends stroke 90-degree angle), \"square\" (similar butt except extends stroke beyond length path) \"round\" (ends path-stroke radius smooths start end points)","code":""},{"path":"/reference/ax_stroke.html","id":"pkg-arg-width","dir":"Reference","previous_headings":"","what":"width (argument)","title":"Stroke properties — ax_stroke","text":"width Sets width border svg path.","code":""},{"path":"/reference/ax_stroke.html","id":"pkg-arg-colors","dir":"Reference","previous_headings":"","what":"colors (argument)","title":"Stroke properties — ax_stroke","text":"colors Colors fill border paths.","code":""},{"path":"/reference/ax_stroke.html","id":"pkg-arg-dashArray","dir":"Reference","previous_headings":"","what":"dashArray (argument)","title":"Stroke properties — ax_stroke","text":"dashArray Creates dashes borders svg path. Higher number creates space dashes border.","code":""},{"path":"/reference/ax_stroke.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Stroke properties — ax_stroke","text":"... Additional parameters.","code":""},{"path":"/reference/ax_stroke.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Stroke properties — ax_stroke","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_stroke.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Stroke properties — ax_stroke","text":"See https://apexcharts.com/docs/options/stroke/","code":""},{"path":"/reference/ax_subtitle.html","id":null,"dir":"Reference","previous_headings":"","what":"Chart's subtitle — ax_subtitle","title":"Chart's subtitle — ax_subtitle","text":"Chart's subtitle","code":""},{"path":"/reference/ax_subtitle.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Chart's subtitle — ax_subtitle","text":"","code":"ax_subtitle( ax, text = NULL, align = NULL, margin = NULL, offsetX = NULL, offsetY = NULL, floating = NULL, style = NULL, ... )"},{"path":"/reference/ax_subtitle.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Chart's subtitle — ax_subtitle","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_subtitle.html","id":"pkg-arg-text","dir":"Reference","previous_headings":"","what":"text (argument)","title":"Chart's subtitle — ax_subtitle","text":"text Text display subtitle chart.","code":""},{"path":"/reference/ax_subtitle.html","id":"pkg-arg-align","dir":"Reference","previous_headings":"","what":"align (argument)","title":"Chart's subtitle — ax_subtitle","text":"align Alignment subtitle relative chart area. Possible Options: \"left\", \"center\" \"right\".","code":""},{"path":"/reference/ax_subtitle.html","id":"pkg-arg-margin","dir":"Reference","previous_headings":"","what":"margin (argument)","title":"Chart's subtitle — ax_subtitle","text":"margin Numeric. Vertical spacing around subtitle text.","code":""},{"path":"/reference/ax_subtitle.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Chart's subtitle — ax_subtitle","text":"offsetX Numeric. Sets left offset subtitle text.","code":""},{"path":"/reference/ax_subtitle.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Chart's subtitle — ax_subtitle","text":"offsetY Numeric. Sets top offset subtitle text","code":""},{"path":"/reference/ax_subtitle.html","id":"pkg-arg-floating","dir":"Reference","previous_headings":"","what":"floating (argument)","title":"Chart's subtitle — ax_subtitle","text":"floating Logical. floating option take subtitle text chart area make float top chart.","code":""},{"path":"/reference/ax_subtitle.html","id":"pkg-arg-style","dir":"Reference","previous_headings":"","what":"style (argument)","title":"Chart's subtitle — ax_subtitle","text":"style List two items: fontSize (Font Size subtitle text) color (Fore color subtitle text).","code":""},{"path":"/reference/ax_subtitle.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Chart's subtitle — ax_subtitle","text":"... Additional parameters.","code":""},{"path":"/reference/ax_subtitle.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Chart's subtitle — ax_subtitle","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_subtitle.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Chart's subtitle — ax_subtitle","text":"See https://apexcharts.com/docs/options/subtitle/","code":""},{"path":"/reference/ax_theme.html","id":null,"dir":"Reference","previous_headings":"","what":"Theme for charts — ax_theme","title":"Theme for charts — ax_theme","text":"Theme charts","code":""},{"path":"/reference/ax_theme.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Theme for charts — ax_theme","text":"","code":"ax_theme(ax, mode = c(\"light\", \"dark\"), palette = NULL, monochrome = NULL, ...)"},{"path":"/reference/ax_theme.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Theme for charts — ax_theme","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_theme.html","id":"pkg-arg-mode","dir":"Reference","previous_headings":"","what":"mode (argument)","title":"Theme for charts — ax_theme","text":"mode use light dark theme.","code":""},{"path":"/reference/ax_theme.html","id":"pkg-arg-palette","dir":"Reference","previous_headings":"","what":"palette (argument)","title":"Theme for charts — ax_theme","text":"palette Character. Available palettes: \"palette1\" \"palette10\".","code":""},{"path":"/reference/ax_theme.html","id":"pkg-arg-monochrome","dir":"Reference","previous_headings":"","what":"monochrome (argument)","title":"Theme for charts — ax_theme","text":"monochrome list parameters.","code":""},{"path":"/reference/ax_theme.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Theme for charts — ax_theme","text":"... Additional parameters.","code":""},{"path":"/reference/ax_theme.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Theme for charts — ax_theme","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_theme.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Theme for charts — ax_theme","text":"See https://apexcharts.com/docs/options/theme/","code":""},{"path":"/reference/ax_title.html","id":null,"dir":"Reference","previous_headings":"","what":"Chart's title — ax_title","title":"Chart's title — ax_title","text":"Chart's title","code":""},{"path":"/reference/ax_title.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Chart's title — ax_title","text":"","code":"ax_title( ax, text = NULL, align = NULL, margin = NULL, offsetX = NULL, offsetY = NULL, floating = NULL, style = NULL, ... )"},{"path":"/reference/ax_title.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Chart's title — ax_title","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_title.html","id":"pkg-arg-text","dir":"Reference","previous_headings":"","what":"text (argument)","title":"Chart's title — ax_title","text":"text Text display title chart.","code":""},{"path":"/reference/ax_title.html","id":"pkg-arg-align","dir":"Reference","previous_headings":"","what":"align (argument)","title":"Chart's title — ax_title","text":"align Alignment subtitle relative chart area. Possible Options: \"left\", \"center\" \"right\".","code":""},{"path":"/reference/ax_title.html","id":"pkg-arg-margin","dir":"Reference","previous_headings":"","what":"margin (argument)","title":"Chart's title — ax_title","text":"margin Numeric. Vertical spacing around title text.","code":""},{"path":"/reference/ax_title.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Chart's title — ax_title","text":"offsetX Numeric. Sets left offset subtitle text.","code":""},{"path":"/reference/ax_title.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Chart's title — ax_title","text":"offsetY Numeric. Sets top offset subtitle text","code":""},{"path":"/reference/ax_title.html","id":"pkg-arg-floating","dir":"Reference","previous_headings":"","what":"floating (argument)","title":"Chart's title — ax_title","text":"floating Logical. floating option take subtitle text chart area make float top chart.","code":""},{"path":"/reference/ax_title.html","id":"pkg-arg-style","dir":"Reference","previous_headings":"","what":"style (argument)","title":"Chart's title — ax_title","text":"style List two items: fontSize (Font Size title text) color (Fore color title text).","code":""},{"path":"/reference/ax_title.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Chart's title — ax_title","text":"... Additional parameters.","code":""},{"path":"/reference/ax_title.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Chart's title — ax_title","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_title.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Chart's title — ax_title","text":"See https://apexcharts.com/docs/options/title/","code":""},{"path":"/reference/ax_tooltip.html","id":null,"dir":"Reference","previous_headings":"","what":"Tooltip options — ax_tooltip","title":"Tooltip options — ax_tooltip","text":"Tooltip options","code":""},{"path":"/reference/ax_tooltip.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Tooltip options — ax_tooltip","text":"","code":"ax_tooltip( ax, enabled = NULL, shared = NULL, followCursor = NULL, intersect = NULL, inverseOrder = NULL, custom = NULL, fillSeriesColor = NULL, onDatasetHover = NULL, theme = NULL, x = NULL, y = NULL, z = NULL, marker = NULL, items = NULL, fixed = NULL, ... )"},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Tooltip options — ax_tooltip","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-enabled","dir":"Reference","previous_headings":"","what":"enabled (argument)","title":"Tooltip options — ax_tooltip","text":"enabled Logical. Show tooltip user hovers chart area.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-shared","dir":"Reference","previous_headings":"","what":"shared (argument)","title":"Tooltip options — ax_tooltip","text":"shared Logical. multiple series, show shared tooltip.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-followCursor","dir":"Reference","previous_headings":"","what":"followCursor (argument)","title":"Tooltip options — ax_tooltip","text":"followCursor Logical. Follow user's cursor position instead putting tooltip actual data points.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-intersect","dir":"Reference","previous_headings":"","what":"intersect (argument)","title":"Tooltip options — ax_tooltip","text":"intersect Logical. Show tooltip user hovers exactly datapoint.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-inverseOrder","dir":"Reference","previous_headings":"","what":"inverseOrder (argument)","title":"Tooltip options — ax_tooltip","text":"inverseOrder Logical. multiple series, shared tooltip, inverse order series (better comparison stacked charts).","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-custom","dir":"Reference","previous_headings":"","what":"custom (argument)","title":"Tooltip options — ax_tooltip","text":"custom JS function. Draw custom html tooltip instead default one based values provided function arguments.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-fillSeriesColor","dir":"Reference","previous_headings":"","what":"fillSeriesColor (argument)","title":"Tooltip options — ax_tooltip","text":"fillSeriesColor Logical. enabled, fill tooltip background corresponding series color.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-onDatasetHover","dir":"Reference","previous_headings":"","what":"onDatasetHover (argument)","title":"Tooltip options — ax_tooltip","text":"onDatasetHover list parameters.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-theme","dir":"Reference","previous_headings":"","what":"theme (argument)","title":"Tooltip options — ax_tooltip","text":"theme list parameters.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-x","dir":"Reference","previous_headings":"","what":"x (argument)","title":"Tooltip options — ax_tooltip","text":"x list parameters.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-y","dir":"Reference","previous_headings":"","what":"y (argument)","title":"Tooltip options — ax_tooltip","text":"y list parameters.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-z","dir":"Reference","previous_headings":"","what":"z (argument)","title":"Tooltip options — ax_tooltip","text":"z list parameters.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-marker","dir":"Reference","previous_headings":"","what":"marker (argument)","title":"Tooltip options — ax_tooltip","text":"marker list parameters.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-items","dir":"Reference","previous_headings":"","what":"items (argument)","title":"Tooltip options — ax_tooltip","text":"items list parameters.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-fixed","dir":"Reference","previous_headings":"","what":"fixed (argument)","title":"Tooltip options — ax_tooltip","text":"fixed list parameters.","code":""},{"path":"/reference/ax_tooltip.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Tooltip options — ax_tooltip","text":"... Additional parameters.","code":""},{"path":"/reference/ax_tooltip.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Tooltip options — ax_tooltip","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_tooltip.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Tooltip options — ax_tooltip","text":"See https://apexcharts.com/docs/options/tooltip/","code":""},{"path":"/reference/ax_xaxis.html","id":null,"dir":"Reference","previous_headings":"","what":"X-axis options — ax_xaxis","title":"X-axis options — ax_xaxis","text":"X-axis options","code":""},{"path":"/reference/ax_xaxis.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"X-axis options — ax_xaxis","text":"","code":"ax_xaxis( ax, type = NULL, categories = NULL, labels = NULL, axisBorder = NULL, axisTicks = NULL, tickAmount = NULL, min = NULL, max = NULL, range = NULL, floating = NULL, position = NULL, title = NULL, crosshairs = NULL, tooltip = NULL, ... )"},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"X-axis options — ax_xaxis","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-type","dir":"Reference","previous_headings":"","what":"type (argument)","title":"X-axis options — ax_xaxis","text":"type Character. Available Options : \"categories\" \"datetime\".","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-categories","dir":"Reference","previous_headings":"","what":"categories (argument)","title":"X-axis options — ax_xaxis","text":"categories Categories labels displayed x-axis.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-labels","dir":"Reference","previous_headings":"","what":"labels (argument)","title":"X-axis options — ax_xaxis","text":"labels list parameters.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-axisBorder","dir":"Reference","previous_headings":"","what":"axisBorder (argument)","title":"X-axis options — ax_xaxis","text":"axisBorder list parameters.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-axisTicks","dir":"Reference","previous_headings":"","what":"axisTicks (argument)","title":"X-axis options — ax_xaxis","text":"axisTicks list parameters.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-tickAmount","dir":"Reference","previous_headings":"","what":"tickAmount (argument)","title":"X-axis options — ax_xaxis","text":"tickAmount Number Tick Intervals show.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-min","dir":"Reference","previous_headings":"","what":"min (argument)","title":"X-axis options — ax_xaxis","text":"min Lowest number set x-axis. graph drawing beyond number clipped .","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-max","dir":"Reference","previous_headings":"","what":"max (argument)","title":"X-axis options — ax_xaxis","text":"max Highest number set x-axis. graph drawing beyond number clipped .","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-range","dir":"Reference","previous_headings":"","what":"range (argument)","title":"X-axis options — ax_xaxis","text":"range Range takes max value x-axis, subtracts provided range value gets min value based . , technically helps keep range min max values gets updated dynamically.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-floating","dir":"Reference","previous_headings":"","what":"floating (argument)","title":"X-axis options — ax_xaxis","text":"floating Logical. Floating takes x-axis taken normal flow places x-axis svg element directly, similar absolutely positioned element. Set offsetX offsetY adjust position manually","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-position","dir":"Reference","previous_headings":"","what":"position (argument)","title":"X-axis options — ax_xaxis","text":"position Setting option allows change x-axis position. Available options: \"top\" \"bottom\".","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-title","dir":"Reference","previous_headings":"","what":"title (argument)","title":"X-axis options — ax_xaxis","text":"title list parameters.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-crosshairs","dir":"Reference","previous_headings":"","what":"crosshairs (argument)","title":"X-axis options — ax_xaxis","text":"crosshairs list parameters.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-tooltip","dir":"Reference","previous_headings":"","what":"tooltip (argument)","title":"X-axis options — ax_xaxis","text":"tooltip list parameters.","code":""},{"path":"/reference/ax_xaxis.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"X-axis options — ax_xaxis","text":"... Additional parameters.","code":""},{"path":"/reference/ax_xaxis.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"X-axis options — ax_xaxis","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_xaxis.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"X-axis options — ax_xaxis","text":"See https://apexcharts.com/docs/options/xaxis/","code":""},{"path":"/reference/ax_yaxis.html","id":null,"dir":"Reference","previous_headings":"","what":"Y-axis options — ax_yaxis","title":"Y-axis options — ax_yaxis","text":"Y-axis options","code":""},{"path":"/reference/ax_yaxis.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Y-axis options — ax_yaxis","text":"","code":"ax_yaxis( ax, opposite = NULL, tickAmount = NULL, max = NULL, min = NULL, floating = NULL, labels = NULL, axisBorder = NULL, axisTicks = NULL, title = NULL, tooltip = NULL, crosshairs = NULL, ... )"},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Y-axis options — ax_yaxis","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-opposite","dir":"Reference","previous_headings":"","what":"opposite (argument)","title":"Y-axis options — ax_yaxis","text":"opposite Logical. enabled, draw yaxis right side chart.","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-tickAmount","dir":"Reference","previous_headings":"","what":"tickAmount (argument)","title":"Y-axis options — ax_yaxis","text":"tickAmount Number Tick Intervals show.","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-max","dir":"Reference","previous_headings":"","what":"max (argument)","title":"Y-axis options — ax_yaxis","text":"max Lowest number set y-axis. graph drawing beyond number clipped .","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-min","dir":"Reference","previous_headings":"","what":"min (argument)","title":"Y-axis options — ax_yaxis","text":"min Highest number set y-axis. graph drawing beyond number clipped .","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-floating","dir":"Reference","previous_headings":"","what":"floating (argument)","title":"Y-axis options — ax_yaxis","text":"floating Logical. Floating takes y-axis taken normal flow places y-axis svg element directly, similar absolutely positioned element. Set offsetX offsetY adjust position manually","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-labels","dir":"Reference","previous_headings":"","what":"labels (argument)","title":"Y-axis options — ax_yaxis","text":"labels list parameters.","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-axisBorder","dir":"Reference","previous_headings":"","what":"axisBorder (argument)","title":"Y-axis options — ax_yaxis","text":"axisBorder list parameters.","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-axisTicks","dir":"Reference","previous_headings":"","what":"axisTicks (argument)","title":"Y-axis options — ax_yaxis","text":"axisTicks list parameters.","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-title","dir":"Reference","previous_headings":"","what":"title (argument)","title":"Y-axis options — ax_yaxis","text":"title list parameters.","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-tooltip","dir":"Reference","previous_headings":"","what":"tooltip (argument)","title":"Y-axis options — ax_yaxis","text":"tooltip list parameters.","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-crosshairs","dir":"Reference","previous_headings":"","what":"crosshairs (argument)","title":"Y-axis options — ax_yaxis","text":"crosshairs list parameters.","code":""},{"path":"/reference/ax_yaxis.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Y-axis options — ax_yaxis","text":"... Additional parameters.","code":""},{"path":"/reference/ax_yaxis.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Y-axis options — ax_yaxis","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_yaxis.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Y-axis options — ax_yaxis","text":"See https://apexcharts.com/docs/options/yaxis/","code":""},{"path":"/reference/ax_yaxis2.html","id":null,"dir":"Reference","previous_headings":"","what":"Secondary Y-axis options — ax_yaxis2","title":"Secondary Y-axis options — ax_yaxis2","text":"Secondary Y-axis options","code":""},{"path":"/reference/ax_yaxis2.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Secondary Y-axis options — ax_yaxis2","text":"","code":"ax_yaxis2(ax, ...)"},{"path":"/reference/ax_yaxis2.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Secondary Y-axis options — ax_yaxis2","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/ax_yaxis2.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Secondary Y-axis options — ax_yaxis2","text":"... See arguments ax_yaxis.","code":""},{"path":"/reference/ax_yaxis2.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Secondary Y-axis options — ax_yaxis2","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/bar_opts.html","id":null,"dir":"Reference","previous_headings":"","what":"Bar options — bar_opts","title":"Bar options — bar_opts","text":"Use options ax_plotOptions.","code":""},{"path":"/reference/bar_opts.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Bar options — bar_opts","text":"","code":"bar_opts( horizontal = NULL, endingShape = NULL, columnWidth = NULL, barHeight = NULL, distributed = NULL, colors = NULL, dataLabels = NULL, ... )"},{"path":"/reference/bar_opts.html","id":"pkg-arg-horizontal","dir":"Reference","previous_headings":"","what":"horizontal (argument)","title":"Bar options — bar_opts","text":"horizontal Logical. option turn column chart horizontal bar chart.","code":""},{"path":"/reference/bar_opts.html","id":"pkg-arg-endingShape","dir":"Reference","previous_headings":"","what":"endingShape (argument)","title":"Bar options — bar_opts","text":"endingShape Available Options: \"flat\" \"rounded\".","code":""},{"path":"/reference/bar_opts.html","id":"pkg-arg-columnWidth","dir":"Reference","previous_headings":"","what":"columnWidth (argument)","title":"Bar options — bar_opts","text":"columnWidth column charts, columnWidth percentage available width grid-rect.","code":""},{"path":"/reference/bar_opts.html","id":"pkg-arg-barHeight","dir":"Reference","previous_headings":"","what":"barHeight (argument)","title":"Bar options — bar_opts","text":"barHeight horizontal bar charts, barHeight percentage available height grid-rect.","code":""},{"path":"/reference/bar_opts.html","id":"pkg-arg-distributed","dir":"Reference","previous_headings":"","what":"distributed (argument)","title":"Bar options — bar_opts","text":"distributed Logical. Turn option make bars discrete. value indicates one bar per series.","code":""},{"path":"/reference/bar_opts.html","id":"pkg-arg-colors","dir":"Reference","previous_headings":"","what":"colors (argument)","title":"Bar options — bar_opts","text":"colors list parameters.","code":""},{"path":"/reference/bar_opts.html","id":"pkg-arg-dataLabels","dir":"Reference","previous_headings":"","what":"dataLabels (argument)","title":"Bar options — bar_opts","text":"dataLabels List fields position (available options: \"top\", \"center\" \"bottom\")","code":""},{"path":"/reference/bar_opts.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Bar options — bar_opts","text":"... Additional parameters.","code":""},{"path":"/reference/bar_opts.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Bar options — bar_opts","text":"list options can used ax_plotOptions.","code":""},{"path":"/reference/bar_opts.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Bar options — bar_opts","text":"See https://apexcharts.com/docs/options/plotoptions/bar/.","code":""},{"path":"/reference/bubble_opts.html","id":null,"dir":"Reference","previous_headings":"","what":"Bubble options — bubble_opts","title":"Bubble options — bubble_opts","text":"Use options ax_plotOptions.","code":""},{"path":"/reference/bubble_opts.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Bubble options — bubble_opts","text":"","code":"bubble_opts(minBubbleRadius, maxBubbleRadius, ...)"},{"path":"/reference/bubble_opts.html","id":"pkg-arg-minBubbleRadius","dir":"Reference","previous_headings":"","what":"minBubbleRadius (argument)","title":"Bubble options — bubble_opts","text":"minBubbleRadius Minimum radius size bubble. bubble value small displayed, size used.","code":""},{"path":"/reference/bubble_opts.html","id":"pkg-arg-maxBubbleRadius","dir":"Reference","previous_headings":"","what":"maxBubbleRadius (argument)","title":"Bubble options — bubble_opts","text":"maxBubbleRadius Maximum radius size bubble. bubble value large cover chart, size used.","code":""},{"path":"/reference/bubble_opts.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Bubble options — bubble_opts","text":"... Additional parameters.","code":""},{"path":"/reference/bubble_opts.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Bubble options — bubble_opts","text":"list options can used ax_plotOptions.","code":""},{"path":"/reference/bubble_opts.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Bubble options — bubble_opts","text":"See https://apexcharts.com/docs/options/plotoptions/bubble/.","code":""},{"path":"/reference/candles.html","id":null,"dir":"Reference","previous_headings":"","what":"Candlestick demo data — candles","title":"Candlestick demo data — candles","text":"Candlestick demo data","code":""},{"path":"/reference/candles.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Candlestick demo data — candles","text":"","code":"candles"},{"path":"/reference/candles.html","id":"section-format","dir":"Reference","previous_headings":"","what":"Format","title":"Candlestick demo data — candles","text":"data frame 60 observations following 5 variables: datetime Timestamp. open Open value. high Highest value. low Lowest value. close Close value.","code":""},{"path":"/reference/candles.html","id":"section-source","dir":"Reference","previous_headings":"","what":"Source","title":"Candlestick demo data — candles","text":"Apexcharts (https://apexcharts.com/javascript-chart-demos/candlestick-charts/basic/)","code":""},{"path":"/reference/climate_paris.html","id":null,"dir":"Reference","previous_headings":"","what":"Paris Climate — climate_paris","title":"Paris Climate — climate_paris","text":"Average temperature precipitation Paris period 1971-2000.","code":""},{"path":"/reference/climate_paris.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Paris Climate — climate_paris","text":"","code":"climate_paris"},{"path":"/reference/climate_paris.html","id":"section-format","dir":"Reference","previous_headings":"","what":"Format","title":"Paris Climate — climate_paris","text":"data frame 12 observations following 3 variables: month Month temperature Temperature (degree celsius). precipitation Precipitation (mm).","code":""},{"path":"/reference/climate_paris.html","id":"section-source","dir":"Reference","previous_headings":"","what":"Source","title":"Paris Climate — climate_paris","text":"Wikipedia (https://fr.wikipedia.org/wiki/Climat_de_Paris)","code":""},{"path":"/reference/config_update.html","id":null,"dir":"Reference","previous_headings":"","what":"Configuration for auto update — config_update","title":"Configuration for auto update — config_update","text":"Configuration auto update","code":""},{"path":"/reference/config_update.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Configuration for auto update — config_update","text":"","code":"config_update( series_animate = TRUE, update_options = FALSE, options_animate = TRUE, options_redrawPaths = TRUE, update_synced_charts = FALSE )"},{"path":"/reference/config_update.html","id":"pkg-arg-series_animate","dir":"Reference","previous_headings":"","what":"series_animate (argument)","title":"Configuration for auto update — config_update","text":"series_animate chart animate re-rendering.","code":""},{"path":"/reference/config_update.html","id":"pkg-arg-update_options","dir":"Reference","previous_headings":"","what":"update_options (argument)","title":"Configuration for auto update — config_update","text":"update_options Update global options chart.","code":""},{"path":"/reference/config_update.html","id":"pkg-arg-options_animate","dir":"Reference","previous_headings":"","what":"options_animate (argument)","title":"Configuration for auto update — config_update","text":"options_animate chart animate re-rendering.","code":""},{"path":"/reference/config_update.html","id":"pkg-arg-options_redrawPaths","dir":"Reference","previous_headings":"","what":"options_redrawPaths (argument)","title":"Configuration for auto update — config_update","text":"options_redrawPaths chart re-rendered, draw existing paths completely redraw chart paths beginning. default, chart re-rendered existing paths.","code":""},{"path":"/reference/config_update.html","id":"pkg-arg-update_synced_charts","dir":"Reference","previous_headings":"","what":"update_synced_charts (argument)","title":"Configuration for auto update — config_update","text":"update_synced_charts charts group also update one chart group updated.","code":""},{"path":"/reference/consumption.html","id":null,"dir":"Reference","previous_headings":"","what":"Electricity consumption and forecasting — consumption","title":"Electricity consumption and forecasting — consumption","text":"Electricity consumption per day France january february year 2020.","code":""},{"path":"/reference/consumption.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Electricity consumption and forecasting — consumption","text":"","code":"consumption"},{"path":"/reference/consumption.html","id":"section-format","dir":"Reference","previous_headings":"","what":"Format","title":"Electricity consumption and forecasting — consumption","text":"data frame 120 observations following 3 variables: date date. type Type data : realized forecast. value Value giga-watt per hour.","code":""},{"path":"/reference/consumption.html","id":"section-source","dir":"Reference","previous_headings":"","what":"Source","title":"Electricity consumption and forecasting — consumption","text":"Rte (Electricity Transmission Network France) (https://data.rte-france.com/)","code":""},{"path":"/reference/events_opts.html","id":null,"dir":"Reference","previous_headings":"","what":"Events options — events_opts","title":"Events options — events_opts","text":"Events options","code":""},{"path":"/reference/events_opts.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Events options — events_opts","text":"","code":"events_opts( click = NULL, beforeMount = NULL, mounted = NULL, updated = NULL, legendClick = NULL, selection = NULL, dataPointSelection = NULL, dataPointMouseEnter = NULL, dataPointMouseLeave = NULL, beforeZoom = NULL, zoomed = NULL, scrolled = NULL, ... )"},{"path":"/reference/events_opts.html","id":"pkg-arg-click","dir":"Reference","previous_headings":"","what":"click (argument)","title":"Events options — events_opts","text":"click Fires user clicks area chart.","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-beforeMount","dir":"Reference","previous_headings":"","what":"beforeMount (argument)","title":"Events options — events_opts","text":"beforeMount Fires chart drawn screen.","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-mounted","dir":"Reference","previous_headings":"","what":"mounted (argument)","title":"Events options — events_opts","text":"mounted Fires chart drawn screen.","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-updated","dir":"Reference","previous_headings":"","what":"updated (argument)","title":"Events options — events_opts","text":"updated Fires chart dynamically updated.","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-legendClick","dir":"Reference","previous_headings":"","what":"legendClick (argument)","title":"Events options — events_opts","text":"legendClick Fires user clicks legend.","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-selection","dir":"Reference","previous_headings":"","what":"selection (argument)","title":"Events options — events_opts","text":"selection Fires user selects rect using selection tool.","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-dataPointSelection","dir":"Reference","previous_headings":"","what":"dataPointSelection (argument)","title":"Events options — events_opts","text":"dataPointSelection Fires user clicks datapoint (bar/column/marker/bubble/donut-slice).","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-dataPointMouseEnter","dir":"Reference","previous_headings":"","what":"dataPointMouseEnter (argument)","title":"Events options — events_opts","text":"dataPointMouseEnter Fires user's mouse enter datapoint (bar/column/marker/bubble/donut-slice).","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-dataPointMouseLeave","dir":"Reference","previous_headings":"","what":"dataPointMouseLeave (argument)","title":"Events options — events_opts","text":"dataPointMouseLeave MouseLeave event datapoint (bar/column/marker/bubble/donut-slice).","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-beforeZoom","dir":"Reference","previous_headings":"","what":"beforeZoom (argument)","title":"Events options — events_opts","text":"beforeZoom function, defined, runs just zooming /chart allowing set custom range zooming /.","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-zoomed","dir":"Reference","previous_headings":"","what":"zoomed (argument)","title":"Events options — events_opts","text":"zoomed Fires user zooms /chart using either selection zooming tool zoom /buttons.","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-scrolled","dir":"Reference","previous_headings":"","what":"scrolled (argument)","title":"Events options — events_opts","text":"scrolled Fires user scrolls using pan tool.","code":""},{"path":"/reference/events_opts.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Events options — events_opts","text":"... Additional parameters.","code":""},{"path":"/reference/events_opts.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Events options — events_opts","text":"list options can used ax_chart.","code":""},{"path":"/reference/events_opts.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Events options — events_opts","text":"arguments JavaScript function defined htmlwidgets::JS. See https://apexcharts.com/docs/options/chart/events/.","code":""},{"path":"/reference/format_date.html","id":null,"dir":"Reference","previous_headings":"","what":"Format date in JS — format_date","title":"Format date in JS — format_date","text":"Format date JS","code":""},{"path":"/reference/format_date.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Format date in JS — format_date","text":"","code":"format_date(x)"},{"path":"/reference/format_date.html","id":"pkg-arg-x","dir":"Reference","previous_headings":"","what":"x (argument)","title":"Format date in JS — format_date","text":"x Date use JavaScript","code":""},{"path":"/reference/format_date.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Format date in JS — format_date","text":"JavaScript string","code":""},{"path":"/reference/format_num.html","id":null,"dir":"Reference","previous_headings":"","what":"Format numbers (with D3) — format_num","title":"Format numbers (with D3) — format_num","text":"Format numbers (D3)","code":""},{"path":"/reference/format_num.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Format numbers (with D3) — format_num","text":"","code":"format_num(format, prefix = \"\", suffix = \"\", locale = \"en-US\")"},{"path":"/reference/format_num.html","id":"pkg-arg-format","dir":"Reference","previous_headings":"","what":"format (argument)","title":"Format numbers (with D3) — format_num","text":"format Format numbers, currency, percentage, e.g. \".0%\" rounded percentage. See online documentation : https://github.com/d3/d3-format.","code":""},{"path":"/reference/format_num.html","id":"pkg-arg-prefix","dir":"Reference","previous_headings":"","what":"prefix (argument)","title":"Format numbers (with D3) — format_num","text":"prefix Character string append formatted value.","code":""},{"path":"/reference/format_num.html","id":"pkg-arg-suffix","dir":"Reference","previous_headings":"","what":"suffix (argument)","title":"Format numbers (with D3) — format_num","text":"suffix Character string append formatted value.","code":""},{"path":"/reference/format_num.html","id":"pkg-arg-locale","dir":"Reference","previous_headings":"","what":"locale (argument)","title":"Format numbers (with D3) — format_num","text":"locale Localization use, example \"fr-FR\" french, see possible values : https://github.com/d3/d3-format/tree/master/locale.","code":""},{"path":"/reference/format_num.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Format numbers (with D3) — format_num","text":"JS function","code":""},{"path":"/reference/heatmap_opts.html","id":null,"dir":"Reference","previous_headings":"","what":"Heatmap options — heatmap_opts","title":"Heatmap options — heatmap_opts","text":"Use options ax_plotOptions.","code":""},{"path":"/reference/heatmap_opts.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Heatmap options — heatmap_opts","text":"","code":"heatmap_opts( radius = NULL, enableShades = NULL, shadeIntensity = NULL, colorScale = NULL, ... )"},{"path":"/reference/heatmap_opts.html","id":"pkg-arg-radius","dir":"Reference","previous_headings":"","what":"radius (argument)","title":"Heatmap options — heatmap_opts","text":"radius Numeric. Radius rectangle inside heatmap.","code":""},{"path":"/reference/heatmap_opts.html","id":"pkg-arg-enableShades","dir":"Reference","previous_headings":"","what":"enableShades (argument)","title":"Heatmap options — heatmap_opts","text":"enableShades Logical. Enable different shades color depending value","code":""},{"path":"/reference/heatmap_opts.html","id":"pkg-arg-shadeIntensity","dir":"Reference","previous_headings":"","what":"shadeIntensity (argument)","title":"Heatmap options — heatmap_opts","text":"shadeIntensity Numeric [0,1]. intensity shades generated value.","code":""},{"path":"/reference/heatmap_opts.html","id":"pkg-arg-colorScale","dir":"Reference","previous_headings":"","what":"colorScale (argument)","title":"Heatmap options — heatmap_opts","text":"colorScale List.","code":""},{"path":"/reference/heatmap_opts.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Heatmap options — heatmap_opts","text":"... Additional parameters.","code":""},{"path":"/reference/heatmap_opts.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Heatmap options — heatmap_opts","text":"list options can used ax_plotOptions.","code":""},{"path":"/reference/heatmap_opts.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Heatmap options — heatmap_opts","text":"See https://apexcharts.com/docs/options/plotoptions/heatmap/.","code":""},{"path":"/reference/label.html","id":null,"dir":"Reference","previous_headings":"","what":"Label for annotations — label","title":"Label for annotations — label","text":"Label annotations","code":""},{"path":"/reference/label.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Label for annotations — label","text":"","code":"label( text = NULL, borderColor = NULL, borderWidth = NULL, textAnchor = NULL, position = NULL, offsetX = NULL, offsetY = NULL, background = NULL, color = NULL, fontSize = NULL, fontWeight = NULL, fontFamily = NULL, cssClass = NULL, padding = c(2, 5, 2, 5) )"},{"path":"/reference/label.html","id":"pkg-arg-text","dir":"Reference","previous_headings":"","what":"text (argument)","title":"Label for annotations — label","text":"text Text annotation label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-borderColor","dir":"Reference","previous_headings":"","what":"borderColor (argument)","title":"Label for annotations — label","text":"borderColor Border color label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-borderWidth","dir":"Reference","previous_headings":"","what":"borderWidth (argument)","title":"Label for annotations — label","text":"borderWidth Border width label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-textAnchor","dir":"Reference","previous_headings":"","what":"textAnchor (argument)","title":"Label for annotations — label","text":"textAnchor alignment text relative label's drawing position.","code":""},{"path":"/reference/label.html","id":"pkg-arg-position","dir":"Reference","previous_headings":"","what":"position (argument)","title":"Label for annotations — label","text":"position Available options: left right.","code":""},{"path":"/reference/label.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Label for annotations — label","text":"offsetX Sets left offset annotation label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Label for annotations — label","text":"offsetY Sets top offset annotation label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-background","dir":"Reference","previous_headings":"","what":"background (argument)","title":"Label for annotations — label","text":"background Background Color annotation label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-color","dir":"Reference","previous_headings":"","what":"color (argument)","title":"Label for annotations — label","text":"color ForeColor annotation label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-fontSize","dir":"Reference","previous_headings":"","what":"fontSize (argument)","title":"Label for annotations — label","text":"fontSize FontSize annotation label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-fontWeight","dir":"Reference","previous_headings":"","what":"fontWeight (argument)","title":"Label for annotations — label","text":"fontWeight Font-weight annotation label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-fontFamily","dir":"Reference","previous_headings":"","what":"fontFamily (argument)","title":"Label for annotations — label","text":"fontFamily Font-family annotation label.","code":""},{"path":"/reference/label.html","id":"pkg-arg-cssClass","dir":"Reference","previous_headings":"","what":"cssClass (argument)","title":"Label for annotations — label","text":"cssClass custom Css Class give annotation label elements.","code":""},{"path":"/reference/label.html","id":"pkg-arg-padding","dir":"Reference","previous_headings":"","what":"padding (argument)","title":"Label for annotations — label","text":"padding Padding label: top, right, bottom, left.","code":""},{"path":"/reference/label.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Label for annotations — label","text":"list can used add_shade, add_point, add_event, add_event_marker.","code":""},{"path":"/reference/parse_df.html","id":null,"dir":"Reference","previous_headings":"","what":"Convert a data.frame to a list — parse_df","title":"Convert a data.frame to a list — parse_df","text":"Convert data format suitable ApexCharts.js","code":""},{"path":"/reference/parse_df.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Convert a data.frame to a list — parse_df","text":"","code":"parse_df(data, add_names = FALSE)"},{"path":"/reference/parse_df.html","id":"pkg-arg-data","dir":"Reference","previous_headings":"","what":"data (argument)","title":"Convert a data.frame to a list — parse_df","text":"data data.frame object coercible data.frame.","code":""},{"path":"/reference/parse_df.html","id":"pkg-arg-add_names","dir":"Reference","previous_headings":"","what":"add_names (argument)","title":"Convert a data.frame to a list — parse_df","text":"add_names Use names columns output. Can logical reuse data names character vector new names.","code":""},{"path":"/reference/parse_df.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Convert a data.frame to a list — parse_df","text":"list can used specify data ax_series example.","code":""},{"path":"/reference/pie_opts.html","id":null,"dir":"Reference","previous_headings":"","what":"Pie options — pie_opts","title":"Pie options — pie_opts","text":"Use options ax_plotOptions.","code":""},{"path":"/reference/pie_opts.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Pie options — pie_opts","text":"","code":"pie_opts( size = NULL, donut = NULL, customScale = NULL, offsetX = NULL, offsetY = NULL, dataLabels = NULL, ... )"},{"path":"/reference/pie_opts.html","id":"pkg-arg-size","dir":"Reference","previous_headings":"","what":"size (argument)","title":"Pie options — pie_opts","text":"size Numeric. Custom size pie override default size calculations.","code":""},{"path":"/reference/pie_opts.html","id":"pkg-arg-donut","dir":"Reference","previous_headings":"","what":"donut (argument)","title":"Pie options — pie_opts","text":"donut List two fields size (Donut / ring size percentage relative total pie area.) background (background color pie).","code":""},{"path":"/reference/pie_opts.html","id":"pkg-arg-customScale","dir":"Reference","previous_headings":"","what":"customScale (argument)","title":"Pie options — pie_opts","text":"customScale Numeric. Transform scale whole pie/donut overriding default calculations.","code":""},{"path":"/reference/pie_opts.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Pie options — pie_opts","text":"offsetX Numeric. Sets left offset whole pie area.","code":""},{"path":"/reference/pie_opts.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Pie options — pie_opts","text":"offsetY Numeric. Sets top offset whole pie area.","code":""},{"path":"/reference/pie_opts.html","id":"pkg-arg-dataLabels","dir":"Reference","previous_headings":"","what":"dataLabels (argument)","title":"Pie options — pie_opts","text":"dataLabels List field offset (Numeric, Offset labels move outside / inside donut area)","code":""},{"path":"/reference/pie_opts.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Pie options — pie_opts","text":"... Additional parameters.","code":""},{"path":"/reference/pie_opts.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Pie options — pie_opts","text":"list options can used ax_plotOptions.","code":""},{"path":"/reference/pie_opts.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Pie options — pie_opts","text":"See https://apexcharts.com/docs/options/plotoptions/pie/.","code":""},{"path":"/reference/radialBar_opts.html","id":null,"dir":"Reference","previous_headings":"","what":"Radial bar options — radialBar_opts","title":"Radial bar options — radialBar_opts","text":"Use options ax_plotOptions.","code":""},{"path":"/reference/radialBar_opts.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Radial bar options — radialBar_opts","text":"","code":"radialBar_opts( size = NULL, inverseOrder = NULL, startAngle = NULL, endAngle = NULL, offsetX = NULL, offsetY = NULL, hollow = NULL, track = NULL, dataLabels = NULL, ... )"},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-size","dir":"Reference","previous_headings":"","what":"size (argument)","title":"Radial bar options — radialBar_opts","text":"size Numeric. Manual size radialBars instead calculating automatically default height / width.","code":""},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-inverseOrder","dir":"Reference","previous_headings":"","what":"inverseOrder (argument)","title":"Radial bar options — radialBar_opts","text":"inverseOrder Logical. Whether make first value series innermost outermost.","code":""},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-startAngle","dir":"Reference","previous_headings":"","what":"startAngle (argument)","title":"Radial bar options — radialBar_opts","text":"startAngle Numeric. Angle radialBars start.","code":""},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-endAngle","dir":"Reference","previous_headings":"","what":"endAngle (argument)","title":"Radial bar options — radialBar_opts","text":"endAngle Numeric. Angle radialBars end. sum startAngle endAngle exceed 360.","code":""},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Radial bar options — radialBar_opts","text":"offsetX Numeric. Sets left offset radialBars.","code":""},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Radial bar options — radialBar_opts","text":"offsetY Numeric. Sets top offset radialBars.","code":""},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-hollow","dir":"Reference","previous_headings":"","what":"hollow (argument)","title":"Radial bar options — radialBar_opts","text":"hollow List.","code":""},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-track","dir":"Reference","previous_headings":"","what":"track (argument)","title":"Radial bar options — radialBar_opts","text":"track List.","code":""},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-dataLabels","dir":"Reference","previous_headings":"","what":"dataLabels (argument)","title":"Radial bar options — radialBar_opts","text":"dataLabels List.","code":""},{"path":"/reference/radialBar_opts.html","id":"pkg-arg-...","dir":"Reference","previous_headings":"","what":"... (argument)","title":"Radial bar options — radialBar_opts","text":"... Additional parameters.","code":""},{"path":"/reference/radialBar_opts.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Radial bar options — radialBar_opts","text":"list options can used ax_plotOptions.","code":""},{"path":"/reference/radialBar_opts.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Radial bar options — radialBar_opts","text":"See https://apexcharts.com/docs/options/plotoptions/radialbar/.","code":""},{"path":"/reference/run_demo_input.html","id":null,"dir":"Reference","previous_headings":"","what":"Run Shiny input events examples — run_demo_input","title":"Run Shiny input events examples — run_demo_input","text":"Run Shiny input events examples","code":""},{"path":"/reference/run_demo_input.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Run Shiny input events examples — run_demo_input","text":"","code":"run_demo_input(example = c(\"click\", \"zoom\", \"selection\"))"},{"path":"/reference/run_demo_input.html","id":"pkg-arg-example","dir":"Reference","previous_headings":"","what":"example (argument)","title":"Run Shiny input events examples — run_demo_input","text":"example Name example.","code":""},{"path":"/reference/run_demo_sparkbox.html","id":null,"dir":"Reference","previous_headings":"","what":"Run Shiny spark boxes example — run_demo_sparkbox","title":"Run Shiny spark boxes example — run_demo_sparkbox","text":"Run Shiny spark boxes example","code":""},{"path":"/reference/run_demo_sparkbox.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Run Shiny spark boxes example — run_demo_sparkbox","text":"","code":"run_demo_sparkbox()"},{"path":"/reference/run_demo_sync.html","id":null,"dir":"Reference","previous_headings":"","what":"Run Shiny synchronization example — run_demo_sync","title":"Run Shiny synchronization example — run_demo_sync","text":"Run Shiny synchronization example","code":""},{"path":"/reference/run_demo_sync.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Run Shiny synchronization example — run_demo_sync","text":"","code":"run_demo_sync()"},{"path":"/reference/set_input_click.html","id":null,"dir":"Reference","previous_headings":"","what":"Retrieve click information in Shiny — set_input_click","title":"Retrieve click information in Shiny — set_input_click","text":"According type chart, different values retrieved: bar column: retrieve category (x-axis). pie donut: retrieve label. time-series: retrieve x-axis value, display markers size > 0 set tooltip's options intersect = TRUE shared = FALSE. scatter: retrieve XY coordinates.","code":""},{"path":"/reference/set_input_click.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Retrieve click information in Shiny — set_input_click","text":"","code":"set_input_click( ax, inputId, multiple = FALSE, effect_type = c(\"darken\", \"lighten\", \"none\"), effect_value = 0.35, session = shiny::getDefaultReactiveDomain() )"},{"path":"/reference/set_input_click.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Retrieve click information in Shiny — set_input_click","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/set_input_click.html","id":"pkg-arg-inputId","dir":"Reference","previous_headings":"","what":"inputId (argument)","title":"Retrieve click information in Shiny — set_input_click","text":"inputId id used server-side retrieving click.","code":""},{"path":"/reference/set_input_click.html","id":"pkg-arg-multiple","dir":"Reference","previous_headings":"","what":"multiple (argument)","title":"Retrieve click information in Shiny — set_input_click","text":"multiple Allow multiple selection: TRUE FALSE (default).","code":""},{"path":"/reference/set_input_click.html","id":"pkg-arg-effect_type","dir":"Reference","previous_headings":"","what":"effect_type (argument)","title":"Retrieve click information in Shiny — set_input_click","text":"effect_type Type effect selected element, default use lightly darken color.","code":""},{"path":"/reference/set_input_click.html","id":"pkg-arg-effect_value","dir":"Reference","previous_headings":"","what":"effect_value (argument)","title":"Retrieve click information in Shiny — set_input_click","text":"effect_value larger value intensifies select effect, accept value 0 1.","code":""},{"path":"/reference/set_input_click.html","id":"pkg-arg-session","dir":"Reference","previous_headings":"","what":"session (argument)","title":"Retrieve click information in Shiny — set_input_click","text":"session Shiny session.","code":""},{"path":"/reference/set_input_click.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Retrieve click information in Shiny — set_input_click","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/set_input_click.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Retrieve click information in Shiny — set_input_click","text":"x-axis type datetime, value retrieved class POSIXct.","code":""},{"path":"/reference/set_input_export.html","id":null,"dir":"Reference","previous_headings":"","what":"Retrieve chart's base64 dataURI. — set_input_export","title":"Retrieve chart's base64 dataURI. — set_input_export","text":"Retrieve chart's base64 dataURI.","code":""},{"path":"/reference/set_input_export.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Retrieve chart's base64 dataURI. — set_input_export","text":"","code":"set_input_export(ax, inputId, session = shiny::getDefaultReactiveDomain())"},{"path":"/reference/set_input_export.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Retrieve chart's base64 dataURI. — set_input_export","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/set_input_export.html","id":"pkg-arg-inputId","dir":"Reference","previous_headings":"","what":"inputId (argument)","title":"Retrieve chart's base64 dataURI. — set_input_export","text":"inputId id used server-side retrieving data.","code":""},{"path":"/reference/set_input_export.html","id":"pkg-arg-session","dir":"Reference","previous_headings":"","what":"session (argument)","title":"Retrieve chart's base64 dataURI. — set_input_export","text":"session Shiny session.","code":""},{"path":"/reference/set_input_export.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Retrieve chart's base64 dataURI. — set_input_export","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/set_input_selection.html","id":null,"dir":"Reference","previous_headings":"","what":"Retrieve selection information in Shiny — set_input_selection","title":"Retrieve selection information in Shiny — set_input_selection","text":"Retrieve selection information Shiny","code":""},{"path":"/reference/set_input_selection.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Retrieve selection information in Shiny — set_input_selection","text":"","code":"set_input_selection( ax, inputId, type = c(\"x\", \"xy\", \"y\"), fill_color = \"#24292e\", fill_opacity = 0.1, stroke_width = 1, stroke_dasharray = 3, stroke_color = \"#24292e\", stroke_opacity = 0.4, xmin = NULL, xmax = NULL, ymin = NULL, ymax = NULL, session = shiny::getDefaultReactiveDomain() )"},{"path":"/reference/set_input_selection.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-inputId","dir":"Reference","previous_headings":"","what":"inputId (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"inputId id used server-side retrieving selection.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-type","dir":"Reference","previous_headings":"","what":"type (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"type Allow selection either x-axis, y-axis axis.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-fill_color","dir":"Reference","previous_headings":"","what":"fill_color (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"fill_color Background color selection rect drawn user drags chart.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-fill_opacity","dir":"Reference","previous_headings":"","what":"fill_opacity (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"fill_opacity Opacity background color selection rectangle.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-stroke_width","dir":"Reference","previous_headings":"","what":"stroke_width (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"stroke_width Border thickness selection rectangle.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-stroke_dasharray","dir":"Reference","previous_headings":"","what":"stroke_dasharray (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"stroke_dasharray Creates dashes borders selection rectangle. Higher number creates space dashes border.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-stroke_color","dir":"Reference","previous_headings":"","what":"stroke_color (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"stroke_color Colors selection border.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-stroke_opacity","dir":"Reference","previous_headings":"","what":"stroke_opacity (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"stroke_opacity Opacity selection border.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-xmin, xmax","dir":"Reference","previous_headings":"","what":"xmin, xmax (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"xmin, xmax Start value x-axis. min max must provided.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-ymin, ymax","dir":"Reference","previous_headings":"","what":"ymin, ymax (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"ymin, ymax Start value y-axis. min max must provided.","code":""},{"path":"/reference/set_input_selection.html","id":"pkg-arg-session","dir":"Reference","previous_headings":"","what":"session (argument)","title":"Retrieve selection information in Shiny — set_input_selection","text":"session Shiny session.","code":""},{"path":"/reference/set_input_selection.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Retrieve selection information in Shiny — set_input_selection","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/set_input_zoom.html","id":null,"dir":"Reference","previous_headings":"","what":"Retrieve zoom information in Shiny — set_input_zoom","title":"Retrieve zoom information in Shiny — set_input_zoom","text":"Retrieve zoom information Shiny","code":""},{"path":"/reference/set_input_zoom.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Retrieve zoom information in Shiny — set_input_zoom","text":"","code":"set_input_zoom(ax, inputId, session = shiny::getDefaultReactiveDomain())"},{"path":"/reference/set_input_zoom.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Retrieve zoom information in Shiny — set_input_zoom","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/set_input_zoom.html","id":"pkg-arg-inputId","dir":"Reference","previous_headings":"","what":"inputId (argument)","title":"Retrieve zoom information in Shiny — set_input_zoom","text":"inputId id used server-side retrieving zoom.","code":""},{"path":"/reference/set_input_zoom.html","id":"pkg-arg-session","dir":"Reference","previous_headings":"","what":"session (argument)","title":"Retrieve zoom information in Shiny — set_input_zoom","text":"session Shiny session.","code":""},{"path":"/reference/set_input_zoom.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Retrieve zoom information in Shiny — set_input_zoom","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/set_input_zoom.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Retrieve zoom information in Shiny — set_input_zoom","text":"x-axis type datetime, value retrieved class POSIXct.","code":""},{"path":"/reference/set_tooltip_fixed.html","id":null,"dir":"Reference","previous_headings":"","what":"Fixed tooltip — set_tooltip_fixed","title":"Fixed tooltip — set_tooltip_fixed","text":"Fixed tooltip","code":""},{"path":"/reference/set_tooltip_fixed.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Fixed tooltip — set_tooltip_fixed","text":"","code":"set_tooltip_fixed( ax, position = c(\"topLeft\", \"topRight\", \"bottomLeft\", \"bottomRight\"), offsetX = NULL, offsetY = NULL )"},{"path":"/reference/set_tooltip_fixed.html","id":"pkg-arg-ax","dir":"Reference","previous_headings":"","what":"ax (argument)","title":"Fixed tooltip — set_tooltip_fixed","text":"ax apexchart() htmlwidget object.","code":""},{"path":"/reference/set_tooltip_fixed.html","id":"pkg-arg-position","dir":"Reference","previous_headings":"","what":"position (argument)","title":"Fixed tooltip — set_tooltip_fixed","text":"position Predefined position: \"topLeft\", \"topRight\", \"bottomLeft\" \"bottomRight\".","code":""},{"path":"/reference/set_tooltip_fixed.html","id":"pkg-arg-offsetX","dir":"Reference","previous_headings":"","what":"offsetX (argument)","title":"Fixed tooltip — set_tooltip_fixed","text":"offsetX Sets left offset tooltip container fixed position.","code":""},{"path":"/reference/set_tooltip_fixed.html","id":"pkg-arg-offsetY","dir":"Reference","previous_headings":"","what":"offsetY (argument)","title":"Fixed tooltip — set_tooltip_fixed","text":"offsetY Sets top offset tooltip container fixed position.","code":""},{"path":"/reference/set_tooltip_fixed.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Fixed tooltip — set_tooltip_fixed","text":"apexchart() htmlwidget object.","code":""},{"path":"/reference/spark_box.html","id":null,"dir":"Reference","previous_headings":"","what":"Create a box with a sparkline — spark_box","title":"Create a box with a sparkline — spark_box","text":"Create box sparkline","code":""},{"path":"/reference/spark_box.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"Create a box with a sparkline — spark_box","text":"","code":"spark_box( data, title = NULL, subtitle = NULL, color = \"#2E93fA\", background = \"#FFF\", type = c(\"area\", \"line\", \"spline\", \"column\"), synchronize = NULL, title_style = NULL, subtitle_style = NULL, width = NULL, height = NULL, elementId = NULL )"},{"path":"/reference/spark_box.html","id":"pkg-arg-data","dir":"Reference","previous_headings":"","what":"data (argument)","title":"Create a box with a sparkline — spark_box","text":"data data.frame-like object least two columns, first mapped x-axis, second y-axis.","code":""},{"path":"/reference/spark_box.html","id":"pkg-arg-title","dir":"Reference","previous_headings":"","what":"title (argument)","title":"Create a box with a sparkline — spark_box","text":"title Title display box.","code":""},{"path":"/reference/spark_box.html","id":"pkg-arg-subtitle","dir":"Reference","previous_headings":"","what":"subtitle (argument)","title":"Create a box with a sparkline — spark_box","text":"subtitle Subtitle display box.","code":""},{"path":"/reference/spark_box.html","id":"pkg-arg-color","dir":"Reference","previous_headings":"","what":"color (argument)","title":"Create a box with a sparkline — spark_box","text":"color Color chart.","code":""},{"path":"/reference/spark_box.html","id":"pkg-arg-background","dir":"Reference","previous_headings":"","what":"background (argument)","title":"Create a box with a sparkline — spark_box","text":"background Background color box.","code":""},{"path":"/reference/spark_box.html","id":"pkg-arg-type","dir":"Reference","previous_headings":"","what":"type (argument)","title":"Create a box with a sparkline — spark_box","text":"type Type chart, currently type supported : \"area\" (default), \"line\", \"spline\", \"column\".","code":""},{"path":"/reference/spark_box.html","id":"pkg-arg-synchronize","dir":"Reference","previous_headings":"","what":"synchronize (argument)","title":"Create a box with a sparkline — spark_box","text":"synchronize Give common id charts synchronize (tooltip zoom).","code":""},{"path":"/reference/spark_box.html","id":"pkg-arg-title_style, subtitle_style","dir":"Reference","previous_headings":"","what":"title_style, subtitle_style (argument)","title":"Create a box with a sparkline — spark_box","text":"title_style, subtitle_style list named attributes style title / subtitle, possible values fontSize, fontWeight, fontFamily, color.","code":""},{"path":"/reference/spark_box.html","id":"pkg-arg-width, height","dir":"Reference","previous_headings":"","what":"width, height (argument)","title":"Create a box with a sparkline — spark_box","text":"width, height numeric input pixels.","code":""},{"path":"/reference/spark_box.html","id":"pkg-arg-elementId","dir":"Reference","previous_headings":"","what":"elementId (argument)","title":"Create a box with a sparkline — spark_box","text":"elementId Use explicit element ID widget.","code":""},{"path":"/reference/spark_box.html","id":"section-value","dir":"Reference","previous_headings":"","what":"Value","title":"Create a box with a sparkline — spark_box","text":"apexcharts htmlwidget object.","code":""},{"path":"/reference/spark_box.html","id":"section-note","dir":"Reference","previous_headings":"","what":"Note","title":"Create a box with a sparkline — spark_box","text":"Shiny use sparkBoxOutput / renderSparkBox render boxes, see example. Boxes CSS class \"apexcharter-spark-box\" need styling.","code":""},{"path":"/reference/unhcr_popstats_2017.html","id":null,"dir":"Reference","previous_headings":"","what":"UNHCR data for 2017 — unhcr_popstats_2017","title":"UNHCR data for 2017 — unhcr_popstats_2017","text":"dataset contains data UNHCR's populations concern year 2017.","code":""},{"path":"/reference/unhcr_popstats_2017.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"UNHCR data for 2017 — unhcr_popstats_2017","text":"","code":"unhcr_popstats_2017"},{"path":"/reference/unhcr_popstats_2017.html","id":"section-format","dir":"Reference","previous_headings":"","what":"Format","title":"UNHCR data for 2017 — unhcr_popstats_2017","text":"data frame 11237 observations following 6 variables: country_origin Country origin population country_residence Country / territory asylum/residence population population_type Populations concern : Refugees, Asylum-seekers, Internally displaced persons (IDPs), Returned refugees, Returned IDPs, Stateless persons, Others concern. value Number people concerned continent_residence Continent origin population continent_origin Continent residence population","code":""},{"path":"/reference/unhcr_popstats_2017.html","id":"section-source","dir":"Reference","previous_headings":"","what":"Source","title":"UNHCR data for 2017 — unhcr_popstats_2017","text":"UNHCR (UN Refugee Agency) (https://www.unhcr.org/)","code":""},{"path":"/reference/unhcr_ts.html","id":null,"dir":"Reference","previous_headings":"","what":"UNHCR data by continent of origin — unhcr_ts","title":"UNHCR data by continent of origin — unhcr_ts","text":"dataset contains data UNHCR's populations concern summarised continent origin.","code":""},{"path":"/reference/unhcr_ts.html","id":"ref-usage","dir":"Reference","previous_headings":"","what":"Usage","title":"UNHCR data by continent of origin — unhcr_ts","text":"","code":"unhcr_ts"},{"path":"/reference/unhcr_ts.html","id":"section-format","dir":"Reference","previous_headings":"","what":"Format","title":"UNHCR data by continent of origin — unhcr_ts","text":"data frame 913 observations following 4 variables: year Year concerned. population_type Populations concern : Refugees, Asylum-seekers, Internally displaced persons (IDPs), Returned refugees, Returned IDPs, Stateless persons, Others concern. continent_origin Continent residence population. n Number people concerned.","code":""},{"path":"/reference/unhcr_ts.html","id":"section-source","dir":"Reference","previous_headings":"","what":"Source","title":"UNHCR data by continent of origin — unhcr_ts","text":"UNHCR (UN Refugee Agency) (https://www.unhcr.org/)","code":""},{"path":"/news/index.html","id":"apexcharter-030","dir":"Changelog","previous_headings":"","what":"apexcharter 0.3.0","title":"apexcharter 0.3.0","text":"Updated ApexCharts.js 3.29.0 Internal: use {packer} manage JavaScript assets. d3.format JavaScript functions now available browser format() formatLocale().","code":""},{"path":"/news/index.html","id":"apexcharter-020","dir":"Changelog","previous_headings":"","what":"apexcharter 0.2.0","title":"apexcharter 0.2.0","text":"Updated ApexCharts.js 3.26.2 New functions ax_facet_wrap() ax_facet_grid() create faceting charts. New function apex_grid() combine several charts grid.","code":""},{"path":"/news/index.html","id":"apexcharter-018","dir":"Changelog","previous_headings":"","what":"apexcharter 0.1.8","title":"apexcharter 0.1.8","text":"Updated ApexCharts.js 3.22.2","code":""},{"path":"/news/index.html","id":"bugfixes","dir":"Changelog","previous_headings":"","what":"Bugfixes","title":"apexcharter 0.1.8","text":"Fixed bad JavaScript namespace Fixed bug groups scatter chart","code":""},{"path":"/news/index.html","id":"apexcharter-017","dir":"Changelog","previous_headings":"","what":"apexcharter 0.1.7","title":"apexcharter 0.1.7","text":"Updated ApexCharts.js 3.22.0 New chart type: treemap, see vignette example. New function ax_colors_manual() set color mapping manually. apex() now accept polarArea type chart.","code":""},{"path":"/news/index.html","id":"apexcharter-016","dir":"Changelog","previous_headings":"","what":"apexcharter 0.1.6","title":"apexcharter 0.1.6","text":"Updated ApexCharts.js 3.20.1 New functions add_line() add_smooth_line() add simple trend line charts (scatter & bars). New Shiny input: export, retrieve chart’s base64 dataURI.","code":""},{"path":"/news/index.html","id":"apexcharter-015","dir":"Changelog","previous_headings":"","what":"apexcharter 0.1.5","title":"apexcharter 0.1.5","text":"Updated ApexCharts.js 3.18.1 Support candlestick charts apex(). apex() new argument synchronize easily synchronize charts together. apex() new charts type: area-spline, area-step step.","code":""},{"path":"/news/index.html","id":"new-functions","dir":"Changelog","previous_headings":"","what":"New functions","title":"apexcharter 0.1.5","text":"spark_box create boxes sparkline, see corresponding vignette details. add_shade(), add_shade_weekend(), add_event() add annotations time-series charts. add_hline(), add_vline(), add_point() add annotations charts. set_tooltip_fixed() fix tooltip specific position.","code":""},{"path":"/news/index.html","id":"bugfixes-1","dir":"Changelog","previous_headings":"","what":"Bugfixes","title":"apexcharter 0.1.5","text":"Xaxis datetime now display properly columns bars. Dark mode wasn’t activated properly ax_theme().","code":""},{"path":"/news/index.html","id":"apexcharter-014","dir":"Changelog","previous_headings":"","what":"apexcharter 0.1.4","title":"apexcharter 0.1.4","text":"Upgraded ApexCharts.js 3.17.1 Fixed bug grouped bar charts different levels groups. New vignette explain sync charts. New vignette show shiny usage. Added functions set_input_click(), set_input_zoom() set_input_selection() add interaction Shiny applications.","code":""},{"path":"/news/index.html","id":"apexcharter-013","dir":"Changelog","previous_headings":"","what":"apexcharter 0.1.3","title":"apexcharter 0.1.3","text":"Upgraded ApexCharts.js 3.10.1 New function format_num() format labels y-axis tooltip example. Added localization configs file, see ?ax_chart examples.","code":""},{"path":"/news/index.html","id":"apexcharter-012","dir":"Changelog","previous_headings":"","what":"apexcharter 0.1.2","title":"apexcharter 0.1.2","text":"Upgraded ApexCharts.js 3.8.2 Set parent container height 0 default (fix #2).","code":""},{"path":"/news/index.html","id":"apexcharter-011","dir":"Changelog","previous_headings":"","what":"apexcharter 0.1.1","title":"apexcharter 0.1.1","text":"First CRAN release: create interactive chart JavaScript ‘ApexCharts’ library. Types graphics available : bars, columns, splines, lines, scatter, pie, donuts, heatmap, gauge.","code":""}]
|