javascript - Chartjs - 使用条形图在悬停时显示所有数据集中的元素

标签 javascript jquery chart.js

当鼠标悬停在条形图的同一 x 轴上时,有没有办法将元素一起显示?与下图相同。

enter image description here

我尝试了hover.mode('单','标签'和'x轴')

options: {
    hover: {
        // Overrides the global setting
        mode: 'label'
    }
}

不幸的是,由于某种原因它没有起作用。 这是不可能的还是我错过了什么?

此处代码:https://jsfiddle.net/jk4bg8a2/

谢谢。

最佳答案

该属性实际上存储在工具提示中,如下所示:

options: {
    tooltips: {
        // Overrides the global setting
        mode: 'label'
    }
}

检查您的updated fiddle看看它的工作原理,这是它的结果:

enter image description here

关于javascript - Chartjs - 使用条形图在悬停时显示所有数据集中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39646464/

相关文章:

angularjs - 使用图表 js 2.0 扩展现有图表类型 Angular 图表 js

javascript - 在带有 .load url 的 ajax 请求中使用 angularjs 变量

javascript - 创建一个循环,一旦敌人死亡就结束

php - 从数据库中获取更多数据

javascript - 是否可以使用 chart.js 恢复折线图中的 x 轴值

javascript - 尝试使用 Chart.js 设置刻度刻度 beginAtZero 不成功,为什么?

javascript - Jest 和 enzyme 有什么区别?

javascript - 按住 CTRL 选择多个 div

jQuery FullCalendar 事件重叠(多个事件同一行)

jquery - 使用 jQuery spritely 插件的 .pan() 在定义的空间之间跳过