时间戳

首页 > 解决方案 > OHLC 工具提示在股票图表（highstock）中也被复制到成交量图表？

javascript - OHLC 工具提示在股票图表（highstock）中也被复制到成交量图表？

问题描述

我正在为我的股票图表尝试自定义工具提示。喜欢：（我的自定义工具提示格式化程序）

formatter: function() {
            var extremes = $(element[0]).highcharts().xAxis[0].getExtremes(),
                           start = extremes.min,
                           end   = extremes.max;
            var toolTipObj = computeDynamicToolTip(start, end);
            return ['<b>' + convertMillisToDateFormat(this.x) + '</b>'].concat(
                    this.points.map(function(point) {
                      return 'Rainfall ' + '<b>' + point.y.toFixed(2) + '<b>' +' (mm)' + '<br>'
                            + 'High ' + '<b>' + toolTipObj.max.toFixed(2) + '<b>' + ' (mm)' + '<br>'
                            + 'Low ' + '<b>' + toolTipObj.min.toFixed(2) + '<b>' + ' (mm)' + '<br>'
                            + 'Average ' + '<b>' + toolTipObj.avg.toFixed(2) + '<b>' + ' (mm)';
                    })
                    );
          },

但是格式化程序向 ohlc 和音量添加了工具提示，我想为我的音量图表创建一个单独的工具提示，所以我无法理解如何做到这一点。

任何帮助，将不胜感激。谢谢

标签： javascripthighchartstooltip

解决方案

您可以为特定系列定义工具提示并用于pointFormatter自定义它：

    series: [{
        ...
    }, {
        type: 'column',
        ...,
        tooltip: {
            pointFormatter: function() {
                return 'some custom value'
            }
        }
    }]

现场演示： https ://jsfiddle.net/BlackLabel/za8126vr/

API 参考： https ://api.highcharts.com/highstock/series.column.tooltip.pointFormatter

推荐阅读