echarts4r 在 quarto revealjs 中繪制低分辨率

Question

為什么在 quarto revealjs 演示文稿中通過 {echarts4r} 繪制的圖很模糊？

這怎么能解決？

一個例子：

---
title: "Habits"
author: "John Doe"
format: revealjs
---

## Getting up

```{r}
library(echarts4r)
cns <- countrycode::codelist$country.name.en
cns <- data.frame(
country = cns,
value = runif(length(cns), 1, 100)
)

cns |> 
e_charts(country) |> 
e_map(value) |> 
e_visual_map(value)
```


## Going to sleep

- Get in bed
- Count sheep

Answer 1

這可能是因為 echart4r 默認使用canvas繪圖，這可能會嚴重縮放（盡管在我看來這個例子看起來還不錯）。

補救措施是切換到 SVG。 您可以使用height和width調整父容器以使繪圖適合幻燈片。

## Running Code

cns |> 
  e_charts(country, width = 1100, height = 550, 
           renderer = "svg") |> 
  e_map(value) |> 
  e_visual_map(value)