Question

我正在使用Chart JS v.1.0.2。当我有一行和缺少数据时，工具提示显示x-label。

当点值为空时，有没有人知道如何禁用工具提示？

非常感谢！

Answer 1

我想一直禁用工具提示。我使用的版本是2.1.6，我这样做：

var options = {
    tooltips : {
        enabled: false      
    }
};

注意：这根本不会显示工具提示，只有在您想要禁用工具提示时才使用它。

Answer 2

如果你不介意一些控制台消息，你可以throw一个错误退出null值的工具提示方法，如此

var myLineChart = new Chart(ctx).Line(data, {
    tooltipTemplate: function (d) {
        if (d.value === null)
            throw '';
        else
            // else return the normal tooltip text
            return d.label + ': ' + d.value;
    }
});

另一种方法是扩展图表或编写自定义工具提示功能

小提琴 - http://jsfiddle.net/y4zunrx6/

Answer 3

使用chart.js 2.3.0和angular-chart.js 1.1.1，我通过解析ChartJsProvider函数中的angular.module('shared').config(...)提供程序并指定自定义{{1}来解决全局问题} label选项的回调：

tooltips

通过返回null，不会显示该特定工具提示的工具提示。

参考：Chart.js Tooltip Configuration

Answer 4

更好的方法是自定义工具提示模板以显示无数据：

<div id="profilepicture">
    <img src="http://lorempixel.com/400/200/">
</div>
Here's what it looks like without the container:
<img src="http://lorempixel.com/400/200/">

如何在没有值时禁用Chart JS工具提示？

4 个答案: