相关疑难解决方法(0)

悬停在图表上时工具提示闪烁

我在 chartjs 中为我的图表创建了自定义工具提示。但是当我将鼠标悬停在图表上时,问题就出现了,工具提示开始闪烁。任何人都知道我该如何防止这种情况?谢谢!

if (!tooltip) {
               var tooltip = document.createElement('div');
               tooltip.id = 'tooltip';
               document.body.appendChild(tooltip);
            }

            if (!model.opacity) {
               tooltip.style.display = 'none';
               return;
            }

            tooltip.innerHTML = `<div class="tooltip-body">
                                            <label>` + model.body[0].lines[0] + `</label>
                                        </div>
                                        <div class="tooltip-caret"></div>`;

            tooltip.style.display = 'inline-block';
            tooltip.style.position = 'absolute';
            tooltip.style.top = getTooltipPosition().y + 'px';
            tooltip.style.left = getTooltipPosition().x + 'px';
Run Code Online (Sandbox Code Playgroud)

html javascript chart.js

2
推荐指数
1
解决办法
2698
查看次数

标签 统计

chart.js ×1

html ×1

javascript ×1