y轴的Highcharts复选框

Question

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

它应低于图表。

我的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%>
        ]

Answer 1

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
    });
});