AnyStock – JS-Kursdiagramme

// due the EOD CORS policy, you need to get data on the server side
// you can use our NodeJS server demo to get the data from EOD
// https://github.com/anychart-integrations/anystock-eod-integration-sample
anychart.onDocumentReady(function () {
  // create data table on loaded data
  // date field defines what field in EOD JSON data provides dateTime
  var dataTable = anychart.data.table('date');
  dataTable.addData(getData());

  // map loaded data
  // fields' string names are equal to EOD JSON data fields
  var mapping = dataTable.mapAs({
    open: 'open',
    high: 'high',
    low: 'low',
    close: 'close',
    value: {
      column: 'volume',
      type: 'sum'
    }
  });

  // create stock chart
  var chart = anychart.stock();

  // create plot on the chart
  var plot = chart.plot(0);

  // create candlestick series on the plot
  var series = plot.candlestick(mapping);
  // set series settings
  series.name('BTC-USD.CC')
    .zIndex(50);

  // create volume series on the plot
  var volumeSeries = plot.column(mapping);
  // set series settings
  volumeSeries.name('Volume')
    .zIndex(100)
    .maxHeight('20%')
    .bottom(0);

  volumeSeries.risingStroke('red');
  volumeSeries.fallingStroke('green');

  // create a logarithmic scale
  var customScale = anychart.scales.log();
  // sets y-scale
  volumeSeries.yScale(customScale);

  chart.title('Stock chart based on EOD data');

  // set container id for the chart and initiate chart drawing
  chart.container('container').draw();
  // initial zoom to the last 100 points
  chart.selectRange('points', 100, true);

  chart.scroller().area(mapping);
});