пользовательский фон для линейного графика с ледяными фигурами - PullRequest
Новая
       71

пользовательский фон для линейного графика с ледяными фигурами

0 голосов
/ 19 февраля 2019

Привет! Я работаю со сложенными линейными графиками JSF и Icefaces Выставочный зал Icefaces .Я сделал это выглядит следующим образом.sample single chart

Потому что мне нужны зеленая, желтая и красная линии для обозначения какого-либо показателя эффективности.Я просто применил пользовательские градиенты к background класса jqplot-series-canvas, который визуализирует ряд диаграммы следующим образом.

background: linear-gradient(to bottom, #ffffff 9%,#fc775f 9%,#ffffff 10%,#ffffff 19%,#f4f400 19%,#ffffff 20%,#ffffff 39%,#37e837 40%,#37e837 40%,#ffffff 40%,#ffffff 100%);

Мой код для простого .xhtml выглядит следующим образом: 

<ace:chart id="memoryChart"
     animated="false"
     value="#{chartColorBean.fillData}"
     xAxis="#{chartColorBean.xAxis}"
     yAxes="#{chartColorBean.yAxes}"
     stackSeries="true"
     defaultSeriesColors="#{chartColorBean.customDefaultColor}"
     legend="#{chartColorBean.legend}"
     legendPlacement="INSIDE_GRID"
     highlighter="true"
     highlighterLocation="N"
     highlighterShowMarker="false"
     highlighterBringSeriesToFront="true"/>

После рендеринга HTML-код выглядит следующим образом:

enter image description here

Теперь проблема в том, что когда я добавляю еще один линейный график в тот же график, из-за свойства background виден только ряд линий сверху, другой становится скрытым.Как мне правильно это реализовать?

...