Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts隐藏系列和保留工具提示_Javascript_Highcharts - Fatal编程技术网

Javascript Highcharts隐藏系列和保留工具提示

Javascript Highcharts隐藏系列和保留工具提示,javascript,highcharts,Javascript,Highcharts,我正在使用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]] }] 我

我正在使用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
Rabbit:12

您可以使用
series.hide()
series.setVisible(false,false)
隐藏序列。这将反过来从工具提示中删除该系列,因此您需要一个自定义工具提示格式化程序来显示隐藏的系列。 例如:

格式化程序:函数(){
var s='';
var series=this.points[0].series.chart.series;
var key=this.points[0]。key;
series.forEach((e,i)=>{
如果(e){
s+='
'+e.name+':'+ e、 选项。数据[键]+‘m’; } }); 返回s; }

下面是一个工作示例:

您可以使用
series.hide()
series.setVisible(false,false)
隐藏序列。这将反过来从工具提示中删除该系列,因此您需要一个自定义工具提示格式化程序来显示隐藏的系列。 例如:

格式化程序:函数(){
var s='';
var series=this.points[0].series.chart.series;
var key=this.points[0]。key;
series.forEach((e,i)=>{
如果(e){
s+='
'+e.name+':'+ e、 选项。数据[键]+‘m’; } }); 返回s; }

下面是一个工作示例:

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

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

  })
  chart.series[2].group.hide();
}
实例:

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

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

  })
  chart.series[2].group.hide();
}
实例:

可以使用series.graph.hide()或series.group.hide()隐藏序列图路径:这正是我所需要的。我很高兴听到我的示例满足了您的要求。我将其作为答案发布。可以使用series.graph.hide()或series.group.hide()隐藏序列图路径:这正是我所需要的。我很高兴听到我的示例满足您的要求。我把它贴出来作为一个答案。