score:5

you could achieve that by setting the hoverborderwidth for datasets

var ctx = document.getelementbyid("chart").getcontext('2d');
var chart = new chart(ctx, {
    type: 'pie',
    data: {
        labels: ["microsoft internet explorer", "google chrome", "mozilla firefox", "opera", "safari"],
        datasets: [{
            label: 'number of votes',
            data: [60, 20, 10, 8, 2],
            backgroundcolor: ['#96ceff', '#424348', '#91ee7c', '#f7a35b', '#8286e9'],
            bordercolor: '#fff',
            borderwidth: 1,
            hoverbordercolor: ['#96ceff', '#424348', '#91ee7c', '#f7a35b', '#8286e9'],
            hoverborderwidth: 8
        }]
    },
    options: {
        responsive: false,
        legend: {
            display: false
        },
        tooltips: {
            displaycolors: false
        }
    }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/2.5.0/chart.min.js"></script>
<canvas id="chart" width="350" height="350"></canvas>

or, you could also create your own plugin.


Related Query

More Query from same tag