Używam doskonałegojqPlot wtyczka i jedyna funkcja, której nie znalazłem wdokumentacja „jak pokolorować części tła / siatki kilkoma różnymi kolorami”

Jednostki osi X moich wykresów to daty. Chciałbym podkreślić część weekendową (tylko) siatki, zmieniając kolor siatki tła, jeśli jest to możliwe.

Czy ktoś miałby inny pomysł?

Dzięki

EDYCJA Z OSTATECZNĄ ODPOWIEDZIĄ

W oparciu o sugestię Boro opracowałem lepszy sposób podświetlenia części tła za pomocą opcji „line” zamiast opcji „verticalLine”. Faktem jest, że w przypadku „verticalLine” programiści muszą radzić sobie z szerokością linii. Tak więc trudno jest uzyskać to, czego potrzebujesz, ponieważ szerokość linii rozciąga się od środka linii, a nie od granicy.

Opcja „Linia” pozwala ustawić punkt początkowy i końcowy, aby ustawić dokładną część tła, która ma być podświetlona. Parametr width jest nadal używany do wyświetlania linii jako kolumny, ale rozkłada się poziomo, a nie pionowo.

O właściwościach „lineWidth” wartość jest określana w pikselach. Dlatego można ustawić wartość za pomocą wysokości kontenera wykresu, aby mieć pewność i ustawić wartość „y” właściwości „start” i „koniec” ze średnią danych serii lub przybliżonym średnim zasięgiem yaxis.

Zaktualizowałem skrzypce Borotutaj

                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'
                                    }
                                }
                            ]
                }