Jquery mobile flot.axislabels:如何选择标签';颜色?

Jquery mobile flot.axislabels:如何选择标签';颜色?,jquery-mobile,flot,axis-labels,Jquery Mobile,Flot,Axis Labels,我将flot与插件“jquery.flot.axislabels.js”一起使用,但除了自述文件之外,我找不到其他文档。 所以一般的问题是“我在哪里可以找到一些完整的文档?” 更具体的是:“如何设置标签的颜色?” 有些属性可用,如“axisLabelFontSizePixels”、“axisLabelFontFamily”等。。。所以我尝试了“axisLabelColor”和“axisLabelFontColor”,但没有任何结果 我也尝试过使用CSS,如下所示: 但它也不起作用。可能CSS正在

我将flot与插件“jquery.flot.axislabels.js”一起使用,但除了自述文件之外,我找不到其他文档。 所以一般的问题是“我在哪里可以找到一些完整的文档?” 更具体的是:“如何设置标签的颜色?” 有些属性可用,如“axisLabelFontSizePixels”、“axisLabelFontFamily”等。。。所以我尝试了“axisLabelColor”和“axisLabelFontColor”,但没有任何结果

我也尝试过使用CSS,如下所示: 但它也不起作用。可能CSS正在使用axislabel.js的旧版本

理想情况下,我会避免使用CSS,我想如果我们能够选择字体,我们就能够选择颜色。但是我找不到我必须使用的语法

如果有人知道什么,我很乐意读到:-) 感谢和问候,
S.

从源代码看,插件在两种操作模式中都没有提供该选项:

1.)使用画布绘制标签-无法设置颜色(仅字体系列和大小)。如果你能熟练使用JavaScript,添加颜色也不会太难。(您可能正在使用此选项,因为它解释了CSS无法工作的原因。)

2.)使用HTML div绘制标签。这就是链接示例所做的。在其中,作者通过内联CSS标记指定颜色。不过,我将如何做到这一点,以保持这一切是在您的阴谋调用之后:

  $('.yaxisLabel').css('color','red');
  $('.y2axisLabel').css('color','orange');
  $('.y3axisLabel').css('color','green');
  $('.y4axisLabel').css('color','purple');

示例。

我必须显式设置
axisLabelUseCanvas:false
并使用
$('.axisLabels').css('color','red')
要使它们变成红色

我发现只需添加
就更简单了!重要信息
针对flot生成的类。对于瞄准axis,您可以瞄准
.yaxisLabel
.xaxisLabel
,或者瞄准整个目标
.flot text

.flot-text {
    color: rgba(255, 255, 255, 0.3) !important
}

我知道这个问题有一个公认的答案,但我只是想分享一下我最终是如何让它工作的

FLot版本:FLot 0.8.3

我必须显式地设置axisLabelUseCanvas:false,然后编写一些jQuery代码:

$('.flot tick label').css('color','red')

在经历了几个小时的挫折之后,我们终于看到了红色


希望这能帮助那些迷失在弗洛特的人

您好,非常感谢,这是答案:“axisLabelUseCanvas:true”必须删除才能设置标签的颜色。信息方面,“axisLabelUseHtml:true”(我已经尝试过)并没有更好。只是不要设置它们中的任何一个。看起来很简单,但我以前尝试过很多选择;-)那些课对我不起作用。但是我检查了代码,发现它可以工作
$('.flot-y1-axis').css('color','00b3e3')y1、y2、y3的etc