如何获得系列'在Highcharts中工具提示下半部分的x轴值?

时间:2014-11-26 15:32:48

标签: javascript highcharts tooltip series

我真的很想让工具提示框中的年份出现在它的底部,而不是在顶部。但是使用" point.key"仅限于headerFormat:

headerFormat: '{point.key}',

如何将其集成到pointFormat中?我现在看起来像这样:

 pointFormat: '{series.name}<br />' + '{point.y}<br />' + '(HERE THE YEAR)',

可能有一些更好的方法,也许通过使用函数() - 写?我没有找到什么,我的不同试验并没有成功。 Here is a fiddle为此。

感谢任何提示。

1 个答案:

答案 0 :(得分:0)

为此,您最好使用tooltip.formatter。这使您可以更好地控制布局的每个方面。

样品:

   tooltip: {
        crosshairs: true,
        useHTML: true,
        backgroundColor: '#eee',
        borderColor: '#000000',
        borderRadius: 0,
        formatter: function () {
            return '<div style="color: #000; text-align: center; font-family: Palatino, serif; font-size: 14px; line-spacing: 16px"><b>' +
            this.series.name + '</b><br />' + 
            '<i style="font-size: 12px">' + this.y + 
            '</i><br /><span style="font-size: 12px">(' + this.x + ')</span></div>';
        }
    },