# apexcharter > Htmlwidget for [apexcharts.js](https://github.com/apexcharts/apexcharts.js) [![Travis build status](https://travis-ci.org/dreamRs/apexcharter.svg?branch=master)](https://travis-ci.org/dreamRs/apexcharter) :construction: :warning: Under development !! API will change (and this doesn't work properly in RStudio viewer for now) :warning: :construction: ## Installation You can install the development version from [GitHub](https://github.com/) with: ``` r # install.packages("devtools") devtools::install_github("dreamRs/apexcharter") ``` ## Basic example Simple bar chart : ```r library(apexcharter) library(ggplot2) # for data library(dplyr) library(magrittr) data(mpg) dat <- count(mpg, manufacturer) apexcharter() %>% ax_chart(type = "bar") %>% ax_plotOptions(bar = barOpts( horizontal = FALSE, endingShape = "flat", columnWidth = "70%", dataLabels = list( position = "top" )) ) %>% ax_grid( show = TRUE, position = "front" ) %>% ax_series(list( name = "Count", data = dat$n )) %>% ax_colors("#112446") %>% ax_xaxis(categories = dat$manufacturer) %>% ax_title(text = "Number of models") %>% ax_subtitle(text = "Data from ggplot2") ``` ![alt text](img/api-bars.png) ## Raw API Pass a list of parameters to the function: ``` r apexcharter(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 + '°C';}") ) ) )) ``` ![alt text](img/raw-lines.png)