隐藏/禁用特定图形值

Question

我有一个带有Chartjs 2的条形图。

当条值是一个数字的基因时，我想隐藏tootlips（在我的示例8.23中）

我在Chartjs上找不到可以禁用工具提示的选项。

tooltips: {
        enabled: true,
        yPadding: -2,
        xPadding: 10,
        titleFontColor: 'rgba(0, 0, 255, 0.0)',
        displayColors: false,
        borderWidth: 1,
        bodyFontSize: 16,
        bodyFontFamily: 'Avenir',
        backgroundColor: '#0088ce',
        borderColor: '#d7d7d7',
        bodyFontColor: '#FFF',
        callbacks: {
            label: (tooltipItem: any, data: any) => {
                if (this.type === 'PRODUCTION') {
                    return 'condition result';
                } else {
                    return ' condition result2';
                }
            },
        }

html

<canvas class="canvasHeight" #myChart  style ="height: 50px"></canvas>

Answer 1

我在另一篇文章中找到了解决方案。

我使用了过滤回调

tooltips: {
    filter: function (tooltipItem) {
        return tooltipItem.datasetIndex === 0  ||  8.23;
    }
}