Market price evolution

by Guillaume Seguin

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<figure>
    <div id="container"></div>
</figure>

JavaScript

Highcharts.chart('container', {
    "title": {},
    "chart": {
        "height": 300,
        "spacing": [
            4,
            4,
            4,
            4
        ]
    },
    "credits": {
        "enabled": false
    },
    "legend": {
        "enabled": true,
        "layout": "horizontal",
        "align": "center",
        "verticalAlign": "bottom",
        "itemStyle": {
            "fontWeight": "400",
            "color": "#616161"
        }
    },
    "tooltip": {
        "useHTML": true,
        "valuePrefix": "",
        "valueSuffix": " ",
        "valueDecimals": 0,
        "shared": false,
        "dateTimeLabelFormats": {
            "millisecond": "%A, %b %e, %H:%M:%S.%L",
            "second": "%A, %b %e, %H:%M:%S",
            "minute": "%A, %b %e, %H:%M",
            "hour": "%A, %b %e, %H:%M",
            "day": "%A, %b %e, %Y",
            "week": "Semaine du %A, %b %e, %Y",
            "month": "%B %Y",
            "year": "%Y"
        },
        "backgroundColor": "white"
    },
    "yAxis": {
        "labels": {},
        "title": {
            "text": "",
            "style": {
                "color": "#242633"
            }
        },
        maxPadding: 0.2,
        "opposite": true
    },
    "xAxis": {
        "type": "datetime",
        "tickInterval": 7776000000,
        "labels": {}
    },
    "plotOptions": {
        "series": {
            "events": {}
        }
    },
    "series": [
        {
            "type": "spline",
            "id": "< T3",
            "index": 0,
            "name": "< T3",
            "data": [
                {
                    "x": 1709251200000,
                    "y": 8.57,
                    "options": {
                        "custom": {
                            "indicator": {
                                "value": 8.57,
                                "bounds": {
                                    "low": 7.95,
                                    "mid": 8.57,
             ...