javascript - 仅在 Highcharts 中显示工具提示的系列

Question

我需要在 Highcharts 的工具提示中使用多个系列。除了工具提示外，这些系列应该是完全不可见的。我试过将可见设置为假。然而在这种情况下，该系列的图例虽然已经褪色，但仍然可见。如果我声明“ignoreHiddenSeries: true”，隐藏系列根本不存在，我无法在工具提示中使用它们。这种用法有办法吗？目前我将这些系列保存在 highchart 范围之外的全局 javascript 数组中，并在工具提示格式化程序中使用它们。我也更喜欢将这些数据保存在 highchart 中。

顺便说一下，设置 showInLegend: false, visible: false 也会使该系列在工具提示中不可用。

Answer 1

每个隐形系列应该有两个参数:

visible: false,
showInLegend: false,

您需要使用工具提示格式化程序并在每个系列/每个点上使用循环来打印值。

tooltip: {
  formatter: function() {
    var series = this.series.chart.series,
      x = this.x,
      each = Highcharts.each,
      txt = '<span style="font-size: 10px">' + this.key + '</span><br/>';

    each(series, function(serie, i) {
                each(serie.data, function(data, j){
        if(data.x === x) {
            txt += '<span style="color:' + data.color + '">\u25CF</span> ' + data.series.name + ': <b>' + data.y + '</b><br/>';
        }
      });
    });

    return txt;
  }
},

示例:http://jsfiddle.net/697e8seo/