In the following example, we will plot a line chart for hourly temperature data for Pittsburgh, PA, for January 1, 2013.
Since we are dealing with the date/time series with regular time intervals, we will declare the type property of xAxis to be datetime, and while passing the pointStart and pointInterval properties to the series, we can easily plot the data mentioned.
Let's start with our basic HTML template containing the following code:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Highcharts Essentials</title> </head> <body> <div id="chart_container" style="width: 600px; height: 450px;"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/highcharts.js"></script> </body> </html>