空白图滴答声标签 [英] Flot graph tick label

问题描述

我想以类似的方式旋转我的X轴上的标签，用户在此处提问 - 插件，并将 canvas：true 。这个力量在画布上绘制标签，而不是将它们放在你期望的位置（在div中）。

I am trying to rotate the label on my X-Axis on my flot graph in a similar way a user asked here - Rotate Flot Tick Labels

The problem I am facing is that it looks like the CSS selector for the X-Axis doesn't select anything. The selector I am using is:

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

I also don't even understand how the graph is even visible. I don't know much about the canvas tag, but it looks like it is completely empty.

I don't understand how the source there is empty. I would think there would be some sort of markup like vector points that represent the graph. Is that just how canvas works? Also, how would you even know what CSS selectors to use at that point if you can't view the source?

解决方案

You are probably using the canvas plugin, and setting canvas: true in your options. That forces flot to draw the labels on the canvas, rather than putting them where you are expecting (in the divs).

这篇关于空白图滴答声标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！