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: color, dash: 'string' } }
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 generates a four-pixel wide red line around the legend area:
GRAPH FILE WF_RETAIL_LITE SUM DISCOUNT_US GROSS_PROFIT_US REVENUE_US MSRP_US BY PRODUCT_CATEGORY ON GRAPH PCHOLD FORMAT JSCHART ON GRAPH SET LOOKGRAPH VBAR ON GRAPH SET STYLE * INCLUDE=IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/ENIADefault_combine.sty,$ *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 ENDSTYLE END
The output is:
WebFOCUS |