当前位置: 动力学知识库 > 问答 > 编程问答 >

css - HighCharts Tooltips display over the bar, preventing drilldown

问题描述:

I have a highcharts bar chart. I have things working like I want, but the issue is that the tooltips display over the bar that is being hovered. Normally this would be the wanted functionality. But I have drill downs and I need the tooltip to be just a bit above the bar that is being hovered.

Please do not suggest a fixed position tooltip I would like an onHover tooltip.

Issue: Tooltips display over the bar that is being hovered.

Desired Output: ToolTip displays just above the hovered bar.

Here is a picture: (the arrow is where the mouse was when the picture was taken.)

Here is the desired output:(notice how the tooltip is above the mouse.)

Current Tooltip Code:

 $('#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>',

},

Here is the options in my Theme code:

 //other options....

tooltip: {

borderWidth: 0,

backgroundColor: 'rgb(211, 211, 211)',

shadow: false

},

分享给朋友:
您可能感兴趣的文章:
随机阅读: