Filling Alternate Segments of Axis Grid Lines With a Specified Color

Syntax: How to Fill Alternate Segments of Axis Grid Lines With a Specified Color

"axisname": 
{
  "altFrameColor": "color"},

where:

axisname

Can be:

"xaxis"
"yaxis"
"y2axis"
"zaxis"

"altFrameColor": "color"

Can be:

A color defined by a color name or numeric specification string, or a gradient defined by a string.
A JSON gradient definition.

For information about defining colors and gradients, see Colors and Gradients.

Example: Filling Alternate Segments of Axis Grid Lines With a Specified Color

The following request against the WF_RETAIL_LITE data source generates a vertical line chart in which the sections between the yaxis major grid lines alternate between being transparent and having a gradient fill that transitions from antique white to ghost white:

GRAPH FILE WF_RETAIL_LITE
SUM COGS_US REVENUE_US
BY MODEL
WHERE PRODUCT_CATEGORY EQ 'Computers'
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET LOOKGRAPH VLINE
ON GRAPH SET STYLE *
*GRAPH_JS
"border": {"width": 2, "color": "teal"},
"blaProperties": {"lineConnection": "curved"},
"yaxis": {
	"altFrameColor": 
		"linear-gradient(0%,0%,100%,0%, 20% antiquewhite, 95% ghostwhite)",
	"majorGrid": {"visible": true,
		"lineStyle": {"width": 1, "color": "blue"}
	}}
*END
ENDSTYLE
END

The output is:

	WebFOCUS