图表JS未显示悬停时的小数据

Chart JS not showing On hover with small data

本文关键字：小数数据悬停 JS 显示图表更新时间：2023-10-07

如果条形图中有大数据和小数据，则悬停函数中不会显示小数据。这是链接http://jsfiddle.net/ramakrishnap/zju8044k/例如：

//Bar chart for Broadcasts data
                    var broadcastData = {
                        labels : ['01-29-15','01-30-15','01-31-15','02-01-15','02-02-15','02-03-15','02-04-15','02-05-15','02-06-15','02-07-15','02-08-15','02-09-15','02-10-15','02-11-15','02-12-15'],
                        datasets : [
                        {
                            label: "Opt-In",
                            fillColor : "#4e8eb1",
                            strokeColor : "#9b9b9b",
                            pointColor : "#fff",
                            pointStrokeColor : "#990000",
                            data : [3,3,6,3,4,6,6,47079,8,11,5,5,13,10,]
                        }
                    ]
                    }
                     // get Bar chart canvas
                    var broadcasts = document.getElementById('broadcast').getContext('2d');
                    // draw Bar chart
                    new Chart(broadcasts).Bar(broadcastData);

尝试将commonSeriesSettings属性添加到图表

commonSeriesSettings:｛

hoverMode:"includePoints"，selectionMode:"包含点"，

}

如果intersect设置为true，则工具提示模式仅在鼠标位置与元素相交时适用。如果false，则将始终应用该模式。更多关于工具提示配置的信息，请点击这里

const options = {
      plugins: {
        tooltip: {
          interaction:{
            intersect: false,
          },
        },
      },
    };