如何实现Highcharts议会项目图单个点的Tooltip专属信息展示

这个需求完全可行，但必须修改现有数据输入结构。

原因说明 #

你当前的数据是按政党聚合的（每个条目对应一个政党的总席位数），Highcharts议会图默认会把同一政党的席位渲染成一组点，悬停时只能显示组的聚合信息。要实现单个点悬停显示议员姓名，需要把数据拆分成单个议员级别的条目，每个条目对应一位议员，同时保留所属政党的标识、颜色等信息。

修改后的数据结构示例 #

把原来的聚合数据拆分，比如原数据中"The Left"有69个席位，就拆成69个独立数据点，每个点包含议员姓名、政党名称、政党颜色等信息：

data: [
    // The Left 政党的议员
    ['张三', 'The Left', '#BE3075', 'DIE LINKE'],
    ['李四', 'The Left', '#BE3075', 'DIE LINKE'],
    // ... 此处省略其他67个The Left议员的条目
    // Social Democratic Party 政党的议员
    ['王五', 'Social Democratic Party', '#EB001F', 'SPD'],
    ['赵六', 'Social Democratic Party', '#EB001F', 'SPD'],
    // ... 以此类推，每个议员对应一个数据点
]

配置要点 #

1. 在tooltip配置中，通过pointFormat指定显示单个点的专属信息，比如：

tooltip: {
    pointFormat: '议员姓名: <b>{point.name}</b><br>所属政党: <b>{point.category}</b>'
}

2. 确保议会图的series配置中，数据是单个点的集合，Highcharts会自动按category（政党）分组渲染，同时支持单个点的悬停交互。

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