javascript - highstocks图表类型为 'line'时，如何在工具提示中显示开盘价、收盘价、最高价和最低价？

Question

我想显示符号的开盘价、收盘价、最高价和最低价的值，但 highstock 似乎只在图表类型为 ohlc 或烛台但不在线时显示该值。我解决这个问题的方法是生成两个具有相同数据的图表，line(使其可见)和 ohlc(使其不可见)，并从第二种类型中提取开盘价、收盘价、最高价和最低价，并将其显示在工具提示中。我确定这不是正确的方法。有没有人有任何解决方案。

我的工具提示格式化程序

  formatter: function() {


                var s=' ';
                $.each(this.points, function(i, series) {

                   //when the series is of type 'line', series.point.open is undefined but works great on 'ohlc' type
 n=new Date(series.point.x);

 s += 'Open: <span style="font-weight:bold">' +series.point.open + '</span> Close: <span style="font-weight:bold">' +series.point.close + '</span> High: <span style="font-weight:bold">'+ series.point.high + '</span> Low: <span style="font-weight:bold">' + series.point.low + '</span>';

                });
                return s;

            }

http://jsfiddle.net/7G9Cj/4/

Answer 1

解决了。这是解决方案，以备不时之需。

formatter: function() {
  var s = ' ';

  $.each(this.points, function(i, series) {
      for (i = 0; i < dataLength; i++) {
        if (ohlc[i][0] == series.point.x) //ohlc holds my main data
        {
          s += 'Open: <span style="font-weight:bold">' + ohlc[i][1] 
            + '</span> Close: <span style="font-weight:bold">' + ohlc[i][4] 
            + '</span> High: <span style="font-weight:bold">' + ohlc[i][2] 
            + '</span> Low: <span style="font-weight:bold">' + ohlc[i][3] 
            + '</span>';
          break;
        }
      }
    }
  });

  return s;
}