IRL too up and down

author(s): Torstein Hønsi

by Guillaume Seguin

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

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

CSS

#container {
    height: 120px;
    width: 395px;
}

JavaScript

Highcharts.chart('container', {
    "title": {
    	"text": ""
    },
    "chart": {
        "height": 120,
        /* "type": "spline" */
    },
    "credits": {
        "enabled": false
    },
    "legend": {
        "enabled": false
    },
     "tooltip": {
        "useHTML": false,
        "valuePrefix": "",
        "valueSuffix": " ",
        "shared": true,
        "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"
        }
    }, 
    "yAxis": {
        /* "tickAmount": 3, */
        "opposite": true,
/* 				"floor": 0,
				        "ceiling": 10, */
        labels: {
          /* "useHTML": true, */
          format: '{value:.2f} %',
          "style": {
            "color": "#9e9e9e"
          }
        },
        tickInterval: 0.1,
        "title": {
            "text": "",
            "style": {
                "color": "#242633"
            }
        }
    },
    "xAxis": {
        "type": "datetime",
         "labels": {
            "style": {
                "color": "#9e9e9e"
            }
        } 
    },
     "plotOptions": {
        "series": {
            "dataLabels": [
                {
                    "style": {
                        "color": "#9e9e9e"
                    }
                }
            ]
        }
    },
    "series": [
        {
            /* "zoneAxis": "x",  */
            "type": "line",
            "data": [
                {
                    "x": 1656633600000,
                    "y": 3.49,
                     "enabled": true,
                     "padding": 10,
                    "dataLabels": {
                        "enabled": true,
                        "format": "3.49 %",
                        "style": {
 ...