如何让工具提示永远不会隐藏在 Chart.js 中？ [复制]答案

【问题标题】：How to do tooltips never hide in Chart.js? [duplicate]如何让工具提示永远不会隐藏在 Chart.js 中？ [复制]
【发布时间】：2015-08-11 21:12:58
【问题描述】：

图表效果很好：

var context = document.getElementById('chart1').getContext('2d');
var chart1 = new Chart(context).Line({
    labels: all_labels_html,
    datasets: [{
        fillColor: "transparent",
        strokeColor: "#841354",
        pointColor: "#f0ab0f",
        pointStrokeColor: "#fff",
        pointHighlightFill: "#841354",
        pointHighlightStroke: "rgba(220,220,220,1)",
        data: returnDadosFromDadosJson(dataJson, 'class', 'row-bold')
    }]
}, {
    scaleShowGridLines : false,
    pointDotRadius: 6,
    pointHitDetectionRadius: 20,
    datasetStroke: true,
    datasetStrokeWidth: 3,
    showTooltips: true
});

但是，我需要添加一些东西让它永远不会隐藏吗？

实际上，它只有在鼠标经过时才会显示。我需要它展示出来，再也不要隐藏了。

提前致谢。

【问题讨论】：

标签： javascript charts

【解决方案1】：

看看这个answer。基本上它包含一个功能，可以防止工具提示在鼠标移出时关闭。

【讨论】：

【解决方案2】：

将此添加到您的选项中：

options: {
    onAnimationComplete: function()
    {    
        this.showTooltip([this.datasets[0].points[your_point]], true);          
    },
    tooltipEvents: []
}

第一个参数是在您选择的索引处显示工具提示的函数。
第二个参数清除工具提示事件（阻止工具提示消失）

注意事项：我似乎记得，如果您使用多个数据集，可能会遇到问题。

【讨论】：