Controlling the Appearance of a Numeric Axis Base Line

How to:

On a numeric axis, the baseLineStyle properties control the appearance of an axis base line. The base line is parallel to the grid lines and normally passes through the zero value.

Syntax: How to Control the Appearance of a Numeric Axis Base Line

"axisname": 
{
  "baseLineStyle": {
				"width": number, 
    "color": "string",
    "dash": "string"
  }
}

where:

"axisname"

Can be:

  • "xaxis"
  • "yaxis"
  • "y2axis"
"width": number

Is a number that defines the width of the base line.

"color": "string"

Is a string that defines the color of the base line using a color name or numeric specification string.

For information about defining colors, see Colors and Gradients.

"dash": "string"

Is a string that defines the dash style. The default value is ""(which generates a solid line). Use a string of numbers that defines the width of a dash followed by the width of the gap between dashes (for example, dash: "1 1" draws a dotted line).

Example: Controlling the Appearance of a Numeric Axis Base Line

The following request against the WF_RETAIL_LITE data source makes the y-axis base line a green dashed line:

GRAPH FILE WF_RETAIL_LITE
SUM COGS_US QUANTITY 
BY PRODUCT_CATEGORY
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": {
	"baseLineStyle": {
		"width": 4, "color": "green", "dash": "4 4"}}
*END
ENDSTYLE
END

The output is:

WebFOCUS

Feedback