在R Markdown的pagedown中highcharter图表无法显示求助

问题根源在于pagedown的html_letter格式基于paged.js实现分页机制，而highcharter是依赖JavaScript动态渲染的交互式图表：

1. paged.js会在页面初始加载时计算布局和分页，但此时highcharter图表尚未完成渲染，导致图表无法被正确识别和显示；
2. self_contained: true的自包含模式可能干扰highcharter依赖的JavaScript资源加载顺序，进一步引发显示异常。

以下是三种可行的解决方案：

• 方案1：触发paged.js重新计算布局
  在highcharter代码中添加htmlwidgets::onRender，确保图表渲染完成后强制paged.js重新执行分页逻辑：

  library(htmlwidgets)
  highchart() |>
    hc_chart(type = "bar") |>
    hc_add_series(mtcars, mapping = hcaes(y=mpg), type = "bar") |>
    hc_xAxis(categories = rownames(mtcars)) |>
    onRender("function(el, x) { window.PagedPolyfill.reflow(); }")
  

• 方案2：关闭自包含模式
  修改YAML配置，将self_contained设为false，避免资源打包时的冲突：

  ---
  title: "Example highcharter"
  author: "Roelof"
  output:
    pagedown::html_letter:
      self_contained: false
  ---
  

• 方案3：用iframe隔离图表
  使用widgetframe包将highcharter图表嵌入iframe，彻底隔离paged.js的影响：

  library(widgetframe)
  frameWidget(
    highchart() |>
      hc_chart(type = "bar") |>
      hc_add_series(mtcars, mapping = hcaes(y=mpg), type = "bar") |>
      hc_xAxis(categories = rownames(mtcars)),
    width = "100%",
    height = "400px"
  )
  

内容的提问来源于stack exchange，提问作者Roelof Waaijman