在 ChartJs 气泡图中的图例中单击其标签时，是否可以为隐藏/显示元素设置动画？

问题描述

我一直在到处寻找一种在显示/隐藏元素但无法在任何地方找到解决方案时为我的气泡图设置动画的方法。 我尝试使用：

animation: {
  duration: 2000,show: {
    duration: 1000,x: {
      from: 0
    },y: {
      from: 0
    }
  },hide: {
    duration: 1000,x: {
      to: 0
    },y: {
      to: 0
    }
  }
},

按照某些网站的建议，但不起作用。

我有一个带有以下回调函数的自定义图例：

function legendClickCallback(event) {
    var event = event || window.event;
    var target = event.target || event.srcElement;
    while (target.nodeName !== 'LI') {
        target = target.parentElement;
    }
    var parent = target.parentElement;
    var chartId = parseInt(parent.classList[0].split("-")[0],10);
    var chart = Chart.instances[chartId];
    var indexData = parseInt($(target).attr('indexData'));
    var Meta = chart.getDatasetMeta(indexData);
    Meta.hidden = Meta.hidden == null ? !chart.data.datasets[indexData].hidden : null;

    chart.update();
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）