Preparation

Library connection

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://openweathermap.org/js/charts.js" ></script>

Getting data


var jsonurl = "http://openweathermap.org/data/2.1/history/city/?id=524901&cnt=80";
$.get(jsonurl, getData).error(errorHandler);

Sample chart of the temperature

showSimpleChart

showTempMinMax

showIconsChart

showBarsDouble

showTemp

showWind