Bar charts axis name overlaps with y axis labels

Summary

Bar charts with long y-axis labels currently are ellipsize'd. This is not ideal and makes the labels inaccessible.

Fix

Instead of truncating and adding ellipsis the chart should be resized to accommodate all the labels.

Resolution

eCharts currently does not support dynamically adjusting axis names based on axis labels. There is an ongoing pull request here https://github.com/apache/incubator-echarts/pull/12236 which will go in echarts@4.9.0. Their next release is 4.8.0 which will be at the end of March, 2020. The version we're using is 4.2.1. So it might be a while until we consume that.

Important: After researching a bit, we decided to hack this and find the rationale here gitlab!27155 (comment 307126569). For bar charts with positive values, we determine the distance and set "nameGap". For bar charts with negative values, axis labels are ellipsized.

Screenshots

This is what bar charts with long axis labels looks like.