No mouse-over information on ui_chart when above maximum value

[mbbrenner]

What are the steps to reproduce?

Create a flow with a ui_chart. Set it to bar chart and limit the y-Axis. Then send data to it. Some values above, some values below the max y-Axis value

What happens?

For the small values, it works fine. A mouse-over shows the value. For larger values (exceeding the max. Y-Axis value), the mouse-over information is not shown

What do you expect to happen?

Always show mouse-over information regardless what value

Please tell us about your environment:

• Node-RED version: 1.1.0
• Node.js version: as in docker image nodered-node-red_1.1.0
• npm version: as in docker image nodered-node-red_1.1.0
• Platform/OS: Docker on Synology X86
• Browser: Safari

[knolleary]

Moved over to the node-red-dashboard repo as this isn't a core Node-RED issue.

[dceejay]

This is a limitation of the underlying chart.js library - the tooltip is attached to the top of the bar - so if it goes out of the view window it gets cropped. eg if just above you can see part of the mouseover.

You can easily also demonstrate this with a default chart.js demo.