disable the date and time in the navigator part in stock chart - Javascript highcharts

Javascript examples for highcharts:Stock Chart

  1. HOME
  2. Javascript
  3. highcharts
  4. Stock Chart

Description

disable the date and time in the navigator part in stock chart

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script> 
      <script type="text/javascript">
$(function() {//w w  w  . j  a va 2  s.  c  o m
   $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
      // Create the chart
      $('#container').highcharts('StockChart', {
         rangeSelector : {
            selected : 1
         },
         title : {
            text : 'AAPL Stock Price'
         },
            navigator: {
                xAxis: {
                    labels: {
                        enabled: false
                    }
                }
            },
         series : [{
            name : 'AAPL',
            data : data,
            tooltip: {
               valueDecimals: 2
            }
         }]
      });
   });
});

      </script> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/stock/highstock.js"></script> 
      <script src="https://code.highcharts.com/stock/modules/exporting.js"></script> 
      <div id="container" style="height: 500px; min-width: 500px"></div>  
   </body>
</html>

Related Tutorials