Flot graph tick标签

时间:2013-04-16 18:35:22

标签: html css canvas flot

我正在尝试按照用户在此处提出的类似方式在我的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标签了解不多,但看起来它完全是空的。

enter image description here enter image description here

我不明白源是如何空的。我认为会有某种标记像矢量点那样代表图形。这就是画布的工作原理吗?另外,如果你无法查看源代码,你怎么知道在那个时候使用什么CSS选择器呢?

1 个答案:

答案 0 :(得分:1)

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