Highcharts Demo

author(s): Torstein Hønsi

by denova

HTML

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

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
        chart: {
            type: 'bar',
            spacingLeft: 0
        },
        title: {
            text: '',
            styel: {
            	display: 'none'
            }
        },
        scrollbar: {
            enabled: true
        },
        xAxis: {
            visible: false,
            lineWidth: 0,
            tickWidth: 0,
            categories: []
        },
        yAxis: {
            visible: false
        },
        legend: {
            enabled: false,
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            },
            series: {
                stacking: 'normal',
                groupPadding: 0,
                pointPadding: 0.1,
                point: {
                    events: {}
                },
                color: '#ebebeb',
                dataLabels: {
                    enabled: true,
                    align: 'left'
                }
            },
        },
        tooltip: {
            useHTML: true,
            formatter: function () {
                return `<div class="horizontal-tooltip">${this.y}</div>`;
            }
        },
        series: [{
            name: 'Docker 1',
            data: [10],
           
        }],
        exporting: {
            enabled: false
        }
    });