Flot graph tick标签

Question

我正在尝试按照用户在此处提出的类似方式在我的flot图表上旋转我的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插件，并在您的选项中设置canvas: true。这会迫使flot在画布上绘制标签，而不是将它们放在你期望的位置（在div中）。