Highcharts test tool

by Gert Vaartjes

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js">
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container"></div>

CSS

#container {
  min-width: 300px;
  max-width: 800px;
  height: 300px;
  margin: 1em auto;
}

JavaScript

var options = {
  xAxis: {
    categories: ['Jan', 'Feb']
  }
};

/*var dataString = "{\"seriesMapping\": [], \"columnTypes\": [\"date\",\"float\" ],\"csv\": \"Date,Last Price\n1450656000000,98.757\n1450396800000,98.703\n1450310400000,99.27\"}";
*/

//var dataString = "{\"seriesMapping\": [], \"columnTypes\": [\"date\",\"float\" ], \"lineDelimiter\":\"\\n\",\"csv\": \"Year,Annual mean,5 year mean\\n1880,-0.31,\\n1881,-0.22,\\n1882,-0.28,-0.29\\n1883,-0.3,-0.29\\n1884,-0.33,-0.3\\n1885,-0.32,-0.32\"}";

dataString = "{\"seriesMapping\": [    {      \"x\": 0    }  ],  \"columnTypes\": [    \"date\",    \"float\"  ],  \"lineDelimiter\": \"[*BR*]\",
  \"csv\": \"Date,Last,Price[*BR*]1452124800000,5954.08[*BR*]1452038400000,6073.38[*BR*]1451952000000,6137.24[*BR*]1451865600000,6093.43[*BR*]1451520000000,6242.32[*BR*]1451433600000,6274.05[*BR*]1451347200000,6314.57[*BR*]1451260800000,[*BR*]1450915200000,6254.64[*BR*]1450828800000,6240.98[*BR*]1229558400000,4330.66[*BR*]1229472000000,4324.19[*BR*]1229385600000,4309.08[*BR*]1229299200000,4277.56[*BR*]1229040000000,4280.35
\"}";

var dataOptions = JSON.parse(dataString);

options.data = dataOptions;
//debugger;

Highcharts.chart('container', options);