HighCharts工具提示显示在栏上,防止向下钻取

时间:2015-06-11 15:31:28

标签: css highcharts

我有一张highcharts条形图。我的工作就像我想要的那样,但问题是工具提示显示在正在悬停的栏上。通常这将是想要的功能。但我有深入研究,我需要工具提示略高于正在徘徊的酒吧。

请不要建议我想要一个onHover工具提示的固定位置工具提示。

问题:工具提示显示在正在悬停的栏上。

所需输出:工具提示显示在悬停栏上方。

这是一张图片:(箭头是拍摄照片时鼠标所在的位置。)enter image description here

以下是所需的输出:(请注意工具提示在鼠标上方的位置。)enter image description here

当前工具提示码:

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

0 个答案:

没有答案