Javascript 隐藏Chart.js行,但显示它';在工具提示中删除数据

Javascript 隐藏Chart.js行,但显示它';在工具提示中删除数据,javascript,chart.js,Javascript,Chart.js,我正在使用Chart.js库构建图表。考虑下面的字符JS-线图: 这里使用了两个数据集,一个用于红线,一个用于绿线。我想隐藏其中一个数据集,例如红色的数据集。这将导致红线没有显示我想要的内容 但是,我还希望工具提示显示两个数据集(包括隐藏的数据集)的数据 这可能吗?您可以为应该隐藏的数据集定义borderColor:“透明”。要在工具提示中仍呈现所需的彩色框,还必须定义相应的颜色 新图表(document.getElementById('myChart'){ 键入:“行”, 数据:{ 标签:

我正在使用Chart.js库构建图表。考虑下面的字符JS-线图:

这里使用了两个数据集,一个用于红线,一个用于绿线。我想隐藏其中一个数据集,例如红色的数据集。这将导致红线没有显示我想要的内容

但是,我还希望工具提示显示两个数据集(包括隐藏的数据集)的数据


这可能吗?

您可以为应该隐藏的
数据集定义
borderColor:“透明”
。要在工具提示中仍呈现所需的彩色框,还必须定义相应的颜色

新图表(document.getElementById('myChart'){
键入:“行”,
数据:{
标签:[“玩家1”、“玩家2”、“玩家3”、“玩家4”],
数据集:[{
标签:“OK”,
边框颜色:“绿色”,
背景颜色:“浅蓝色”,
数据:[32,44,29,33]
}, {
标签:“NOK”,
边框颜色:“透明”,
数据:[26,29,35,35],
填充:假,
}]
},
选项:{
回答:是的,
图例:{
显示:假
},
工具提示:{
模式:“索引”,
回调:{
labelColor:tooltipItem=>{
var color=tooltipItem.datasetIndex==0?'green':'red';
返回{
边框颜色:颜色,
背景颜色
}
}
}
}
}
});
画布{
最大宽度:300px;
}


谢谢!我们可以把它也用于条形图吗?因为即使我们隐藏一个条形图,它也不会腾出另一个条形图的空间。@Zahid Sattar:我会为条形图选择不同的方法,定义堆叠的条形图,并将不可见值保持在零以下,同时将
yAxis.ticks.min
保持为零。试试看,如果你被卡住了,发一个新问题来寻求帮助。