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

8xiog9wr  于 2022-11-06  发布在  Chart.js
关注(0)|答案(2)|浏览(181)

如果我在条形图中有大数据和小数据,小数据不会显示在onhover函数中。下面是链接http://jsfiddle.net/ramakrishnap/zju8044k/ Ex:

//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);
new9mtju

new9mtju1#

请尝试将commonSeriesSettings属性添加到图表中
公用系列设置:{
悬停模式:'包含点',选择模式:'包括点数',
}

wsewodh2

wsewodh22#

如果intersect设置为true,则仅当鼠标位置与元素相交时才应用工具提示模式。如果false,则将始终应用该模式。有关工具提示配置的详细信息,请参阅此处

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

相关问题