highcharts 解决数据提示框展示的内容太多 部分内容无法显示的问题

场景

. highcaharts使用过程中 一般都会遇到这个问题(遇到有段时间了,现在有时间 说下怎么解决)

分析

. 参考官方文档 `/docs/basic-tooltip`. tooltip.formatter 内容接受定制化输出, 所以将数据框定制成多列的table

解决

. tooltip.formatter : formatTool `formatTool`是一个函数，返回如下的值

<div class="table-responsive"><table class=""><tbody><tr><td style="color:#434348">微信开发组: 0%</td><td style="color:#90ed7d">逻辑正常: 0%</td></tr><tr><td style="color:#f15c80">郑州房贷催收公司: 0%</td><td style="color:#e4d354">郑州女孩: 0%</td></tr><tr><td style="color:#2b908f">人间天国: 0%</td><td style="color:#f45b5b">id不再冲突: 0%</td></tr></tbody></table></div>