Graphs enhancements

[pierre]

• Use the pretty name on top of the graph (instead of camel casing the name)
• Add a description field (useful to explain the graph)
• Prettify legend names on hover (count: ANNUAL :: reserved-metal :: 9 12.24 is confusing)
• Very long legends overflow the hover box
• Remove decimal points when possible (12.00 doesn't make sense for a count(*))

[tungleduyxyz]

Pending on D3 upprage: #10

[reshmabidikar]

Regarding the following:

Use the pretty name on top of the graph (instead of camel casing the name)
Add a description field (useful to explain the graph)

See AI suggestion below.

For the following:

Prettify legend names on hover (count: ANNUAL :: reserved-metal :: 9 12.24 is confusing)

Currently UI shows the following:

So the UI displays count:<tenant_id><value>. Instead we should show <label for this graph>:<value> (See AI suggestion below)

Regarding the following:

Remove decimal points when possible (12.00 doesn't make sense for a count(*))

Currently, the UI displays a decimal point for a count:

Instead, this should show Daily New Accounts: 2 (appropriate label and value without decimal point).

AI Suggestion:

[tungleduyxyz]

Make the graph a bit cleaner:

@reshmabidikar

[reshmabidikar]

Tested with Kaui 4.0.17-f2adb9c.

For the new accounts daily, the graph still shows the tenant id:

For the invoice balance graph, the tenant id is not shown, only the final value is shown:

For all graphs, can we show a graph appropriate label similar to the following?