仅在高图表中提供工具提示的系列

Series for tooltip only in highcharts

本文关键字：工具提示 系列 高图表      更新时间：2023-09-26

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

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

每个不可见序列都应该有两个参数：

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/

相关文章：