如何修改chartJSRadar生成雷达图的图例与折线颜色

调整折线与填充色 #

可通过colMatrix参数传入自定义颜色矩阵，每一行对应一个数据系列的配色，顺序为「填充色、折线边框色、数据点颜色」。示例代码如下：

# 加载依赖包
library(radarchart)

# 示例数据
scoreData <- data.frame(
  维度 = c("维度A","维度B","维度C","维度D","维度E"),
  系列1 = c(80, 70, 90, 65, 75),
  系列2 = c(60, 85, 75, 80, 95)
)

# 自定义颜色矩阵，2个数据系列对应2行配置
customCol <- matrix(
  c("rgba(255, 99, 132, 0.2)", "rgba(255, 99, 132, 1)", "rgba(255, 99, 132, 1)",
    "rgba(54, 162, 235, 0.2)", "rgba(54, 162, 235, 1)", "rgba(54, 162, 235, 1)"),
  nrow = 2, byrow = TRUE
)

# 生成雷达图时传入颜色配置
chartJSRadar(scoreData, colMatrix = customCol)

调整图例配置 #

图例的显示状态、位置、文字样式可通过options参数传入Chart.js原生配置实现，若需要修改图例文字，直接修改数据集的列名即可。示例代码如下：

chartJSRadar(
  scoreData,
  colMatrix = customCol,
  options = list(
    legend = list(
      display = TRUE,
      position = "bottom", # 可选值：top/left/right/bottom
      labels = list(
        fontSize = 14,
        fontColor = "#333",
        padding = 20
      )
    )
  )
)

注意事项 #

• 颜色支持十六进制、rgb、rgba三种格式，使用rgba格式可自定义填充区域透明度
• 单数据系列场景下，颜色矩阵只需配置一行即可

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