javascript - 如何始终在 Chart.js 2 上显示工具提示

Question

如何始终使用 Chart.js 版本 2(alpha)显示工具提示？

我试过这个Chart.js - Doughnut show tooltips always? , 但似乎这在最后一个版本中发生了变化。

Answer 1

您需要遍历数据集并在 onAnimationComplete 中指向和创建工具提示(将事件数组设置为空数组将不起作用)。

就像之前你必须从事件数组中删除事件一样，一旦你鼠标悬停和鼠标移开工具提示就不会消失，但在这种情况下你需要将 events 设置为 假的。

此外，我认为我上次检查时开发中的版本存在 onAnimationComplete 不触发的问题，除非 animation duration 为 0。

这里是相关代码

var config = {
    type: 'pie',
    options: {
        events: false,
        animation: {
            duration: 0
        },
        onAnimationComplete: function () {
            var self = this;

            var elementsArray = [];
            Chart.helpers.each(self.data.datasets, function (dataset, datasetIndex) {
                Chart.helpers.each(dataset.metaData, function (element, index) {
                    var tooltip = new Chart.Tooltip({
                        _chart: self.chart,
                        _data: self.data,
                        _options: self.options,
                        _active: [element]
                    }, self);

                    tooltip.update();
                    tooltip.transition(Chart.helpers.easingEffects.linear).draw();
                }, self);
            }, self);
        }
    },

---

fiddle - https://jsfiddle.net/c8Lk2381/

---