Question

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

单行系列如下：

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

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

如何显示包含以下信息的单个工具提示：约会时间：价钱：音量：

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/

API参考：

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

1 个答案: