Javascript 在悬停状态下显示图表js条形图中列的边框?
当鼠标悬停在条形图上时,是否可以在使用chart js绘制的条形图的每列周围显示边框颜色?您可以在Javascript 在悬停状态下显示图表js条形图中列的边框?,javascript,hover,chart.js,border,Javascript,Hover,Chart.js,Border,当鼠标悬停在条形图上时,是否可以在使用chart js绘制的条形图的每列周围显示边框颜色?您可以在数据集上定义hoverBorderWidth,如下代码所示: 新图表(document.getElementById(“图表”){ 输入:“酒吧”, 数据:{ 标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”], 数据集:[{ 标签:“我的第一个数据集”, 数据:[65,59,80,81,56,55,40], 填充:假, 背景颜色:[“rgba(255,99,132,0
数据集上定义hoverBorderWidth
,如下代码所示:
新图表(document.getElementById(“图表”){
输入:“酒吧”,
数据:{
标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”],
数据集:[{
标签:“我的第一个数据集”,
数据:[65,59,80,81,56,55,40],
填充:假,
背景颜色:[“rgba(255,99,132,0.2)”,“rgba(255,159,64,0.2)”,“rgba(255,205,86,0.2)”,“rgba(75,192,192,0.2)”,“rgba(54,162,235,0.2)”,“rgba(153,102,255,0.2)”,“rgba(201,203,207,0.2)”,
边框颜色:[“rgb(255,99,132)”,“rgb(255,159,64)”,“rgb(255,205,86)”,“rgb(75192192)”,“rgb(54162235)”,“rgb(153102255)”,“rgb(201203207)”,
边框宽度:1,
悬停边界宽度:5
}]
},
选项:{
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
}
}
});代码>
您可以在数据集上定义悬停边界宽度
,如下代码所示:
新图表(document.getElementById(“图表”){
输入:“酒吧”,
数据:{
标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”],
数据集:[{
标签:“我的第一个数据集”,
数据:[65,59,80,81,56,55,40],
填充:假,
背景颜色:[“rgba(255,99,132,0.2)”,“rgba(255,159,64,0.2)”,“rgba(255,205,86,0.2)”,“rgba(75,192,192,0.2)”,“rgba(54,162,235,0.2)”,“rgba(153,102,255,0.2)”,“rgba(201,203,207,0.2)”,
边框颜色:[“rgb(255,99,132)”,“rgb(255,159,64)”,“rgb(255,205,86)”,“rgb(75192192)”,“rgb(54162235)”,“rgb(153102255)”,“rgb(201203207)”,
边框宽度:1,
悬停边界宽度:5
}]
},
选项:{
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
}
}
});代码>