How to: |
The minorGrid properties control the visibility and format of minor grid lines and tick marks.
"axisname": { "minorGrid": { "visible": boolean, "count": number, "lineStyle": { "width": number, "color": "string", "dash": "string" }, "ticks": { "length": number, "visible": boolean, "style": "string", "lineStyle": { "width": number, "color": "string"} } } }
where;
Can be:
Defines the properties of the minor grid lines.
Controls the visibility of the minor grid lines. Valid values are:
Is the number of minor grid lines to draw between each major grid line. The default value is undefined.
Defines the line style of the minor grid lines.
Is a number that defines the width of minor grid lines in pixels. The default value is 1.
Is a string that defines the color of minor grid lines using a color name or numeric specification string. The default value is "black".
For information about defining colors, see Colors and Gradients.
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).
Defines the properties of the minor grid line tick marks.
Is a number that defines the length of tick marks in pixels. The default value is 5.
Controls the visibility of tick marks. Valid values are
Is a string that defines the tick mark style. Valid values are:
Defines the line style of the minor grid line tick marks.
Is a number that defines the width of the tick marks in pixels. The default value is 1.
Is a string that defines the color of tick marks using a color name or numeric specification string. The default value is "black".
The following request generates y-axis minor grid lines that are solid tan lines and minor grid lines that are dashed pink lines:
GRAPH FILE WF_RETAIL_LITE
SUM COGS_US
BY MODEL
WHERE PRODUCT_CATEGORY EQ 'Computers'
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET LOOKGRAPH VLINE
ON GRAPH SET STYLE *
*GRAPH_JS
"blaProperties": {"lineConnection": "curved"},
"yaxis": {
"majorGrid": {"visible": true, "lineStyle": {
"width": 2, "color": "tan"}},
"minorGrid": {"visible": true, "lineStyle": {
"width": 2, "color": "pink", "dash": "2 2"}
}}
*END
ENDSTYLE
END
The output is:
By default, two minor grid lines are being drawn between each major grid line. To change that number to one minor grid line between major grid lines, change the y-axis properties to the following:
"yaxis": {
"majorGrid": {"visible": true, "lineStyle": {
"width": 2, "color": "tan"}},
"minorGrid": {"visible": true, "count": 1, "lineStyle": {
"width": 2, "color": "pink", "dash": "2 2"}}}
The output is:
WebFOCUS | |
Feedback |