[Solved]-Keep selection in highcharts even on page refresh-Highcharts

You can store your visible series states in local storage. Example:

const savedStates = localStorage.getItem('seriesStates');
const seriesStates = savedStates ?
    JSON.parse(savedStates) : {
        A: true,
        Ball: false,
        C: false,
        D: false
    };

Highcharts.chart('container', {
    series: [{
        name: 'A',
        data: [1, 2, 3],
        visible: seriesStates.A
    }, {
        name: 'Ball',
        data: [2, 2, 2],
        visible: seriesStates.Ball
    }, {
        name: 'C',
        data: [3, 3, 3],
        visible: seriesStates.C
    }, {
        name: 'D',
        data: [4, 4, 4],
        visible: seriesStates.D
    }],
    plotOptions: {
        series: {
            events: {
                legendItemClick: function() {
                    seriesStates[this.name] = !this.visible;
                    localStorage.setItem(
                        'seriesStates',
                        JSON.stringify(seriesStates)
                    );
                }
            }
        }
    }
});

Live demo: http://jsfiddle.net/BlackLabel/jkuc50Lf/

Docs: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage