高图表隐藏系列并保留工具提示

Question

我正在使用Highcharts api。我想隐藏一些系列的曲线，但继续在工具提示上显示所有系列的所有值。

例如：

series: [{
    name: 'Cat',
    data: [[1, 15], [2, 18], [3, 10]]
}, {
    name: 'Dog',
    data: [[1, 12], [2, 18], [3, 11]]
}, {
    name: 'Rabbit',
    data: [[1, 12], [2, 22], [3, 9]]
}]

我想隐藏兔子的曲线并将所有值保留在工具提示上。如果我将鼠标指向第一个点 (1(，我必须看到以下值： 猫： 15 狗： 12 兔子： 12

Answer 1

可以使用 series.graph.hide(( 或 series.group.hide(( 来隐藏序列图路径：

 function(chart) {
  chart.series[2].update({
    marker: {
      enabled: false,
      states: {
        hover: {
          enabled: false
        }
      }
    },
  })
  chart.series[2].group.hide();
}

现场示例：http://jsfiddle.net/ktjqbc7t/

Answer 2

您可以使用

series.hide()或series.setVisible(false,false)来隐藏系列。反过来，这也将从工具提示中删除序列，因此您需要自定义工具提示格式化程序来显示隐藏的系列。例：

formatter: function () {
    var s = '';
    var series =  this.points[0].series.chart.series;
    var key = this.points[0].key;
    series.forEach((e,i) => {
        if(e){
            s += '<br/>' + e.name + ': ' +
            e.options.data[key] + 'm';
          }
        });
    return s;
}

下面是一个工作示例：http://jsfiddle.net/hcy6u4ya/