Tool tip is cut off on rightmost point

[joeljeske]

When using tooltips, the right most point's tooltip seems to be cut off. It seems as if it is out of bounds of the actual canvas.

[chaos-timothy]

I'm also having this issue

[fhinson]

+1 also having this issue

[etimberg]

Here's a JSBin that recreates the issue: http://jsbin.com/yebadi/1/edit

[brettmhoffman]

+1 Same issue here.

[haydenbleasel]

+1 but for both sides since I disabled the scale.

[maeishoj]

any progress?

[xierox]

Also having this issue with my pie chart.

[mindjuice]

Same issue for me, but if you have a bit of a larger circle for your data points, the last data point's circle on the right side gets cut off too. I imagine it would have the same issue with the first data point if the scale is disabled on the left side as haydenbleasel mentioned above.

[jenswegar]

+1 for me as well with bar charts. The tool tip gets cut off on both the left and right edge depending on how long the content of it is.

[robertturrall]

I'm sure that this is due to the fact that the tooltips are generated within the confines of the canvas, making it difficult to fix.

I had the same issue on my doughnut chart and solved it by implementing custom tooltips as per the example on the samples folder - worked in conjunction with my existing tooltip fontsize and template settings in the chart initialisation code:

var myDoughnutChart = new Chart(donut).Doughnut(donutdata, {
tooltipFontSize: 10,
tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>hrs",
percentageInnerCutout : 70
});

Check out samples/pie-customTooltips.html for the custom tooltip code. Copy/paste and it worked straight away. Very happy!

Tooltip displayed well outside the bounds of the canvas:

PS: there's a line chart example too, which I'm guessing will work fine with bar charts.

[idangozlan]

+1

[akubos]

+1

[frankiejarrett]

+1 quite annoying :-)