Discrepancy between kinds of tooltips

[Humle-T]

First of all - thanks for a wonderful product and software - really appreciate the work you do!

Describe the bug
In bar charts, e.g. "Energy use last 24 hours", I see two different kinds of tooltip:

1. For imported power, I need to click the value to get a tooltip.
2. For exported power, I get a simple browser tooltip when I hover over the bar.

To Reproduce
Steps to reproduce the behavior:

1. Go to a bar chart with both positive and negative values.
2. Hover over a negatively valued bar; the browser shows a native tooltip.
3. Click on a negatively valued bar; nothing happens.
4. Hover over a positively valued bar; nothing happens.
5. Click on a positively valued bar; a tooltip appears (which is not a browser native tooltip).

Expected behavior
I would expect the two cases to behave the same.
Either:

• Show a browser native tooltip when hovering (I like the simplicity of this in the browser on a computer, plus the discoverability. I didn't actually know you could click on the bars until recently).
• Show the custom tooltip when clicking the bar (I like this behaviour on a phone browser, where hovering isn't possible).

Screenshots
Hovering:

Clicking:

Relevant firmware information:

• Version: 2.5.7

Code
I looked a bit in the code, though I do not know much Svelte.
In BarChart.svelte the positive case seems to use <g data-title="{point.title}" use:tooltip> while the negative case relies on <title>{point.title2}</title>.
I think if it just used the same approach in both cases, that it would fix the discrepancy.

[ArnieO]

Good catch!
Related to #1185