Flot轴交叉于

Question

有没有人知道是否可以使用flot为轴设置一个十字架？如果你拿这个例子

http://www.flotcharts.org/flot/examples/threshold/index.html

能够设置x轴以使其在0处与y交叉而不是在min处（在此示例中为-10）将会很棒

我找不到办法做到这一点。我也无法找到使用highcharts或jqplot的方法。

Answer 1

正如@DNS所提到的那样，你不会在API中找到它，但是当其他所有方法都失败时，请将其破解！

$(function () {

    var data = [[0, -12], [7, 12], [8, 2.5], [12, 2.5]];  // some data series

    somePlot = $.plot($("#placeholder"), [ data ]); // plot it once

    var xaxis = somePlot.getAxes().xaxis; // get your x and y axis 
    var yaxis = somePlot.getAxes().yaxis;

    var abline = [[xaxis.datamin,0],[xaxis.datamax,0]]; // create a new line to serve as our xaxis, we are using the current xaxis extremes

    somePlot = $.plot($("#placeholder"), [ {data: data}, {color: 'black', data: abline, shadowSize:0} ], {}) // replot it with our new line

    $('.x1Axis .tickLabel').css('top',yaxis.p2c(0)+5+'px'); // move our xaxis tick labels to the zero location of the yaxis   

});

产地：

小提琴here。

Answer 2

不幸的是，这目前无法实现; Flot仅支持绘图边缘的轴。

您绝对应该open an issue提交此建议。