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

【问题标题】：flot.axislabels: how to choose labels' colors?flot.axislabels：如何选择标签的颜色？
【发布时间】：2013-01-16 00:09:36
【问题描述】：

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

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

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

如果有人知道什么，我会很高兴阅读 :-) 谢谢并恭祝安康， S.

【问题讨论】：

标签： jquery-mobile flot axis-labels

【解决方案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。

【讨论】：

嗨，非常感谢，这是答案：如果我们希望能够设置标签的颜色，则必须删除“axisLabelUseCanvas: true”。有关信息，“axisLabelUseHtml：true”（我已经尝试过）并不是更好。只是不要设置它们中的任何一个。看起来很简单，但我之前尝试了很多选择；-)
那些课程对我不起作用。但我检查了代码，发现这对 y1、y2、y3 有效 $('.flot-y1-axis').css('color','#00b3e3'); 等

【解决方案2】：

我发现只添加!important 以针对flot 生成的类更简单。对于定位轴，您可以针对.yaxisLabel 或.xaxisLabel，或针对整个事物目标.flot-text。

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

【讨论】：

【解决方案3】：

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

Flot 版本：Flot 0.8.3

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

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

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

希望这对迷失在 Flot 中的人有所帮助。

【讨论】：

【解决方案4】：

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

【讨论】：