index.htm 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Highstock Example</title>
  7. <style type="text/css">
  8. </style>
  9. </head>
  10. <body>
  11. <script src="../../code/highstock.js"></script>
  12. <script src="../../code/modules/data.js"></script>
  13. <script src="../../code/highcharts-more.js"></script>
  14. <script src="../../code/modules/exporting.js"></script>
  15. <script src="../../code/modules/export-data.js"></script>
  16. <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
  17. <script type="text/javascript">
  18. // Notice that the dataset has missing data
  19. Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/range.json', function (data) {
  20. Highcharts.stockChart('container', {
  21. chart: {
  22. type: 'columnrange'
  23. },
  24. rangeSelector: {
  25. selected: 2
  26. },
  27. title: {
  28. text: 'Temperature variation by day'
  29. },
  30. tooltip: {
  31. valueSuffix: '°C'
  32. },
  33. series: [{
  34. name: 'Temperatures',
  35. data: data
  36. }]
  37. });
  38. });
  39. </script>
  40. </body>
  41. </html>