场景
. 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>