4

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

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

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

如果有人知道什么，我会很高兴阅读它:-) 谢谢和问候，S。

4

4 回答 4

10

从查看源代码来看，插件似乎没有在两种操作模式中提供该选项：

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

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

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

这里的例子。

于 2013-01-16T01:18:58.593 回答
2

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

.flot-text {
    color: rgba(255, 255, 255, 0.3) !important
}
于 2015-12-01T19:04:05.697 回答
1

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

Flot 版本：Flot 0.8.3

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

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

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

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

于 2016-01-11T15:15:55.210 回答
0

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

于 2015-05-21T00:26:30.590 回答