Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="https://code.highcharts.com/stock/highstock.src.js"></script>

<div id="cryptoChart"></div>

JavaScript

var poloniexUrl = "https://poloniex.com/public?command=returnChartData&currencyPair=BTC_XMR&start=1405699200&end=9999999999&period=14400";

$.getJSON(poloniexUrl, function(data) {

  // Creates Chart
  var chart = new Highcharts.StockChart({
    chart: {
      renderTo: 'cryptoChart',
      backgroundColor: 'white',
      type: 'candlestick'
    },

    title: {
      text: 'title'
    },

    series: [{
      data: data.map((p) => {
        p.x = p.date;
        return p
      }),
      turboThreshold: 0
    }],

    xAxis: {
      original: false
    },

    rangeSelector: {
      selected: 1
    },

    plotOptions: {
      line: {
        gapSize: 2
      }
    }
  });
});