圖表：如何添加開始和結束刻度？

Question

我正在嘗試在圖表（Flot）中添加兩條垂直線（刻度），以更清晰地顯示最小值和最大值。 我不是說網格邊界！

我試圖計算距離，新的最小/最大。 值並通過軸選項tickFormatter ， tickSize等對它進行格式化-但我無法完成它。

線之間的距離必須相等（以下預覽）。

是否有任何設置，摘要或替代方法可以實現此目的？

隨意玩小提琴： http : //jsfiddle.net/EK8Fk/1/

$(function () {    
    var data = [
        [10, 10], [-37.5, 20], [30, 30], [40, 40], [83.8, 50]
    ];

    var options = {
        series:{
            bars:{show: true}
        },
        bars:{
            horizontal:true,
            barWidth: 8
        },
        grid:{
            borderWidth: 0
        },
        xaxis: { 
            color: "#FF0000" 
        },
        yaxis: { 
            tickColor: "#FFFFFF",
            ticks: [[10, "A"], [20, "B"], [30, "C"], [40, "D"], [50, "E"]] 
        }
    };

    $.plot($("#flotcontainer"), [data], options);  
});

它應該是這樣的：

在此先多謝！

Answer 1

這是解決您問題的簡單方法：

只需定義x軸的最小值和最大值，

xaxis: { 
        min:-40.0,
        max:100,
        color: "#FF0000" 
    },

這是你的工作小提琴