使用Chart.js,如何避免工具提示重叠?

问题描述 投票:1回答:1

我正在通过Chart.js使用Angular Char。我已经显示了所有工具提示,以便下载带有通过创建plugin显示的信息的图表。

工具提示重叠,似乎没有任何逻辑可以分发它们,因此它们不会。有办法吗?

某些插件代码。这对我的问题并不重要。 'beforeRender'函数为数据集中的每个项目创建一个新的Chart.Tooltip,afterDraw渲染它们:

// turn on tooltips
chart.options.tooltips.enabled = true;
Chart.helpers.each(chart.pluginTooltips, function (tooltip) {
tooltip.initialize();
tooltip.update();
// we don't actually need this since we are not animating tooltips
tooltip.pivot();
tooltip.transition(easing).draw();

图表:enter image description here

javascript angularjs chart.js
1个回答
0
投票

工具提示:{模式:“索引”,相交:假,yPadding:2xPadding:2caretSize:0,borderWidth:0}

© www.soinside.com 2019 - 2024. All rights reserved.