如何在Altair中创建显示字段多值的工具提示？

嘿，我来帮你搞定这个Altair自定义工具提示的问题！其实Altair提供了不少灵活的方式来定制工具提示，可能官方教程里没把所有场景都覆盖到，我给你分享几个实用的实现思路：

• 基础自定义字段与样式
  最直接的方式是在encode的tooltip参数里指定字段，还能通过alt.Tooltip()来自定义显示标题、数值格式。比如你想给工具提示里的数值加两位小数、重命名标题，代码可以这么写：

  import altair as alt
  from vega_datasets import data
  
  source = data.cars.url
  
  chart = alt.Chart(source).mark_circle(size=60).encode(
      x='Horsepower:Q',
      y='Miles_per_Gallon:Q',
      color='Origin:N',
      # 自定义工具提示
      tooltip=[
          alt.Tooltip('Name:N', title='车型'),
          alt.Tooltip('Horsepower:Q', title='马力', format='.1f'),
          alt.Tooltip('Miles_per_Gallon:Q', title='油耗', format='.2f')
      ]
  )
  

• 调整工具提示的外观样式
  如果想改变工具提示的背景、边框、内边距这些视觉样式，可以用configure_tooltip()方法来全局配置：

  chart = chart.configure_tooltip(
      backgroundColor='#f0f0f0',
      borderColor='#333',
      cornerRadius=8,
      padding=12,
      fontSize=14,
      fontWeight='normal'
  )
  

• 动态生成自定义内容
  要是你需要把多个字段组合成更灵活的提示内容（比如拼接文本、添加计算逻辑），可以用transform_calculate来生成新的字段，再放到工具提示里：

  chart = alt.Chart(source).transform_calculate(
      # 用Vega表达式拼接内容，支持换行标签<br>
      car_info="datum.Name + '<br>' + '产地: ' + datum.Origin + '<br>' + '马力/油耗: ' + format(datum.Horsepower, '.0f') + '/' + format(datum.Miles_per_Gallon, '.1f')"
  ).mark_circle(size=60).encode(
      x='Horsepower:Q',
      y='Miles_per_Gallon:Q',
      color='Origin:N',
      tooltip=[alt.Tooltip('car_info:N', title='车辆详情')]
  ).configure_tooltip(
      # 开启HTML渲染才能解析<br>标签
      html=True
  )
  

要是你有更具体的工具提示样式需求（比如带图标、特殊布局），可以再补充细节，我能给你更针对性的建议~

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