[Solved]-Chart.js Undesired Tooltip Showing Up for Legend-Chart.js

For the tooltips position you can use xAlign: 'right' but then you have to be sure there's enough space on the left side of the chart because the tooltip will always be displayed on the left side of the point.

"Decrease the distance from the cursor to the item that displays the tooltip" is not possible when you use intersect: false because it will always display a tooltip with this option.

I would use intersect: true (or simply omit it because that's the default) combined with an increased hit radius for events like tooltip.

elements: {
  point: {
    hitRadius: 20
  }
},

Here's a JSBin to demonstrate these options.