道场图表 - 轴标签不适合图表

Question

我在dojox/charting/Chart上有相当长的标签，最终会从图表中删除。

我尝试过使用旋转，但是标签文字太小而且无法读取。我知道我可以使用标签缩短，但我宁愿只在左轴和底轴上显示完整的标签。

有没有办法用HTML和CSS操作标签？我尝试在Chrome开发工具中检查html，但我在CSS方面没有尝试过帮助。

Answer 1

您可以将标签固定宽度以使其适合。在悬停时，标签将具有更高的z-index，而另一个则显示全宽。

http://jsfiddle.net/RU4Qc/

    label {
    position: relative;
    width: 50px;
    height: 15px;
    display: inline-block;
    padding: 2px 5px;
    overflow: hidden;
}

label:hover {
    width: auto;
    z-index: 9999;
    background-color: #c0c0c0;
}

将鼠标悬停在文字上。

Answer 2

使用dojo图表时我注意到的是标签矩形的宽度由第一个标签长度决定。如果您的第一个标签在所有标签中最长，那么图表将显示正确的标签，否则它将剪切它们。我想出了两种方法来解决这个问题： 1.计算最长标签的长度，并将第一个标签填充到此最大长度。 2.如果我将其设置为12，则有一个名为 maxLabelCharCount 的轴属性。然后将显示最多12个字符的标签，如果标签为20个字符（例如：碳封存）它将显示省略号，如 carbon Seque .... ，鼠标悬停时会显示工具提示。