2013-04-16 67 views
0

我试图以类似的方式,用户在这里问转动我的X轴的标签上我的海军报图 - Rotate Flot Tick Labels海军报图刻度标签

我现在面临的问题是,它看起来像CSS选择器因为X轴不会选择任何东西。我正在使用的选择器是:

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 */ 
} 

我甚至都不知道图表是如何可见的。我对画布标签了解不多,但看起来完全是空的。

enter image description here enter image description here

我不明白源哪有空。我想会有像代表图的矢量点那样的标记。这就是画布的工作原理吗?此外,如果您无法查看源代码,您甚至还会知道当前使用哪些CSS选择器?

+0

Ryley的回答是基于这里信息的最佳建议。如果不是这样,那么请向我们展示flot-text div下的展开层次结构。关于你的画布问题,在画布上绘制只是改变像素值;从来没有任何儿童元素。您可能会想到SVG/VML,其中最终图像的组件是DOM中的单独元素。 – DNS

回答

1

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