javascript - 如何向 flot 中自动生成的刻度添加新的刻度

Question

我只想在现有的自动生成的报价中添加一个报价，我该怎么做？这是fiddle .我想将报价 100 添加到现有生成的报价系列。可以在 flot 中完成这样的 hack 吗？

Answer 1

我希望这可以使用hooks functionality in flot但不幸的是，生成了刻度，然后添加了标签，中间没有任何 Hook 。

所以...

最好的办法是窃取 flots 自动刻度生成器，修改它以执行您想要的操作，然后将其作为刻度函数添加到您的选项中。

customTickGen = function (axis) {

    /* BEGIN STOLEN FLOT METHOD */    

    var ticks = [],
        start = axis.tickSize * Math.floor(axis.min / axis.tickSize),
        i = 0,
        v = Number.NaN,
        prev;

    do {
        prev = v;
        v = start + i * axis.tickSize;
        ticks.push(v);
        ++i;
    } while (v < axis.max && v != prev);

    /* END OF STOLEN FLOT CODE */

    /* Now find the spot and put a 100 in */
    for (var i = 0; i < ticks.length - 1; i++){
        if (ticks[i] < 100 && ticks[i+1] > 100){
            ticks.splice(i,0,100);
            break;
        }
    }                    
    return ticks;
}

这是一个有效的 fiddle .