1

我有相当长的标签dojox/charting/Chart，最终被从图表中渲染出来。

图表呈现的标签

我试过使用旋转，但是标签太小了，无法阅读。我知道我可以使用标签缩短，但我宁愿只在左轴和下轴上显示完整的标签。

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

4

2 回答 2

0

您可以使标签固定宽度以使其适合。并且在悬停时，标签将具有比另一个更高的 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;
}

将鼠标悬停在文本上。

于 2013-08-26T19:59:16.333 回答
0

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

于 2016-01-19T15:43:06.747 回答