html - 图表刻度标签

Question

我正在尝试以用户在此处询问的类似方式在我的 float 图表上的 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 标签不太了解，但看起来它完全是空的。

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

Answer 1

您可能正在使用 canvas插件，并在您的选项中设置 canvas: true。这会强制 flot 在 Canvas 上绘制标签，而不是将它们放在您期望的位置(在 div 中)。