带有省略号的Dojo图表标题溢出（需要截断能力）

Question

我的dojo图表存在问题，但是当出现溢出并且图表标题太长时，我无法截断图表标签。我只是希望能够用省略号截断标题，如果它将溢出图表边界之外。

我尝试了一些基础知识，比如尝试添加一个包含以下内容的类：

.title {
    text-overflow: ellipsis;
    white-space: no-wrap;
    overflow: hidden;
}

但它只会导致整个标题被隐藏。如果我删除溢出：隐藏部分，然后标题显示，但它仍然溢出图表区域。

我在JSFiddle上有一个展示问题的示例。

关于如何实现这一目标的任何想法？非常感谢任何帮助！

Answer 1

我相信Dojo Charts在正确无法正确填充标题时会出现问题。 Dojo图表目前所做的事情之一是它实际上从不计算实际宽度，因此宽度通常为0px，它通过计算适当的“左”样式使标题居中。这就是为什么溢出隐藏最终会隐藏整个标题。

一个简单的替代解决方案是在自己设置更改之前检查标题的字符长度。