How to: |
The color properties define a color for all risers, for all risers in an individual series, or for an individual riser identified by a series and group number. If a group number is not specified, the color is also applied to the series icon in the legend area.
series: [ { series: snumber, group: gnumber, // Optional color: 'cstring' } ]
where:
Is a zero-based series number. If the series does not exist in the chart, the property is ignored.
Is an optional zero-based group number. If the group does not exist in the chart, the property is ignored. If a group number is not specified, the color is applied to all risers in the series.
Is a color defined by a color name or numeric specification string, or a gradient defined by a string.
For information about defining colors and gradients, see Colors and Gradients.
The following request against the GGSALES data source generates a vertical bar chart and defines colors for each series:
GRAPH FILE GGSALES SUM DOLLARS BUDDOLLARS UNITS BUDUNITS BY REGION ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH VBAR ON GRAPH SET STYLE * *GRAPH_JS series: [ {series: 0, color: 'lightgreen'}, {series: 1, color: 'coral'}, {series: 2, color: 'lightblue'}, {series: 3, color: 'burlywood'}, ] *END ENDSTYLE END
The output is:
The following version of the request applies linear gradients to each series:
GRAPH FILE GGSALES SUM DOLLARS BUDDOLLARS UNITS BUDUNITS BY REGION ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH VBAR ON GRAPH SET STYLE * *GRAPH_JS series:[ {series: 0, color: 'linear-gradient(0%,0%,100%,0%, 20% darkred, 95% red)'}, {series: 1, color: 'linear-gradient(0%,0%,100%,0%, 20% green, 95% lightgreen)'}, {series: 2, color: 'linear-gradient(0%,0%,100%,0%, 20% saddlebrown, 95% orange)'}, {series: 3, color: 'linear-gradient(0%,0%,100%,0%, 20% teal, 95% cyan)'} ] *END ENDSTYLE END
The output is:
WebFOCUS |