jqPlot - Jak zmienić krycie lub indeks z płótnaOverlay?
Chciałbym pokazać 3 strefy kolorów na moim wykresie w tle zgodnie z wartością osi y, jak rozumiem, nie mogę kontrolować koloru tła różnymi kolorami.
Moim pomysłem jest narysowanie 3 poziomych linii z płótnemOverlay - to działa. Problem polega na tym, że chcę umieścić te linie za krzywą wykresu, teraz jest ona widoczna z przodu i pokrywa moją linię punktów.
Czy mogę zmienić właściwość indeksu Z lub krycia?
Może jakieś inne pomysły?
<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>