[APM] No data on the service transactions page renders blank screen

[dgieselaar]

If a user is on the service transactions page, and select something that returns no data, the throughput chart will barf and the whole screen will be blank:

You can reproduce this error by entering a query in the search bar that should give no hits.

The error:

throuput_chart_selectors.ts:40 Uncaught TypeError: Cannot read property 'dataPoints' of undefined
at getThroughputTimeseries (throuput_chart_selectors.ts:40)
at getThrouputChartSelector (throuput_chart_selectors.ts:21)
at use_transaction_throughput_chart_fetcher.ts:49
at updateMemo (react-dom.development.js:16854)
at Object.useMemo (react-dom.development.js:17334)
at useMemo (react.development.js:1643)
at useTransactionThroughputChartsFetcher (use_transaction_throughput_chart_fetcher.ts:49)
at TransactionCharts (index.tsx:29)
at renderWithHooks (react-dom.development.js:16260)
at updateFunctionComponent (react-dom.development.js:18347)

[elasticmachine]

Pinging @elastic/apm-ui (Team:apm)