Флот: добавьте вертикальную линию к сетке и фон с правой стороны

Я обнаружил Flot вчера, и мне любопытно, могу ли я добавить вертикальную линию к моему графику и иметь другой фон на правая сторона линии.

Это мой график: http://jsfiddle.net/cncvL/1/ (из примера Flot)

Теперь я добавил дополнительную строку, добавив данные по оси y, но это не является желаемым решением.

Ответы

Ответ 1

Вы можете использовать свойство "маркировки" свойства "сетка", чтобы иметь разные цвета по обе стороны от линии. например отредактируйте свой JSFIDDLE, чтобы сказать:

    grid: {
        backgroundColor:
        {
            colors: ["#FFF", "#DDD"]
        },
        markings: [
            {xaxis: {from:  1, to: 10}, yaxis: {from: -3, to: 12}, color: "#eeeeff"},
            {xaxis: {from: 10, to: 14}, yaxis: {from: -3, to: 12}, color: "#eeffee"},
            {xaxis: {from: 10, to: 10},                            color: "#0000bb"}
        ]
    },

Вы также можете использовать его, чтобы нарисовать простую линию третьего "xaxis" выше, вместо того, чтобы делать это так, как вы сделали (другая серия).