html - 浮动图刻度标签

Question

我正在尝试以用户在此处询问的类似方式在我的浮动图上旋转我的 X 轴上的标签 - Rotate Flot Tick Labels

我面临的问题是 X 轴的 CSS 选择器似乎没有选择任何东西。我使用的选择器是：

div.xAxis div.tickLabel 
{    
    transform: rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    /*rotation-point:50% 50%;*/ /* CSS3 */
    /*rotation:270deg;*/ /* CSS3 */
}

我什至不明白图表是如何可见的。我对canvas标签了解不多，但看起来它完全是空的。

我不明白那里的来源是空的。我认为会有某种标记，例如表示图形的矢量点。这就是画布的工作原理吗？另外，如果您无法查看源代码，您怎么知道此时要使用哪些 CSS 选择器？

Answer 1

您可能正在使用画布插件，并设置canvas: true您的选项。这迫使 flot 在画布上绘制标签，而不是将它们放在您期望的位置（在 div 中）。