How to: |
The subtitle properties control the content, visibility, and format of the Chart Subtitle.
subtitle: { text: 'textstring', visible: boolean, align: 'astring', font: 'fstring', color: 'cstring' }
where:
Is a string that defines the subtitle text. The default value is 'Chart Subtitle'.
Controls the visibility of the chart subtitle. Valid values are:
Is a string that defines the alignment of the subtitle, Valid values are:
Is a string that defines the size, style, and, typeface of the chart subtitle. The default value is '10pt Sans-Serif'.
Is a string that defines the color of the chart subtitle using a color name or numeric specification string. The default value is 'black'.
For information about specifying colors, see Colors and Gradients.
The following request against the GGSALES data source generates a vertical bar chart with a subtitle. The alignment of the subtitle, and part of the text, depend on the Dialogue Manager variable named &SUBTALIGN, which is set to the value 'chartFrame':
-SET &SUBALIGN = 'chartFrame';
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
border:{color:'blue'},
chartFrame: {border: {width:2, color:'red'}},
legend: {position:'right'},
title: {
text: 'Chart Title, alignment center',
visible: true,
font: 'Bold 20pt Courier',
align: 'center',
color: 'blue'},
subtitle: {
text: 'Subtitle, alignment &SUBALIGN',
font: 'Bold 16pt Comic Sans MS',
visible: true,
align: '&SUBALIGN',
color: 'red'
},
series: [
{series: 0, color: 'lightgreen'},
{series: 1, color: 'coral'},
{series: 2, color: 'lightblue'},
{series: 3, color: 'burlywood'}
]
*END
ENDSTYLE
END
On the output, the title is centered in the draw area (align: 'center'), and the subtitle is centered aligned with the chart frame (align: 'chartFrame'):
WebFOCUS |