Prerequisites

Please answer the following questions for yourself before submitting an issue.

[YES] I am running the latest version (vue-argon-dashboard-pro-v1.1.1.html.zip)
[YES] I checked the documentation and found no answer
[YES] I checked to make sure that this issue has not already been filed
[YES] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

In the donut chart and the pie chart, the mouse over event should show the value for that slice. While the mouse is moved in the same slice, the label should stay the same.

Current Behavior

While the mouse is moved in the same slice, the label changes according to the horizontal location of the mouse, but the label pop over changes to other slices. To get the label for the slice, you have to be in the angular center of that slice. If you are at the ends of the slice, the label moves to some other slice.

Failure Information (for bugs)

Seems to be a bug, since vuechart.js version does not have this issue. http://demo.vue-chartjs.org/

Steps to Reproduce

Unzip the vue argon dashboard pro from - vue-argon-dashboard-pro-v1.1.1.html.zip
In the directory, npm i
Go to http://localhost:8080/#/charts and move mouse on the donut chart or the pie chart.

Context

Device: Macbook Air
Operating System: 10.14.6
Browser and Version: Google Chrome Version 76.0.3809.132

Failure Logs

No errors in the console.

Hunch: Seems to be an angular conversion issue that chooses the slice on the flip side of the horizontal axis.

creativetimofficial / ct-vue-argon-dashboard-pro

Donut and Pie chart mouse over shows labels pop-over other slices on other side of horizontal axis #12