Highcharts Demo

author(s): Torstein Hønsi

by Matthew Day

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar']
    },
    plotOptions: {
        series: {
            inactiveOtherPoints: true // this is the setting that does it
        }
    },
    series: [
        {
            "name": "Anna",
            "data": [
                {
                    "y": 100
                },
                {
                    "y": 100
                },
                {
                    "y": 100
                }
            ],
            "color": "#5B5BD7",
            "borderWidth": 1
        },
        {
            "name": "Billy",
            "data": [
                {
                    "y": 125
                },
                {
                    "y": 125
                },
                {
                    "y": 125
                }
            ],
            "color": "#FD8D62",
            "borderWidth": 1
        },
        {
            "name": "Carlos",
            "data": [
                {
                    "y": 150
                },
                {
                    "y": 150
                },
                {
                    "y": 150
                }
            ],
            "color": "#3BCFF0",
            "borderWidth": 1
        },
        {
            "name": "David",
            "data": [
                {
                    "y": 175
                },
                {
                    "y": 175
                },
                {
                    "y": 175
                }
            ],
            "color": "#FFD429",
            "borderWidth": 1
        }
    ]
});