Y轴条形值在apache超集条形图中相互重叠答案

【问题标题】：Y axis bar values are overlapping with each other in apache superset bar chartY轴条形值在apache超集条形图中相互重叠
【发布时间】：2020-12-11 20:29:11
【问题描述】：

当我尝试在 apache superset 的条形图中显示条形值时，y 轴条形值相互重叠。

要解决此问题，我想将 y 轴值旋转 45 度，以便这些值看起来垂直且不会相互重叠，就像在 x 轴值中一样。

【问题讨论】：

标签： apache-superset superset

【解决方案1】：

您更喜欢分组条形还是堆叠条形。使用堆叠条将是解决此问题的捷径。

【讨论】：

我正在寻找一些方法来从它的 GitHub 代码中自定义超集。你对此有什么想法吗？

【解决方案2】：

我没有一个简单但不好的答案给你，还有一个更困难但理性的答案。

不好/简单的答案：您可能能够使用 CSS 做到这一点，至少在任何给定的仪表板中是这样。为此，您需要让仪表板进入编辑模式，然后从右上角的“...”菜单中选择“编辑 CSS”。在那里，您应该可以编写一些巧妙的 CSS 选择器（如果您需要帮助，请告诉我）并调整 SVG text 元素的 CSS 属性（即 text-anchor、transform）。 也就是说我认为这种方法会很糟糕，因为您无法在 CSS 中访问 `translate(x, y) 可能需要的值。所以，这让我们...

更好/更难的答案：您可以编辑插件！需要注意的是，我们将在不久的将来将一些可视化（包括条形图）替换为基于 Apache ECharts 的可视化。同时，您可以在Superset-ui repo https://github.com/apache-superset/superset-ui 上打开一个 PR。基于 NVD3 的插件和控件都在其中，您可以在其中添加额外的旋转控件。

3 号门当然是编写自己的可视化插件（或帮助我们进行 ECharts 重构！），但这完全是另一回事。

抱歉，这并没有更直接的帮助，但我希望它可以为您提供更多探索途径。

【讨论】：