javascript - Highcharts javascript控件系列

Question

我正在使用一个名为 M Chart 的 Wordpress 插件，它使用 HighCharts 在一个图表上显示包含 5 个折线图的折线图。

我创建了一些按钮，单击这些按钮时我想隐藏图表上的某些系列。我已经尝试了各种方法，但无法使其工作!有什么想法吗？

// Buttons
<div class="vid-chart-button only-reset">Reset All</div>
<div class="vid-chart-button only-totals">Only show Totals</div> </br>
<div class="vid-chart-button only-app">Only show App</div>
<div class="vid-chart-button only-events">Only show Events</div>
<div class="vid-chart-button only-sos">Only show SOS</div>
<div class="vid-chart-button only-magazine">Only show Magazine</div>



<script type="text/javascript">
jQuery(function($){  



$(".only-totals").click(function(){
    var chart = Highcharts.chart(".m-chart", {});
     $(chart.series[1]).hide();


}); 

}); 
</script>

Answer 1

这是一个展示如何使用外部按钮的示例

// Declare you chart
var myChart = $('#container').highcharts();

// Declare each button you want
$('#only-europe').on('click',function(){
    myChart.series[0].hide();
    myChart.series[1].hide();
    myChart.series[3].hide();
    myChart.series[4].hide();
});

Updated Fiddle - Thanks Patata