Awesome
ECharts2Shiny
<p align="center"> <img src="https://raw.githubusercontent.com/XD-DENG/ECharts2Shiny/master/images_for_github/NOT_remove_for_ECharts2Shiny_repo_new.png" alt="Drawing" style="width:80%;"/> </p> <p align="center"> <img src="https://raw.githubusercontent.com/XD-DENG/ECharts2Shiny/master/images_for_github/gif_diverse_charts.gif" alt="Drawing" style="width:80%;"/> </p>As an R package, ECharts2Shiny can help embed the interactive charts plotted by Apache ECharts (incubating) library into our Shiny application. Currently, we can support
- Pie charts
- Line charts
- Bar charts
- Scatter plots
- Radar chart
- Gauge
- Word Cloud
- Tree Map
- Heat Map
Contents
How to Install
From CRAN,
install.packages("ECharts2Shiny")
For the latest development version, please install from GitHub
library(devtools)
install_github("XD-DENG/ECharts2Shiny")
Examples
library(shiny)
library(ECharts2Shiny)
# Prepare sample data for plotting --------------------------
dat <- data.frame(c(1, 2, 3),
c(2, 4, 6))
names(dat) <- c("Type-A", "Type-B")
row.names(dat) <- c("Time-1", "Time-2", "Time-3")
# Server function -------------------------------------------
server <- function(input, output) {
# Call functions from ECharts2Shiny to render charts
renderBarChart(div_id = "test", grid_left = '1%', direction = "vertical",
data = dat)
}
# UI layout -------------------------------------------------
ui <- fluidPage(
# We MUST load the ECharts javascript library in advance
loadEChartsLibrary(),
tags$div(id="test", style="width:50%;height:400px;"),
deliverChart(div_id = "test")
)
# Run the application --------------------------------------
shinyApp(ui = ui, server = server)
<p align="center">
<img src="https://raw.githubusercontent.com/XD-DENG/ECharts2Shiny/master/images_for_github/gif_simple_example.gif" alt="Drawing" style="width:50%;"/>
</p>
(For more examples, please refer to the /examples
folder)
List of Examples
- 1. Basic
- 2. Diverse Plots
- 3. More Options in Basic Charts
- 4. Scatter
- 5. Use Reactive Values as Data Input
- 6. Radar Chart
- 7. Word Cloud - Basic
- 8. Word Cloud - More Shapes
- 9. Word Cloud - Use Vector as Data Input
- 10. Line Chart with Diverse Options
- 11. Scatter with point.type Argument
- 12. Step Line Chart
- 13. Deal with Missing Values
- 14. Heat Map
- 15. Add Hyperlinks
License
ECharts2Shiny package itself is under GPL-2.
The ECharts JS library is under BSD license (ECharts).
ECharts2Shiny包
<p align="center"> <img src="https://raw.githubusercontent.com/XD-DENG/ECharts2Shiny/master/images_for_github/NOT_remove_for_ECharts2Shiny_repo_new.png" alt="Drawing" style="width:80%;"/> </p> <p align="center"> <img src="https://raw.githubusercontent.com/XD-DENG/ECharts2Shiny/master/images_for_github/gif_diverse_charts.gif" alt="Drawing" style="width:80%;"/> </p>ECharts2Shiny作为一个R包,可以帮助在Shiny应用程序中插入由ECharts库绘出的交互图形。当前支持的图形包括
- 饼图 (pie chart)
- 折线图 (line chart)
- 柱形图 (bar chart)
- 散点图 (scatter chart)
- 雷达图 (radar chart)
- 仪表盘 (gauge)
- 词云 (word cloud)
- 矩形树图 (Tree Map)
- 热力图 (heat map)
目录
安装
CRAN版本
install.packages("ECharts2Shiny")
由GitHub安装最新开发版本
library(devtools)
install_github("XD-DENG/ECharts2Shiny")
例子
library(shiny)
library(ECharts2Shiny)
# Prepare sample data for plotting --------------------------
dat <- data.frame(c(1, 2, 3),
c(2, 4, 6))
names(dat) <- c("Type-A", "Type-B")
row.names(dat) <- c("Time-1", "Time-2", "Time-3")
# Server function -------------------------------------------
server <- function(input, output) {
# Call functions from ECharts2Shiny to render charts
renderBarChart(div_id = "test", grid_left = '1%', direction = "vertical",
data = dat)
}
# UI layout -------------------------------------------------
ui <- fluidPage(
# We MUST load the ECharts javascript library in advance
loadEChartsLibrary(),
tags$div(id="test", style="width:50%;height:400px;"),
deliverChart(div_id = "test")
)
# Run the application --------------------------------------
shinyApp(ui = ui, server = server)
<p align="center">
<img src="https://raw.githubusercontent.com/XD-DENG/ECharts2Shiny/master/images_for_github/gif_simple_example.gif" alt="Drawing" style="width:50%;"/>
</p>
(请参考/examples
文件夹以获得更多实例信息)
实例列表
- 1. Basic
- 2. Diverse Plots
- 3. More Options in Basic Charts
- 4. Scatter
- 5. Use Reactive Values as Data Input
- 6. Radar Chart
- 7. Word Cloud - Basic
- 8. Word Cloud - More Shapes
- 9. Word Cloud - Use Vector as Data Input
- 10. Line Chart with Diverse Options
- 11. Scatter with point.type Argument
- 12. Step Line Chart
- 13. Deal with Missing Values
- 14. Heat Map
- 15. Add Hyperlinks
许可证
ECharts2Shiny 包使用GLP-2许可证。
The ECharts JS库使用BSD许可证(ECharts)。