Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript chart.js:将堆叠条形图的工具提示放置在条形图顶部_Javascript_Charts_Chart.js - Fatal编程技术网

Javascript chart.js:将堆叠条形图的工具提示放置在条形图顶部

Javascript chart.js:将堆叠条形图的工具提示放置在条形图顶部,javascript,charts,chart.js,Javascript,Charts,Chart.js,当我在简单条形图中有一个条形图时,工具提示将放置在条形图的顶部: 如果我将鼠标悬停在堆叠条形图上,则工具提示将放置在平均值位置: 与此行为不同,我希望将堆叠条形图的工具提示始终放在顶部(就像简单条形图一样)。 配置位置的唯一两个选项是平均值和最近值() 我知道有提到的使用图表.工具提示.定位器.自定义的方法,但一方面,这会覆盖所有图表的行为(但我只需要堆叠条形图),另一方面,即使我可以使用,我也不知道如何获取或计算图表条形图的顶部位置 那么,有没有办法将工具提示放置在堆叠条的顶部?谢谢大家!

当我在简单条形图中有一个条形图时,工具提示将放置在条形图的顶部:

如果我将鼠标悬停在堆叠条形图上,则工具提示将放置在
平均值
位置:

与此行为不同,我希望将堆叠条形图的工具提示始终放在顶部(就像简单条形图一样)。 配置位置的唯一两个选项是
平均值
最近值
()

我知道有提到的使用
图表.工具提示.定位器.自定义的方法,但一方面,这会覆盖所有图表的行为(但我只需要堆叠条形图),另一方面,即使我可以使用,我也不知道如何获取或计算图表条形图的顶部位置


那么,有没有办法将工具提示放置在堆叠条的顶部?谢谢大家!

谢谢您的回复,我找到了一种方法,但这是一种黑客行为,可能对您不起作用。考虑以下事项:

//注册自定义定位器
Chart.Tooltip.positioners.custom=功能(元素、位置){
//调试器;
返回{
x:position.x,
y:元素[0]。_view.base-(元素[0].height()+元素[1].height())
}
}
//个人图表配置
var ctx=“myChart”;
var myChart=新图表(ctx{
类型:'bar',
选项:{
标题:{
显示:对,
文本:“精确回忆曲线”,
},
布局:{
填充:32
},
工具提示:{
模式:“索引”,
是的,
位置:'自定义',
Yalling:“底部”
},
比例:{
xAxes:[{
是的
}],
雅克斯:[{
是的
}]
}
},
数据:{
标签:['0%,'10%,'20%,'30%,'40%,'50%,'60%,'70%,'80%,'90%,'100%,
数据集:[{
标签:“数据1”,
数据:[5,56,90,6,42,67,32,24,20,18,56],
边框颜色:“#1acc1c”,
背景颜色:“rgba(26,10,55,1)”,
pointBorderColor:#4Bd1C0“,
pointBackgroundColor:#fff“,
点半径:10
}, {
标签:“数据2”,
数据:[2,12,24,30,39,58,10,82,34,89,5],
边框颜色:“#34315a”,
背景颜色:“rgba(132,2,34,7)”,
pointBorderColor:#34495e“,
pointBackgroundColor:#fff“,
点半径:10
}]
}
});


你能解决这个问题吗?@shrys不幸不能。我可能需要在GitHub上填写一个问题。谢谢,这看起来不错!我将在下周测试它。那么,第2行中的调试器语句是否有任何效果?您的示例似乎仅限于2个数据集,对吗(元素[0]和元素[1])?但是相应地修改代码是很容易的。是的,
调试器
没有效果,而且这是一个受限示例,我使用
模式:“index'
获取所有数据集,否则它将是游标指向相关文档的一个数据集:。对于那些只需要将工具提示粘贴到顶部的人,代码要小得多。