| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Highstock Example</title>
- <style type="text/css">
- </style>
- </head>
- <body>
- <script src="../../code/highstock.js"></script>
- <script src="../../code/modules/data.js"></script>
- <script src="../../code/highcharts-more.js"></script>
- <script src="../../code/modules/exporting.js"></script>
- <script src="../../code/modules/export-data.js"></script>
- <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
- <script type="text/javascript">
- // Notice that the dataset has missing data
- Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/range.json', function (data) {
- Highcharts.stockChart('container', {
- chart: {
- type: 'columnrange'
- },
- rangeSelector: {
- selected: 2
- },
- title: {
- text: 'Temperature variation by day'
- },
- tooltip: {
- valueSuffix: '°C'
- },
- series: [{
- name: 'Temperatures',
- data: data
- }]
- });
- });
- </script>
- </body>
- </html>
|