隐藏Highcharts标签和放大图

Question

我有我需要通过整个容器div来延长时，页面被改变尺寸（变薄）

我试图以编程方式隐藏在调整大小标签漏斗图但图表仍停留在一侧的DIV

https://jsfiddle.net/MicheleC/9oh3ttss/7/

function toogle_chart_label(chart, series, show){ 
    var opt = chart.series[series].options; 
    if(typeof show == 'undefined') { 
     opt.dataLabels.enabled = !opt.dataLabels.enabled; 
    } else { 
     opt.dataLabels.enabled = show 
    } 
} 

function funnel_labels_adjust(){ 
    if($('#container').width() < 300){ 
     toogle_chart_label(funnel_chart, 0, false) 
    } else { 
     toogle_chart_label(funnel_chart, 0, true) 
    } 
} 

$(window).resize(function() { 
     funnel_labels_adjust() 
}); 

Answer 1

在Highcharts 5还有一个新特性responsive。它允许您指定将在某些条件下应用的图表选项。 在你的情况，你想禁用数据标签当图表低于宽度300

responsive: { 
     rules: [{ 
      condition: { 
      maxWidth: 300 
      }, 

      chartOptions: { 
      plotOptions: { 
       funnel: { 
       dataLabels: { 
       enabled: false 
       } 
      } 
      } 
     } 
     }] 
    } 

例如：https://jsfiddle.net/9oh3ttss/8/

如果你不想使用该功能，你需要使用动态方法，如series.update()

series[0].update({ 
    dataLabels: {enabled: false/true} 
});