Javascript 如何一次只显示一个工具提示

我正在使用canvasjs。我有饼图和甜甜圈图。使用工具提示有点问题。如果我将鼠标悬停在甜甜圈图和饼图上，我可以看到两个图表的工具提示。像这样

-

这里是链接

代码非常简单- HTML

---

谁能帮我解决这个问题。谢谢

您可以通过在另一个图表上悬停时隐藏图表的工具提示来完成一个简单的JQuery技巧

比如：

$("#pieContainer").hover(function(){
        $("#doughnutContainer .canvasjs-chart-tooltip").hide();
    }
);

var chart1 = new CanvasJS.Chart("doughnutContainer",
{        
    data: [
    {
        type: "doughnut",
        dataPoints: [
            { y: 71 },
            { y: 55 },
            { y: 50 },
            { y: 65 },
            { y: 95 },
            { y: 68 },
            { y: 28 },
            { y: 34 },
            { y: 14 }
        ]
    },

    ]
});
var chart2 = new CanvasJS.Chart("pieContainer",
{        
    backgroundColor: "transparent",
    data: [
    {
        type: "pie",
        dataPoints: [
            { y: 71 },
            { y: 55 },
            { y: 50 },
            { y: 65 },
            { y: 95 },
            { y: 68 },
            { y: 28 },
            { y: 34 },
            { y: 14 }
        ]
    }
    ]
});

chart1.render();
chart2.render();

$("#pieContainer").hover(function(){
        $("#doughnutContainer .canvasjs-chart-tooltip").hide();
    }
);