Highcharts Stock Demo

author(s): Torstein Hønsi

HTML

<div id="container" style="height: 400px; min-width: 600px"></div>

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>

JavaScript

$(function() {
    
    var categoryText = ['First', 'Second', 'Third', 'Fourth']
	var chart = new Highcharts.Chart({
        
        
	    
	    chart: {
	        renderTo: 'container'
	    },
        xAxis:{
            min:0,
            max:2,
            labels: {
                formatter: function() {
                    return categoryText[this.value];
                }  
            }
        },
	    scrollbar: {
	    	enabled: true
	    },
	    
	    rangeSelector: {
            enabled:true
	    },
        
        navigator: {
            enabled: true,
            xAxis: {
                labels: {
                    formatter: function() {
                        return categoryText[this.value];
                    }
                }
            }
            
        },
	    
	    series: [{
	        name: 'USD to EUR',
	        data: [ [0,1], [1,3], [2,4], [3,6]]
	    }]
	});
});