2013-04-16 64 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中)。