How can I remove brackets and comma from hover tooltip on my scatter plot?

plotly.js
1

Hello,

I’m trying to format the hover tooltip on my Plotly.js scatter plot. Right now, it looks like this:

screen shot

I managed to get it to round to 2 decimal place, add the units, and put the x value and y value on different lines. Now I would like to remove the brackets and the comma, or at least put the comma on the first line.

How can I do that?

Here is my layout:

CODE:

{
...
   "yaxis":{
...
		hoverformat: '.2f',
		ticksuffix: ' ' + $scope.unit
   },
   "hovermode":"closest",
   "xaxis":{
...
		hoverformat: '.2f',
		ticksuffix: ' ' + driver.unit + '<br>'
   }
}

RESULT:

{
...
   "yaxis":{
...
      "hoverformat":".2f",
      "ticksuffix":" kWh"
   },
   "hovermode":"closest",
   "xaxis":{
...
      "hoverformat":".2f",
      "ticksuffix":" °C<br>"
   }
}