score:2

Accepted answer

1 - to add the border use highcharts. svgrenderer:

chart: {
    type: 'variablepie',
    events: {
        load: function() {
            this.renderer.circle(
                this.chartwidth / 2,
                this.plotheight / 2 + this.plottop,
                this.plotheight / 2
            ).attr({
                fill: 'rgba(0,0,0,0)',
                stroke: 'green',
                'stroke-width': 2
            }).add()
        }
    }
}

api: https://api.highcharts.com/class-reference/highcharts.svgrenderer#circle

2 - to change the colors of points set the colors array:

colors: ['#4286f4', '#19e597', '#e84a4a', '#bbd827', '#27cfd8', '#d827cf', '#3a1c0f'],

api: https://api.highcharts.com/highcharts/colors

3 - to change text size in the legend set fontsize in itemstyle:

legend: {
    itemstyle: {
        fontsize: 16
    }
}

api: https://api.highcharts.com/highcharts/legend.itemstyle

live demo: https://jsfiddle.net/blacklabel/dlv2e0hq/


Related Query

More Query from same tag