如何防止悬停数据显示在Chart.JS中?

时间:2016-09-20 23:24:57

标签: jquery hover tooltip chart.js chart.js2

我有一个如下所示的水平条形图:

enter image description here

...但是当我将它悬停时,就像这样:

enter image description here

我试图阻止“悬停数据”显示如下:

    var priceBarChart = new Chart(ctxBarChart, {
            type: 'horizontalBar',
            showTooltips: false,
            data: barChartData,
            options: optionsBar
        });

......并且像这样:

    var optionsBar = {
            scales: {
                xAxes: [
                    {
                        stacked: true
                    }
                ],
                yAxes: [
                    {
                        stacked: true
                    }
                ]
            },
            showTooltips: false
        };

......但两种方式都不起作用 - 无论如何都会显示破碎的提示。

如何防止悬停数据显示在Chart.JS中?

1 个答案:

答案 0 :(得分:5)

您应该将此添加到您的选项中:

        $ mongoimport --jsonArray --collection bank_data '/Users/Tinus/Downloads/bank_data.json/bank_data.json'

Codepen example

更多信息here