Chartjs-Animating outerRadius and innerRadius

by

0👍

You can hack your way around it by using timeouts to change the values of the radius parts

if (!hover) {
    hover = item[0];
    for (let i = 0; i < 18; i++) {
        setTimeout(() => {
            hover.element.outerRadius++;
        }, timeoutMS * i)
    }
    return;
}

Codepen with segment growth animated: https://codepen.io/leelenaleee/pen/bGWrMQx?editors=0110

Leave a comment