Highcharts隱藏系列和保留工具提示

我正在使用Highcharts api。我想隱藏一些系列的曲線，但不斷顯示工具提示上所有系列的所有值。Highcharts隱藏系列和保留工具提示

例如：

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

來源

2017-06-09 M.Sadok

它可以使用series.graph.hide（）或series.group.hide（）隱藏您的斯里es圖路徑：http://jsfiddle.net/ktjqbc7t/ –

這正是我需要的。 –

我很高興聽到我的例子滿足您的要求。我發佈它作爲答案。 –

它可以使用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/

來源

2017-06-09 12:16:55

您可以使用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/

來源

2017-06-09 09:09:26

Highcharts隱藏系列和保留工具提示

回答

相關問題