CODEWITHSUNDEEP
javascriptchart.js
joakimk
joakimk

Reputation: 852

Tooltip vertically off with overlapping data, in ChartJS

I've set up a stacked bar chart with ChartJS, but there are some problems with positioning the tooltip. If datasets overlap (stack) then the tooltip is vertically off. Is this a bug in ChartJS, or am I setting this up wrong?

Please see example at http://gknudsen.no/chart/testchart.html

Note that the tooltip is correct at the right hand side of the chart, where bars and lines do not overlap. But on the left hand side (datasets A, C, and E) the problem occurs. Especially wrt dataset E (the line plot).

However, if datasets are hidden/disabled (by clicking in the chart legend), such that overlap is avoided, then the tooltip becomes correct. As an example, try disabling datasets A and C to fix E.

Upvotes: 0

Views: 1028

Answers (1)

joakimk
joakimk

Reputation: 852

Others are reporting same problems, so I expect this to be mainly a problem with ChartJS.

https://github.com/chartjs/Chart.js/issues/2609

Upvotes: 0

Related Questions