jqPlot: как раскрасить части фона/сетки несколькими разными цветами

Я использую отличный плагин jqPlot, и единственная функция, которую я не нашел в документациягласит: «Как раскрасить части фона/сетки несколькими разными цветами»

Единицами по оси X моих графиков являются даты. Я хотел бы выделить часть сетки (только) выходного дня, изменив цвет фоновой сетки, если это возможно.

Или у кого-нибудь есть другая идея?

Спасибо

РЕДАКТИРОВАТЬ С ОКОНЧАТЕЛЬНЫМ ОТВЕТОМ

Основываясь на предложении Боро, я разработал лучший способ выделить часть фона, используя параметр «линия» вместо параметра «вертикальная линия». Дело в том, что с "verticalLine" разработчики должны иметь дело с шириной линии. Таким образом, получить то, что вам нужно, сложно, потому что ширина линии распространяется от центра линии, а не от границы.

Опция «Линия»позволяет установить начальную и конечную точки, чтобы установить точную часть фона для выделения. Параметр ширины по-прежнему используется для отображения строки в виде столбца, но она расширяется по горизонтали, а не по вертикали.

Что касается свойств «lineWidth», значение определяется в пикселях.Таким образом, вы можете установить значение с высотой контейнера графика, чтобы быть уверенным, и установить значение «y» свойств «начало» и «конец» со средним значением ваших данных серии или приблизительным средним диапазоном вашей оси y.

Я обновил скрипку Боро здесь

                grid:                 
                {
                    drawGridLines: true,        // wether to draw lines across the grid or not.
                    gridLineColor: '#cccccc',   // Color of the grid lines.
                    backgroundColor: "#eee",
                    borderColor: '#999999',     // CSS color spec for border around grid.
                    borderWidth: 2.0,           // pixel width of border around grid.
                    shadow: true,               // draw a shadow for grid.
                    shadowAngle: 45,            // angle of the shadow.  Clockwise from x axis.
                    shadowOffset: 1.5,          // offset from the line of the shadow.
                    shadowWidth: 3,             // width of the stroke for the shadow.
                    shadowDepth: 3,             // Number of strokes to make when drawing shadow.
                                                // Each stroke offset by shadowOffset from the last.
                    shadowAlpha: 0.07,          // Opacity of the shadow
                },
                canvasOverlay: {
                    show: true,
                    objects:

                            [
                                {
                                    line:
                                    {
                                        start : [new Date('2012-01-12').getTime(),20],                                                
                                        stop : [new Date('2012-01-13').getTime(),20],                                                
                                        lineWidth: 1000,
                                        color: 'rgba(255, 0, 0,0.45)',
                                        shadow: false,
                                        lineCap : 'butt'
                                    }
                                },                                    
                                {
                                    line:
                                    {
                                        start : [new Date('2012-01-13').getTime(),20],                                                
                                        stop : [new Date('2012-01-14').getTime(),20],                                                
                                        lineWidth: 1000,
                                        color: 'rgba(255, 0, 0,0.45)',
                                        shadow: false,
                                        lineCap : 'butt'
                                    }
                                }
                            ]
                }                    

Result sample

5
задан sdespont 22 June 2012 в 10:32
поделиться