javascript - Highcharts - 同步图表中工具提示格式的问题

Question

我正在使用 Highcharts 来使用同步图表，但在使用工具提示选项中的格式化程序功能时遇到问题。每个图表都有不同的格式要求(％、整数、 float 等)，但似乎只是采用每个图表工具提示的最后一个图表的格式。

这是出乎意料的，因为我没有遇到图表标题和 y 轴格式的此类问题，它可以正确识别。这是我目前拥有的代码(缩写，因为否则它很长):

for (var j = 0; j < json.data.length; j++) {

  $('#highchart_metric' + i + '_').highcharts({
    chart: {
      type: 'area',
    },
    title: {
      text: json.fmt[i].displayName,
    },
    xAxis: { // left out for brevity},
    yAxis: {
      labels: {
        formatter: function () {
          var label = this.axis.defaultLabelFormatter.call(this);
          return numeral(label).format(json.fmt[i].format);
        }
      }
    },
    tooltip: {
      formatter: function () {
        return moment(this.x).format("MMM Do[,] YYYY") + ': <b>' + numeral(this.y).format(json.fmt[i].format) + '</b>';
      }
    }
    series: [{ // left out for brevity }]
  });    
}

json 的结构如下:

var json = {
  data: [[/* data */][/* data */]];
  fmt: [
  {
    col: "tfr",
    displayName: "TFR",
    fmt: "0,0.00"
  },
  {
    col: "volume",
    displayName: "Ticket Volume",
    fmt: "0,0"
  }
 ]
};

Answer 1

看起来这是错误使用回调和 for 循环的问题。每个格式化程序回调都会创建一个闭包，它可以访问相同的变量 i - 当循环结束时，该变量等于 json.data.length。

使用 forEach 类型的循环将为每个图表创建一个单独的 i 变量。

比较forEach http://jsfiddle.net/9eezsx7v/与for循环 http://jsfiddle.net/9eezsx7v/1/