Column with rotated labels

author(s): Torstein Hønsi

by Guillaume Seguin

HTML

<script src="https://code.highcharts.com/highcharts.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 class="highcharts-figure">
    <div id="container"></div>
   
</figure>

<

CSS

#container {
    height: 400px;
}

JavaScript

Highcharts.chart('container', {
    "title": {
    	text: null
    },
    "chart": {
        "height": 200,
        "style": {
            "fontSize": "10px"
        },
        "type": "column",
        "events": {}
    },
    "credits": {
        "enabled": false
    },
    "legend": {
        "enabled": true,
        "itemStyle": {
            "fontWeight": "100",
            "fontSize": "11px"
        },
        "symbolHeight": 8,
        "symbolWidth": 8,
        "margin": 4,
        "symbolRadius": 0
    },
    "tooltip": {
        "useHTML": true,
        "valuePrefix": "",
        "valueSuffix": " ",
        "valueDecimals": 0,
        "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"
        },
        formatter: function (tooltip) {
        		console.log(tooltip.defaultFormatter.call(this, tooltip));
            // If not null, use the default formatter
            return tooltip.defaultFormatter.call(this, tooltip);
        }
    },
    "yAxis": {
        "title": {
            "text": "Prix (€/m²)"
        }
    },
    "xAxis": {
        "visible": false
    },
    "plotOptions": {
        "column": {
            "groupPadding": 0.01,
            "pointPadding": 0,
            "threshold": null
        }
    },
    "series": [
        {
            "id": "b0b185b0-6f59-11ed-a247-f9c39e306ad80.9571195726689661",
            "type": "column",
            "name": "Les biens concurrents*",
            "legendIndex": 1,
            "borderColor": "#0c51c2",
            "color": "#ffffff",
            "data": [
                {
                    "y": 777
                }
            ],
            "linkedTo":...