轻狂啊波 2020-05-26 16:56 采纳率: 100%
浏览 851
已结题

echarts的仪表盘指针动画时间 怎么设置成2秒?

echarts的仪表盘 指针动画时间 每次指针怎么设置成2秒 ,官方默认太快了

option = {
tooltip: {
formatter: '{a} {b} : {c}%'
},
toolbox: {
feature: {
restore: {},
saveAsImage: {}
}
},
series: [
{
name: '业务指标',
type: 'gauge',
animationDelay: function (idx) {
return idx 2000 + 5000;
}, //这里 一个哥推荐的 可能我不会 这里完全没效果
animationEasing: '业务指标',
animationDuration: 2000,//这里首次可以指针移动2秒 第二次开始就没效果了
detail: {
formatter: '{value}%'
},
data: [{value: 50, name: '完成率'}] } ],
//希望每次指针都是移动2秒,官方移动时间太快了
};

setInterval(function () { option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0; myChart.setOption(option, true); },2000);

  • 写回答

1条回答 默认 最新

  • 打杂的程序员 2020-05-26 17:07
    关注

    animationDelay
    初始动画的延迟,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。

    animationDelay: function (idx) {
                return idx * 10 + 1000;
            }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥50 永磁型步进电机PID算法
  • ¥15 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?
  • ¥88 找成都本地经验丰富懂小程序开发的技术大咖
  • ¥15 如何处理复杂数据表格的除法运算
  • ¥15 如何用stc8h1k08的片子做485数据透传的功能?(关键词-串口)
  • ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
  • ¥200 uniapp长期运行卡死问题解决
  • ¥15 latex怎么处理论文引理引用参考文献
  • ¥15 请教:如何用postman调用本地虚拟机区块链接上的合约?
  • ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题:[h264 @ 000000004faf7500]no frame?