2013-04-16 4 views
0

Я пытаюсь повернуть ярлык на моем X-оси на моем ФЛОТ графике подобным образом спросил здесь пользователь - Rotate Flot Tick LabelsFlot график клещ метка

Проблема я столкнулся в том, что она выглядит как селектор CSS для X-Axis ничего не выбирает. Селектор, который я использую, является:

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 использовать в этот момент, если вы не можете просмотреть источник?

+0

Ответ Ryley - лучшее предложение, основанное на информации, которая находится здесь. Если это не так, то, пожалуйста, покажите нам расширенную иерархию под разделителем флота-текста. Что касается вашего вопроса о холсте, рисование на холсте - это просто изменение значений пикселей; никогда нет никаких дочерних элементов. Возможно, вы думаете о SVG/VML, где компоненты конечного изображения являются отдельными элементами в DOM. – DNS

ответ

1

Возможно, вы используете плагин canvas и задаете canvas: true в своих вариантах. Это заставляет флот рисовать надписи на холсте, а не помещать их туда, где вы ожидаете (в divs).