图表.js工具提示背景颜色设置

Question

我正在尝试更改工具提示的背景颜色，但似乎只能更改键：https://jsfiddle.net/1ez0Lo8a/当您将鼠标悬停在栏上时，参考工具提示的黑色背景。

tooltips: {
yAlign: 'bottom',
callbacks: {
labelColor: function(tooltipItem, chart) {
return {
backgroundColor: 'rgb(255, 0, 0)'
}
},
}

此外，如您所见，我已经设法删除了轴 - 但这些设置都没有删除最底部的水平轴。 谁能建议如何删除那个？

Answer 1

直接在工具提示下使用 backgroundColor 属性。

试试这个代码：

tooltips: {
yAlign: 'bottom',
callbacks: {
labelColor: function(tooltipItem, chart) {
return {
backgroundColor: 'rgb(255, 0, 0)'
}
},
},
backgroundColor: '#227799'
}

Answer 2

工具提示：{ backgroundColor： '...'} 是有效的，但对于依赖于元素的背景动态变化(当参数是函数时(，我不得不在 3 个地方修补捆绑包的解压缩代码，版本 2.7.3(也可能在更高版本中(。