Estou usando o excelentejqPlot plug-in e o único recurso que não encontrei nodocumentação é "como colorir partes do fundo / grade com várias cores diferentes"

As unidades do eixo x dos meus gráficos são datas. Gostaria de destacar a parte de fim de semana (apenas) da grade, alterando a cor da grade de fundo, se for possível.

Ou alguém teria outra ideia?

obrigado

EDITAR COM RESPOSTA FINAL

Com base na sugestão do Boro, desenvolvi uma maneira melhor de destacar uma parte do plano de fundo usando a opção "line" em vez da opção "verticalLine". O fato é que, com "verticalLine", os desenvolvedores devem lidar com a largura da linha. Portanto, é difícil obter o que você precisa porque a largura da linha se espalha a partir do centro da linha e não de uma borda.

Opção "Linha" permite definir um ponto inicial e final para definir a parte exata do plano de fundo a ser realçada. O parâmetro width ainda é usado para exibir a linha como uma coluna, mas ela se espalha horizontalmente, não verticalmente.

Sobre as propriedades "lineWidth", o valor é definido em pixel. Portanto, você pode definir o valor com a altura do contêiner do gráfico para ter certeza e definir o valor "y" das propriedades "start" e "end" com uma média de seus dados de série ou um intervalo médio aproximado de seus yaxis.

Eu atualizei o violino do BoroAqui

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