如何做工具提示永远不会隐藏在Chart.js中?

时间:2015-08-11 21:12:58

标签: javascript charts

图表效果很好:

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
});

但是,我需要添加一些它永远不会隐藏的内容吗?

实际上,它仅在鼠标移过时显示。我需要它展示,永远不要隐藏。

enter image description here

提前致谢。

2 个答案:

答案 0 :(得分:0)

看看这个answer。 基本上它包含一个函数,可以防止工具提示关闭鼠标。

答案 1 :(得分:0)

将此添加到您的选项中:

options: {
    onAnimationComplete: function()
    {    
        this.showTooltip([this.datasets[0].points[your_point]], true);          
    },
    tooltipEvents: []
}
  • 第一个参数是一个显示您选择的索引的工具提示的函数。
  • 第二个参数清除工具提示事件(阻止工具提示消失)

需要注意的事项:我似乎记得如果您使用多个数据集,可能会遇到问题。