gpt4 book ai didi

javascript - chart.js 删除悬停效果

转载 作者:搜寻专家 更新时间:2023-11-01 05:03:42 38 4
gpt4 key购买 nike

当您将鼠标悬停在 chart.js 中的条形图上方时,它会变成较浅的颜色。我如何关闭它以使其始终保持常规颜色?

正常情况下是这样的: before hovering

这是你越过任何条形图时的样子: after hovering

这是我用来显示图表的代码:

data-scales='{"yAxes": [{
"ticks": {
"beginAtZero": "true",
"max": 3,
"stepSize": 1,
"fontSize": 0,
"mirror": "true"
}
}],
"xAxes": [{
"barPercentage": 0.5
}]
}'
data-hide='["gridLinesX","tooltips", "legend"]'

最佳答案

只需将 hoverBackgroundColor 属性设置为与 backgroundColor 相同的值。然后在悬停时不会改变条形颜色。

这是一个示例,说明您的数据对象在使用 hoverBackgroundColor 时的样子。

var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
hoverBackgroundColor: [
'rgba(255,99,132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderWidth: 1,
data: [65, 59, 80, 81, 56, 55, 40],
}
]
};

关于javascript - chart.js 删除悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43028827/

38 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com