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

Question

我正在使用 Chart JS v.1.0.2。当我有一行并且缺少数据时，工具提示会显示 x 标签。

有谁知道如何在点值为空时禁用工具提示？

非常感谢!

Answer 1

使用chart.js 2.3.0和angular-chart.js 1.1.1，我通过解决ChartJsProvider全局解决了这个问题。我的提供商 angular.module('shared').config(...)函数并指定自定义 label tooltips 的回调选项:

        ChartJsProvider.setOptions({
            tooltips: {
                enabled: true,
                //mode: 'single',
                callbacks: {
                    label: function (tooltipItem, data) {
                        const tooltip = data.datasets[tooltipItem.datasetIndex];
                        const value = tooltip.data[tooltipItem.index];
                        return value === 0 ? null : tooltip.label + ': ' + value;
                    }
                }
            }
        });

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

引用: Chart.js Tooltip Configuration