如何在单个工具提示中显示所有信息

Question

1. 我该怎么做这个：https://www.highcharts.com/stock/demo/candlestick-and-volume

像这样的单线系列：

https://www.highcharts.com/stock/demo/basic-line

最终图表应具有单线系列和交易量

2. 如何显示包含以下信息的单个工具提示： 日期、时间： 价格： 卷：

Answer 1

您可以通过设置tooltip.split = false并使用tooltip.formatter回调来实现它。

法典：

tooltip: {
split: false,
formatter: function() {
var point = this.point,
chart = point.series.chart,
pointIndex = point.index,
date = Highcharts.dateFormat('%b %e, %H:%M', this.x),
volumePoint = chart.series[1].points[pointIndex],
text =
'<span style="color:' + point.color +
'">u25CF</span> ' + point.series.name +
': <b>' + point.y + '</b><br/>' +
'<br><span style="color:' + volumePoint.color +
'">u25CF</span> ' +
'Volume: <b>' + volumePoint.y +
'</b><br>' + date;
return text;
}
}

演示：

• https://jsfiddle.net/BlackLabel/9gq7Lv4r/

接口参考：

• https://api.highcharts.com/highcharts/tooltip.split

• https://api.highcharts.com/highcharts/tooltip.formatter