jqPlot - Como alterar a opacidade ou z-index do canvasOverlay?
Eu gostaria de mostrar 3 zonas de cor no meu gráfico no plano de fundo de acordo com o valor do eixo y, como eu entendo, eu não posso controlar a cor do plano de fundo por cores diferentes.
Minha ideia é desenhar 3 linhas horizontais com canvasOverlay - isso está funcionando. O problema é que eu quero colocar essas linhas por trás da minha curva gráfica, agora é visto na frente e sobrepõe minha linha de pontos.
Posso alterar a propriedade do z-index ou a opacidade?
Talvez algumas outras ideias?
<code> $.jqplot( 'ChartDIV', [data], { series: [{ showMarker: true}], highlighter: { sizeAdjust: 10, show: true, tooltipLocation: 'n', useAxesFormatters: true }, tickOptions: { formatString: '%d' }, canvasOverlay: { show: true, objects: [ { horizontalLine: { name: 'low', y: 1.0, lineWidth: 100, color: 'rgb(255, 0, 0)', shadow: false } }, { horizontalLine: { name: 'medium', y: 2.0, lineWidth: 100, color: 'rgb(250, 250, 0)', shadow: true } }, { horizontalLine: { name: 'high', y: 3.0, lineWidth: 100, color: 'rgb(145, 213, 67)', shadow: false } }, ] }, axes: { xaxis: { label: 'Dates', renderer: $.jqplot.DateAxisRenderer, rendererOptions: { tickRenderer: $.jqplot.CanvasAxisTickRenderer }, tickOptions: { formatString: '%d/%m/%Y', angle: -30, fontFamily: 'Arial', fontSize: '13px', fontWeight: 'bold' }, min: d[0] + "/" + d[1] + "/01", tickInterval: '2 month', labelOptions: { fontFamily: 'Arial', fontSize: '14pt', fontWeight: 'bold', textColor: '#0070A3' } }, yaxis: { label: 'Level', labelRenderer: $.jqplot.CanvasAxisLabelRenderer, tickOptions: { formatter: $.jqplot.tickNumberFormatter }, rendererOptions: { tickRenderer: $.jqplot.CanvasAxisTickRenderer }, labelOptions: { fontFamily: 'Arial', fontSize: '14pt', fontWeight: 'bold', textColor: '#0070A3', angle: -90 } } } } ); </code>