Flot图表消除了所选颜色

时间:2015-07-20 08:44:25

标签: javascript flot

我使用Flot有一个很好的堆积区域图表。它的填充颜色目前是自动生成的。

我的问题是,我是否可以消除所选颜色。意思是,我不希望图表使用绿色,红色和橙色作为填充颜色。

1 个答案:

答案 0 :(得分:5)

  

API无法提供exclude某种颜色的方法   的 auto-generated

我认为您可以轻松修改jquery.colorhelpers.js文件并发表评论/删除您不想要的auto-colors

例如(未经测试)

var lookupColors = {
        aqua:[0,255,255],
        azure:[240,255,255],
        beige:[245,245,220],
        black:[0,0,0],
        // blue:[0,0,255], // --> no blue
        brown:[165,42,42],
        cyan:[0,255,255],
        ...
    };

编辑:
如果您手动 包括jquery.colorhelpers.js文件,请在第8行的jquery.flot.js文件中注明作者评论:

8: // first an inline dependency, jquery.colorhelpers.js, we inline it here
9: // for convenience

内联代码在第32行:

32: (function($){$.color={};$.color.make=...

编辑2:

  

重要澄清

jquery.flot.js文件中读了一下代码和作者的评论之后,我意识到上述建议是完全错误的...... lookupColors var用于匹配given颜色名称和相应的RGB值...
与自动生成的图表颜色无关。

现在......在同一阅读中,我发现了这个color theme声明 jquery.flot.js第516行

516: // the color theme used for graphs
517: colors: ["#edc240", "#afd8f8", "#cb4b4b", "#4da74d", "#9440ed"],

猜猜看......如果你修改它......会改变图表,所以我认为这将是你最好的方法。

示例:

colors: [
    // "#edc240", // --> this removes/disabled the dark-yellow
    "#afd8f8",
    "#cb4b4b",
    "#4da74d",
    "#9440ed"
],

现在,您不仅可以exclude使用某种颜色,而且还可以创建自己的theme。 很好;)

jsFiddle示例:http://jsfiddle.net/gmolop/9u8tsfum/