highcharts shell

for testing private data fiddles with d3 data

by bryangrimes

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js">placeholder</script>
<div id="container" style="height: 400px; min-width: 600px"></div>

JavaScript

$(function() {

  Highcharts.theme = {

  };

  Highcharts.setOptions(Highcharts.theme);

  var chart = new Highcharts.Chart({

  });

  var data = [];

  for(let i = 0; i < data.length; i++){
    var values = [];
    var xcuts = [];

    data[i].values.forEach(val => {
      values.push(val.value);
      xcuts.push(val.label);
    });

    chart.addSeries({
        name: data[i].key,
      data: values
    })

    chart.xAxis[0].setCategories(xcuts);
  }

});