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複選框

回答

相關問題