是否有任何方法将多行图表工具提示格式化为单行？

Question

我有一个多系列图表(线和面积范围类型).海图图像

​

​

我想格式化工具提示，而不是让：

POSITIVE: 20%
POSITIVE RANGE: 19% - 21%
NEGATIVE: 45%
NEGATIVE RANGE: 43% - 46%
NEUTRAL: 35%
NEUTRAL RANGE: 34% - 36%

将其格式化为：

POSITIVE: 20% (19% - 21%)
NEGATIVE: 45% (43% - 46%)
NEUTRAL: 35% (34% - 36%)

我需要它是一个共享的工具提示，因为图表中有很多数据。

我尝试给每个系列提供id和relatedid，但未能实现格式的改变。

Answer 1

您可以将formatter函数用于工具提示：

tooltip: {
    shared: true,
    formatter: function(e) {
        var points = this.points,
            i,
            result = '';

        function formatPoint(p, low, high) {
            return '<span style="color:' + p.point.color + '">\u25CF</span> ' + p.series.name + ': <b>' + p.point.y + '% (' + low + '% -' + high + ' %)</b><br/>'
        }

        for (i = 0; i < points.length; i += 2) {
            result += formatPoint(points[i], points[i + 1].point.low, points[i + 1].point.high)
        }

        return result
    }
}

现场演示：http://jsfiddle.net/BlackLabel/g3qeobaf/

API参考：https://api.highcharts.com/highcharts/tooltip.formatter

Answer 2

在xaxis上，我有日期，我想将它添加到工具提示的顶部，我尝试：

            return   Highcharts.dateFormat('%b - %Y',
                                      new Date(p.x)) +' <span style="color:' + p.point.color + '">\u25CF</span> ' + p.series.name + ': <b>' + Math.round(p.point.y) + '% (' + Math.round(low) + '-' + Math.round(high) + ')</b><br/>'
        }

但是它把它添加到每一行，而不是仅仅在顶部