I found a really weird issue with tool tips and pie charts today. I’ve found two numbers that completely break the tool tips on my pie charts (2610,1527). Now these numbers only seem to break the tool tip for the pie chart if they are 100%, meaning all other data points are 0. I used the demo on this site as a catalyst for this bug report. Adding a value to any other data point and the tool tip shows.
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Gaming Consoles Sold in 2012"
},
data: [
{
type: "pie",
showInLegend: true,
dataPoints: [
{ y: 2610, legendText:"PS 3", indexLabel: "PlayStation 3" },
{ y: 0, legendText:"Wii", indexLabel: "Wii" },
{ y: 0, legendText:"Xbox", indexLabel: "Xbox 360" },
{ y: 0, legendText:"DS" , indexLabel: "Nintendo DS"},
{ y: 0, legendText:"PSP", indexLabel: "PSP" },
{ y: 0, legendText:"3DS" , indexLabel: "Nintendo 3DS"},
{ y: 0, legendText:"Vita" , indexLabel: "PS Vita"}
]
}
]
});
chart.render();
}
</script>
<script type="text/javascript" src="https://cdn.canvasjs.com/canvasjs.min.js"></script></head>
<body>
<div id="chartContainer" style="height: 300px; width: 100%;">
</div>
</body>
</html>