Я хочу показать/скрыть линии оси оси Highchart кнопкой onclick на кнопке

Я хочу показать/скрыть линии оси оси синего графика по кнопке on.click. Я не получаю свойство сетки Line Width для установки в Java Script function.Can я знаю, как получить доступ ко всем свойства, как ширина линии сетки, название, цвет линии, ширина линии, метки осиЯ хочу показать/скрыть линии оси оси Highchart кнопкой onclick на кнопке

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Highcharts Example</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    var chart; 
    function DisableGridLine() { 
     chart.yAxis.gridLineWidth = 0;   
    } 
    $(function() { 

     $(document).ready(function() { 
      chart = new Highcharts.Chart({ 
       chart: { 
        renderTo: 'container', 
        type: 'line', 
        marginRight: 130, 
        marginBottom: 25 
       }, 
       title: { 
        text: 'Monthly Average Temperature', 
        x: -20 //center 
       }, 
       subtitle: { 
        text: 'Source: WorldClimate.com', 
        x: -20 
       }, 
       xAxis: { 
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
       'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
       }, 
       yAxis: { 
        gridLineWidth: 10, 
        title: { 
         text: 'Temperature (°C)' 
        }, 
        plotLines: [{ 
         value: 0, 
         width: 1, 
         color: '#808080' 
        }] 
       }, 
       tooltip: { 
        formatter: function() { 
         return '<b>' + this.series.name + '</b><br/>' + 
        this.x + ': ' + this.y + '°C'; 
        } 
       }, 
       legend: { 
        layout: 'vertical', 
        align: 'right', 
        verticalAlign: 'top', 
        x: -10, 
        y: 100, 
        borderWidth: 0 
       }, 
       series: [{ 
        name: 'Tokyo', 
        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
       }, { 
        name: 'New York', 
        data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] 
       }, { 
        name: 'Berlin', 
        data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] 
       }, { 
        name: 'London', 
        data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] 
       }] 
      }); 
     }); 

    }); 
    </script> 
</head> 
<body> 
    <script src="js/highcharts.js" type="text/javascript"></script> 
    <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"> 
    </div> 

    <input type="button" value="Disable" onclick="disablegridlines();" 
</body> 
</html>

источник

2013-07-08 Ashwin Patil

Использование:

chart.yAxis[0].update({ 
    gridLineWidth: 0 // or 1 
});

источник

2013-07-08 12:36:21

Спасибо много .. работает отлично .. –

Почему вы не выбрали это как ответ? –

Я хочу показать/скрыть линии оси оси Highchart кнопкой onclick на кнопке

ответ

Смежные вопросы