y轴的Highcharts复选框

是否可以在Highcharts中添加显示/隐藏y轴的复选框？我已经尝试了一个切换按钮，但复选框会更好地满足我的需求。y轴的Highcharts复选框

它应该在图表下方。

我对Y轴代码：

yAxis: [ // Primary yAxis 
      <%-y_axis.each do |axis|%> 
       { 
       labels: { 
        enabled: <%=axis.has_key?(:enabled) ? axis[:enabled] : false %>, 
        format: '<%=axis[:format]%>', 
        style: { 
         color: '<%=axis[:color]%>' 
        } 
       }, 
       title: { 
        text: '<%=axis[:title]%>', 
        style: { 
         color: '<%=axis[:color]%>' 
        } 
       }, 
       opposite: <%=axis[:opposite]%>, 
       min: <%=axis[:min]%>, 
       maxPadding: 0 
       }, 
      <%end%> 
     ]

来源

2015-10-20 Nadiya

其实我有一对Y轴，所以我不能够使它与切换按钮一起工作。请在描述中查看我的y轴代码（这是一个Ruby on Rails应用程序）。 – Nadiya

你想隐藏只有yAxis点击复选框？或想要选中复选框隐藏完整系列？ –

当复选框被选中时，我想只显示/隐藏所有的y轴 – Nadiya

See the working fiddle

在highcarts用户声音响起

同样的问题 http://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/5164818-control-axis-visibility-show-hide-toggle-axes

$('#showY').click(function() { 
    yVis = !yVis; 
    $('#container').highcharts().yAxis[0].update({ 
     visible: yVis 
    }); 
});

来源

2015-10-20 08:08:56

yAxis [0]中的“0”是什么意思？如果我有超过1个y轴，是否需要更改它？ – Nadiya

yAxis [0]表示您的第一个y轴x –

如果我需要隐藏/显示所有的轴，该怎么办？如何更改$（'＃container'）。highcharts（）。yAxis [0] .update？我可能需要使用<％ - y_axis.each do | axis |％> .. <%end%>（在上面提供的代码中） – Nadiya

y轴的Highcharts复选框

回答

相关问题