Angular 工具提示中的 Highchart 多个值

Angular Highchart multiple values in tooltip

我正在制作高图。系列数组看起来像这样:

graphData = [{name:"Thunder", data:[['11PM',3726],['5PM',2344]]},
             {name:"Hurricane", data:[['11PM',5736].['5PM',5244]]}]

对于工具提示,如果我将鼠标悬停在任一条线上,假设是晚上 11 点,我想显示 Thunder 和 Hurricane 的数据。现在,它只显示相应图表线的数据。

tootlip:{
pointFormat: "{point.series.name}: {point.y:0f}"
}
series: this.graphData

建议? 谢谢!

您需要启用共享工具提示:

    tooltip: {
        shared: true
    }

现场演示: http://jsfiddle.net/BlackLabel/hpkLgjbs/

API参考:https://api.highcharts.com/highcharts/tooltip.shared