chart.js之甜甜圈逆時針動畫

Question

我試圖動畫從右變到左，因爲它是負值

左值應爲-30和左值0

是否有可能改變動畫逆時針？我發現的唯一方式是使用CSS

transform: scaleX(-1); 

但結果也不行，因爲它也扭轉在中間的文字...

https://jsfiddle.net/sincos/u8goLmgt/

Answer 1

你可能要拖延時間你設置實際值並僅在加載初始圖形後進行設置。

setInterval(function() { 
    data.datasets[0].data[1] = 60; 
    data.datasets[0].backgroundColor[1] = "#F7464A"; 
    promisedDeliveryChart.update(); 
    }, 1000); 

下面是它的外觀在行動：https://jsfiddle.net/u8goLmgt/2/