Flot Bar и линейна диаграма

Използвам диаграми на Flot за кратко време и трябва да направя диаграма, която изглежда по следния начин:

Успях да накарам лентовата диаграма да оцветява всяка лента в червено, ако е над целта, и в зелено, ако е отдолу, но не мога да покажа целевата линия отгоре. Целта представлява черната линия, която е над всяка лента (всяка дупка има една цел).

function BarChart(id, data, ticksl) {
    $.plot(id, data, {
        series: {
            //  stack: true
        },
        grid: {
            hoverable: true,
            clickable: true
            //,horizontal: true
        },
        bars: {
            show: true,
            barWidth: 0.5,
            align: "center"
        }
        , xaxis: { ticks: ticksl },
        legend: {
            show: true
        }
    });
}

и ето как наричам тази функция: BarChart('#ChartD', values, ticksl);

Стойностите са масив, който съдържа ходовете, направени за всяка дупка, а масивът color and ticks1 съдържа всеки номер на дупка.

Има ли някакъв начин, по който мога да добавя тези целеви линии към моята диаграма, като използвам същата функция BarChart?

РЕДАКТИРАНЕ: Добавена е проба, но се вижда, че работи само за браузъра Explorer https://jsfiddle.net/yyxvnjum/6/