Basic line
author(s):
Torstein Hønsi
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<div id="flipper" class="panel" style="border-left-style: none; display: table-cell; width: 49%; vertical-align: top; height: 433px; border-radius: 0.25rem 0 0 0.25rem; position: relative">
<div style="width: 100%; height: 100%; overflow: hidden;" id="container" data-highcharts-chart="0"><div style="position: relative; height: 0px; z-index: 1;"><select style="position: absolute; padding: 0px; border: 0px; cursor: pointer; opacity: 0.0001; left: 10px; visibility: hidden; width: 61.9688px; height: 22px; top: 10px; margin-top: 35px;"><option disabled="">Zoom</option><option>Wk</option><option>1m</option><option>3m</option><option>6m</option><option>1yr</option><option>All</option></select><input name="min" class="highcharts-range-selector" type="date" data-hc-time="1729573200000" min="2024-09-04" max="2025-01-30" data-hc-time-previous="1737612000000" style="position: absolute; border: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px; width: 1px; height: 1px; padding: 0px; text-align: center; font-size: 0.8em; font-family: Lato, Arial, sans-serif; top: -9999em; color: rgb(51, 78, 255); cursor: pointer; margin-top: 35px;"><input name="max" class="highcharts-range-selector" type="date" data-hc-time="1738216800000" min="2024-10-22" max="2025-01-30" data-hc-time-previous="1738216800000" style="position: absolute; border: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px; width: 1px; height: 1px; padding: 0px; text-align: center; font-size: 0.8em; font-family: Lato, Arial, sans-serif; top: -9999em; color: rgb(51, 78, 255); cursor: pointer; margin-top: 35px;"></div><div id="highcharts-ut8up6a-0" dir="ltr" style="position: relative; overflow: hidden; width: 901px; height: 446px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color:...