我有一张highcharts条形图。我的工作就像我想要的那样,但问题是工具提示显示在正在悬停的栏上。通常这将是想要的功能。但我有深入研究,我需要工具提示略高于正在徘徊的酒吧。
请不要建议我想要一个onHover工具提示的固定位置工具提示。
问题:工具提示显示在正在悬停的栏上。
所需输出:工具提示显示在悬停栏上方。
这是一张图片:(箭头是拍摄照片时鼠标所在的位置。)
以下是所需的输出:(请注意工具提示在鼠标上方的位置。)
当前工具提示码:
$('#ChartContainer2').highcharts({
//other options....
tooltip: {
useHTML: true,
shared: true,
headerFormat: '<small>{point.key}</small><table>',
pointFormat: '<tr><td style="color: {series.color}">{series.name}: </td>' +
'<td style="text-align: right"><b>{point.y}%</b></td></tr>',
footerFormat: '</table>',
},
以下是我的主题代码中的选项:
//other options....
tooltip: {
borderWidth: 0,
backgroundColor: 'rgb(211, 211, 211)',
shadow: false
},