javascript - chart.js donut 逆时针动画

标签 javascript jquery css chart.js

我正在尝试将动画从右更改为左,因为它是针对负值的

左边的值应该是-30,左边的值应该是0

是否可以将动画更改为逆时针?我找到的唯一方法是使用 CSS

transform: scaleX(-1);

但是结果不行,因为它还反转了中间的文本...

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

最佳答案

您可能希望延迟设置实际值的时间,并仅在加载初始图形后设置。

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

下面是它的实际效果:https://jsfiddle.net/u8goLmgt/2/

关于javascript - chart.js donut 逆时针动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46471538/

相关文章:

css - 使用 PhantomJS 的 CSS3 的 3D 问题

javascript - 关于使用 javascript 对 Web 应用程序进行可能优化的意见

javascript - 如何覆盖 res.view.js 文件的 sails.js View Hook ?

javascript - 使用 Javascript 和 grunt 下载网页源代码到文件

Javascript - 大背景图像加载时间阻碍了我的 onLoad 功能

javascript - ajax从smart-ip获取地理位置json数据

javascript - Javascript 错误会减慢网站的加载时间吗

css - 禁用水平滚动而不 overflow hidden

JavaScript - 无效参数 IE8

php - 如何通过 Ajax 将文件从 JavaScript 传输到 PHP