Как изменить непрозрачность или z-индекс canvasOverlay?
Я хотел бы показать 3 цветовые зоны на моем графике на фоне в соответствии со значением оси y, как я понимаю, я не могу контролировать цвет фона разными цветами.
Моя идея - нарисовать 3 горизонтальные линии с помощью canvasOverlay - это работает. Проблема в том, что я хочу разместить эти линии позади моей кривой графика, теперь она видна спереди и перекрывает линию моих точек.
Могу ли я изменить свойство z-index или непрозрачность?
Может быть, какие-то другие идеи?
<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>