How to: |
The lineStyle property controls the width and color of a line that can be drawn around the legend area.
legend: { lineStyle: { width: number, color: cvalue, dash: 'dstring' } }
where:
Is a number that defines the width of the line in pixels. The default value is 0, no line.
Defines the color of the line as either:
Is a string that defines the dash style of the line. 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.
The following request against the GGSALES data source generates a four-pixel wide red line around the legend area:
GRAPH FILE GGSALES
SUM DOLLARS BUDDOLLARS UNITS BUDUNITS
BY PRODUCT
WHERE CATEGORY EQ 'Gifts'
ON GRAPH PCHOLD FORMAT JSCHART
ON GRAPH SET LOOKGRAPH VBAR
ON GRAPH SET STYLE *
*GRAPH_JS
legend: {
lineStyle: {width: 4, color: 'red'}
},
series: [
{series: 0, color: 'lightgreen'},
{series: 1, color: 'coral'},
{series: 2, color: 'lightblue'},
{series: 3, color: 'burlywood'}
]
*END
INCLUDE=ENIADefault_combine.sty,$
ENDSTYLE
END
The output is:
WebFOCUS |