仅用于高级图表的工具提示系列

时间:2016-04-19 08:37:36

标签: javascript highcharts

我需要在高图表的工具提示中使用几个系列。除工具提示外,这些系列应完全不可见。我试过设置可见为假。但是在这种情况下,该系列的传说虽然已经褪色仍然可见。如果我声明" ignoreHiddenSeries:true",隐藏的系列根本不存在,我不能在工具提示中使用它们。这种用法有没有办法?目前,我将这些系列保留在高图的范围之外的全局javascript数组中,并在工具提示格式化程序中使用它们。我更喜欢将这些数据保存在高图中。

顺便设置 showInLegend:false,visible:false 也会使系列在工具提示中无法使用。

1 个答案:

答案 0 :(得分:2)

每个看不见的系列应该有两个参数:

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/