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

Javascript 如何始终在Chart.js 2上显示工具提示,javascript,canvas,charts,chart.js,Javascript,Canvas,Charts,Chart.js,如何始终使用Chart.js版本2(alpha)显示工具提示 我已经试过了,但在上一个版本中似乎有所改变。您需要在数据集中循环,并在AnimationComplete中指向并创建工具提示(将事件数组设置为空数组将不起作用) 与之前一样,您必须从事件数组中删除事件,以便在鼠标悬停和移出后工具提示不会消失,但在这种情况下,您需要将事件设置为false 此外,我认为我上次检查dev时,dev中的版本存在onAnimationComplete未触发的问题,除非动画持续时间为0 这是相关代码 var co

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


我已经试过了,但在上一个版本中似乎有所改变。

您需要在数据集中循环,并在AnimationComplete中指向并创建工具提示(将事件数组设置为空数组将不起作用)

与之前一样,您必须从事件数组中删除事件,以便在鼠标悬停和移出后工具提示不会消失,但在这种情况下,您需要将
事件
设置为
false

此外,我认为我上次检查dev时,dev中的版本存在onAnimationComplete未触发的问题,除非
动画
持续时间
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);
        }
    },

小提琴-


这对我很有效:

 events: [],
    animation: {
        duration: 0,
        onComplete: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({
                        _chartInstance: self,
                        _chart: self.chart,
                        _data: self.data,
                        _options: self.options,
                        _active: [element]
                    }, self);
                    tooltip.update();
                    tooltip.transition(Chart.helpers.easingEffects.linear).draw();
                }, self);
            }, self);
        }
    }

谢谢我得到了未捕获的TypeError:无法读取未定义的属性“chartArea”,必须添加
。。图表。工具提示({{u chartInstance:self,
使其工作。回调必须设置为
options.animation.onComplete
。使用branch v2.0-dev 5.3.2016Mr.Peelings,我无法为当前稳定版本的Chart.js工作。您知道需要做哪些更改吗?这里有一个相关的问题:。以及相关的问题我在这里的估计:。任何帮助都将不胜感激!@xnakos-查看饼图。我认为GitHub也有用于线条和条形的。感谢您的出色响应!它似乎适合所有类型的图表。因为它是您的代码,也许您可以继续并发布一些答案。下面是一个基于您的代码的快速折线图:(Chart.js 2.1.6)。继续吧!(来自etimberg在中的评论)你最终做了什么?下面的任何答案能解决你的问题吗?如果能,你可以接受答案。如果不能,我想你可以提供你自己的答案。嗨!有可能提供一个最低限度的JSFIDLE吗?