Chart.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：'...'}是可行的，但是要根据元素的动态变化背景（当参数为function时），我必须在2.7版捆绑软件的未打包代码中进行3个补丁处理。 3（也可能是较高版本）。