Chart.js-使条形图元素闪烁

问题描述 投票:1回答:1

我正在阅读文档,但似乎没有参数可以满足我的需要:我有一个普通的条形图,我需要根据阈值配置使一些条形图闪烁。是否有任何插件或秘密参数可以获取此信息?

chart.js
1个回答
2
投票

据我了解,您想要一个闪烁的栏。

因此,您可以做的是创建条形,然后使用计时器定期将其背景颜色从'透明'动态更新为原始颜色。

这将产生闪烁效果。

好,所以如果您希望第一个栏闪烁:

let count = 0;
setInterval(() => {
  if(count % 2 === 0) {
      myChart.data.datasets[0].backgroundColor[0] = 'transparent';
      myChart.update();
  }
  else {
    myChart.data.datasets[0].backgroundColor[0] = '#FFC857';
    myChart.update();
  }
  count++;
}, 2000);

我不知道是否有更好的解决方案,但这是我想到的第一件事。

© www.soinside.com 2019 - 2024. All rights reserved.