You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

R语言Highcharter包图表自定义tooltip提示框新增显示字段问询

R highcharter包自定义tooltip提示框解决方案

完全可以实现,你只需要先把额外需要展示的字段映射到图表的数据点属性中,再自定义tooltip的输出格式即可,修改后的完整代码如下:

# 加载依赖包
library(highcharter)
library(tidyverse)

# 示例数据
fake_dat <- tribble(
  ~Project_Name, ~Portfolio, ~Lender, ~Loan_Balance, ~Maturity_Year,
  "Building_1",'Office','Chase',100000,2021,
  "Hotel_1","Hospitality",'Chase',50000,2022,
  "Condo_1","Development","Happy Bank",175000,2023,
  "Building_2","Office","Bank of America",125000,2024)

# 自定义tooltip的图表代码
fake_dat %>%
  hchart("bar", 
         hcaes(x = Project_Name, 
               y = Loan_Balance,
               # 映射需要在tooltip展示的额外字段
               Portfolio = Portfolio,
               Lender = Lender,
               Maturity_Year = Maturity_Year),
         name = "Loan Balance") %>%
  # 自定义提示框输出格式
  hc_tooltip(
    formatter = JS("function() {
      return `
        <b>项目名称:</b>${this.point.Project_Name}<br/>
        <b>资产组合类型:</b>${this.point.Portfolio}<br/>
        <b>放贷机构:</b>${this.point.Lender}<br/>
        <b>贷款余额:</b>${this.point.y}<br/>
        <b>到期年份:</b>${this.point.Maturity_Year}
      `
    }"),
    useHTML = TRUE
  )

核心逻辑说明

  • 额外字段映射:在hcaes中新增的非内置绘图字段,会被自动挂载到每个数据点的属性中,可直接在后续配置中调用
  • 提示框格式化:formatter参数接收JavaScript函数,你可以根据需求调整字段顺序、增加自定义描述、修改样式
  • useHTML = TRUE参数支持HTML标签排版,可实现加粗、换行、调整颜色等自定义效果

内容的提问来源于stack exchange,提问作者Chris Kiniry

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.20 07:54:08