Question

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

我也尝试使用CSS，根据这个：http://people.mozilla.com/~mcote/flot-axislabels/example/ 但它也不起作用。也许CSS正在使用旧版本的axislabel.js。

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

如果有人知道某事，我会很高兴看到它:-) 感谢致敬， S上。

Answer 1

从查看源代码看，它看起来并不像插件在两种操作模式中提供该选项：

1。）使用画布绘制标签 - 无法设置颜色（仅限字体系列和大小）。如果你方便用JavaScript添加颜色也不会太难。（您可能正在使用此选项，因为它解释了为什么您的CSS不起作用。）

2.。）使用HTML DIV绘制标签。这是您链接的示例所做的。在其中，作者通过内联CSS标签指定颜色。我怎么做才能把它们放在一起是在你的情节电话之后：

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

示例here。

Answer 2

我发现只需添加.yaxisLabel定位flot生成的类就更简单了。对于定位轴，您可以瞄准.xaxisLabel或.flot-text，也可以瞄准整个目标.flot-text { color: rgba(255, 255, 255, 0.3) !important }。

{{1}}

Answer 3

我必须明确设置axisLabelUseCanvas:false并使用$('.axisLabels').css('color','red');将其设为红色

Answer 4

我知道这个问题有一个被接受的答案，但只想分享我最终如何运作。

FLot版本：Flot 0.8.3

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

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

经过几个小时的挫折之后，我们走了，它终于变红了！

希望这可以帮助在Flot迷路的人。

flot.axislabels：如何选择标签的颜色？

4 个答案: