Make d3 place nicely with object values

[flash1293]

Summary

Fixes #57122

Currently range aggregations (ip range, date range) are not rendering correctly when put on the x axis, because d3 scales don't play well with objects as values (a range object looks like this: { from: 123, to: 456 }).

When a new ordinal scale is created, it uses a "D3 map" internally to store the set of values and its indices. All values are casted to string because its using a regular JS object as storage mechanism. This means an object like { from: 123, to: 456 } becomes "[object Object]" - as all values will be mapped to the same string, there will be only a single value on the x axis.

Previously to #48090 this worked, because the formatter was applied to the object before the data table got passed to the visualization. However that's problematic because the visualization now never knows about the raw value behind a data point and can't reliably apply filters: #40334

To fix the problem, this PR overwrites the toString function of the complex objects in the data table, allowing the d3 map to work as expected.

Checklist

• Unit or functional tests were updated or added to match the most common scenarios

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 1efbfef

History

• 💚 Build #37552 succeeded 9b700ca

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[markov00]

Code LGTM.
Tested locally on Mac OS 10.14 Chrome 80:

• checked vertical bar charts with various aggregation (Date Range, Ip Range, Range)
• checked horizontal bars with the same aggs

Note: not sure if this is caused by these changes or not, but when creating a vertical bar with a Date Range, Ip Range or Range agg like the one mentioned above, if you change the X axis position to left, the resulting chart loose the top most axis label. The label shows up only disabling the Filter labels mysterious flag 👻 :)
If this is a different issue, let's consider this approved for me

Update: the above issue is probably the same as #21589

[flash1293]

The label shows up only disabling the Filter labels mysterious flag 👻 :)

Aah, here we go again. I think it's not related, just another problem. I will look into it.

[flash1293]

@markov00 It also happens without this change, but I think I figured it out. Will prepare a separate PR for this.

[majagrubic]

Tested on Mac OS in Chrome with sample logs index pattern. Created vertical bar with date range aggregation, works as expected. Haven't tested other visualizations.