Question

我在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';

Answer 1

对于工具提示元素，

尝试设置样式 - Stream.CanSeek到 if($scope.returnedData.modules.length > 0){ for(var i=0; i<=$scope.returnedData.modules.length; i++){ if($scope.returnedData.modules[i].carType === 2){ $scope.returnedData.modules[i].carModel = $scope.returnedData.modules[i].carModel / 52; } else if($scope.returnedData.modules[i].truckType === 2){ $scope.returnedData.modules[i].truckModel = $scope.returnedData.modules[i].truckModel / 52; } } } ，如下所示：

none

Answer 2

更改此：

google.charts.load('current', {'packages':['corechart']})

收件人

google.charts.load('42', {'packages':['corechart']})

当前版本中存在错误。请使用42版本。为我解决了问题。

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

2 个答案: