如何为echarts4r的e_band2区域带修改边框颜色？

问题说明 #

使用e_band2()创建区域带时，通过itemStyle设置borderColor仅会改变图例符号的边框颜色，图表中的区域带边框无变化，但borderWidth、color等参数可正常生效。需求是为区域带设置不同的边框色与填充色。

复现代码 #

library(echarts4r)
library(dplyr)

data(EuStockMarkets)

as.data.frame(EuStockMarkets) |>
  dplyr::slice_head(n = 200) |>
  dplyr::mutate(day = 1:dplyr::n()) |>
  e_charts(day) |>
  e_band2(DAX, SMI, itemStyle = list(
    borderWidth = 1,
    color = "green",
    borderColor = "red"
  )) |>
  e_y_axis(scale = TRUE)

解决方法 #

e_band2()的区域带边框由上下两条折线组成，并非通过itemStyle的borderColor控制，需通过upperLineStyle和lowerLineStyle参数分别设置上下边框的样式，itemStyle的color可继续用于设置填充色：

library(echarts4r)
library(dplyr)

data(EuStockMarkets)

as.data.frame(EuStockMarkets) |>
  dplyr::slice_head(n = 200) |>
  dplyr::mutate(day = 1:dplyr::n()) |>
  e_charts(day) |>
  e_band2(DAX, SMI, 
          # 设置填充色
          itemStyle = list(color = "green"),
          # 设置上边框样式
          upperLineStyle = list(
            width = 1,
            color = "red"
          ),
          # 设置下边框样式
          lowerLineStyle = list(
            width = 1,
            color = "red"
          )) |>
  e_y_axis(scale = TRUE)

如果需要让图例的边框颜色和图表一致，可保留itemStyle中的borderColor参数，实现图例与图表边框颜色统一。

原因说明 #

e_band2()对应ECharts的区域带实现逻辑，其上下边界是独立的折线元素，itemStyle中的borderColor仅作用于图例符号样式，无法控制图表中区域带的边框线条颜色，因此需要单独配置上下折线的样式。

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