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
相关产品推荐
相关产品推荐

