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

场景

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

分析

. 参考官方文档 `https://www.hcharts.cn/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>