Highcharts.getJSON('http://datalab.dscloud.me/chart/ml_data.php?code=', function (data) {
    // split the data set into ohlc and volume
    var wti_price = [],
    	range = [],
        dataLength = data.length;

    for (var i = 0; i < dataLength; i += 1) {
        wti_price.push([
            data[i][0], // the date
            data[i][1] // price
        ]);
        
        
        range.push([
            data[i][0], // the date
            data[i][2], // openint
            data[i][3] // openint
        ]);
        
    }

    // create the chart
    Highcharts.stockChart('container', {
        chart: {
            height: 615
        },
        title: {
            text: ''
        },
        
        subtitle: {
            text: ''
        },

        legend: {
            enabled: true
        },
        
        rangeSelector: {
        	selected: 4,
		    buttons: [{
		        type: 'month',
		        count: 1,
		        text: '1m'
		    }, {
		        type: 'month',
		        count: 3,
		        text: '3m'
		    }, {
		        type: 'month',
		        count: 6,
		        text: '6m'
		    }, {
		        type: 'ytd',
		        text: 'YTD'
		    }, {
		        type: 'year',
		        count: 1,
		        text: '1y'
		    }, {
		        type: 'year',
		        count: 2,
		        text: '2y'
		    }, {
		        type: 'year',
		        count: 3,
		        text: '3y'
		    }, {
		        type: 'all',
		        text: 'All'
		    }]
		},
        
        yAxis: [{
            height: '100%'
        }],
        xAxis: {
	      type: "datetime",
	      labels: {
	        formatter: function() {
	          return Highcharts.dateFormat('%Y-%m-%d', this.value);
	        }
	      },
	    },
        plotOptions: {
            series: {
                showInLegend: true
            },
        },
        
        tooltip: {
	        xDateFormat: '%Y-%m-%d %A',
	        shared: true
	    },
        
        series: [{
        	type: 'arearange',
            id: 'range',
            name: '적정가격구간',
            data: range
            
        }, {
            type: 'line',
            id: 'price',
            name: '가격',
            data: wti_price,
            marker: {
            	radius: 4,
            	enabled: true
	        }
        }]
    }, function (chart) {

    });
});