new Renderer()
Base class for Renderers. A renderer is used to draw a complex visualization based on one or more "series" of data. This is a reusable object. Once defined and attached to a chart, it shouldn’t have to be recreated every time a symbol changed. The series inside the renderers may change with a new symbol, but the linked renderer itself remains the vehicle for adding series.
Classes
Methods
-
attachSeries(field, parameters)
-
Attach a series to the renderer. This assumes that the series data is already in the dataSet and simply connects it to the renderer with the specified parameters. See STXChart#addSeries for details on how to create a series. See STXChart.addSeries.
The color defined when attaching a series will supersede any color defined when a series was created. This allows you to attach the same series to multiple renderers, each rendering displaying the same series data in a different color if desired.
Parameters:
Name Type Description fieldString The name of the field. Name of the field in the dataSet to use for the series.
parametersobject Settings to control color and opacity of each series in the group. See STXChart#addSeries for implementation examples.
Argument format can be:
- a
stringcontaining the color - or a more granular
objecthaving the following members:
Properties
Name Type Argument Description fill_color_upstring <optional>
Color to use to fill the part when the Close is higher than the previous (#RRGGBB(AA) format or null to not draw)
border_color_upstring <optional>
Color to use to draw the border when the Close is higher than the previous (#RRGGBB(AA) format or null to not draw)
opacity_upnumber <optional>
Opacity to use to fill the part when the Close is higher than the previous (0.0-1.0). Default: .4
fill_color_downstring <optional>
Color to use to fill the part when the Close is lower than the previous (#RRGGBB(AA) format or null to not draw)
border_color_downstring <optional>
Color to use to draw the border when the Close is lower than the previous (#RRGGBB(AA) format or null to not draw)
opacity_downnumber <optional>
Opacity to use to fill the part when the Close is lower than the previous (0.0-1.0) default: .4
colorstring <optional>
Color to use to fill the series if fill_color_up or fill_color_down is not specified (#RRGGBB(AA) format).
permanentboolean <optional>
For line chart, whether it can be removed by the user. By default the series will not be permanent. This flag (including the default) will supersede the permanent flag of the actual series. As such, a series will not be permanent unless you set this flag to 'true', even if the series being attached was flaged set as permanent when defined. This gives the renderer most control over the rendering process.
Returns:
Returns a copy of this for chaining
- Type
- STX.Renderer
Example
stxx.addSeries("NOK", {display:"NOK",data:{useDefaultQuoteFeed:true},width:4}); var axis=new STXChart.YAxis(); axis.position="left"; axis.textStyle="#FFBE00"; renderer=stxx.setSeriesRenderer(new STX.Renderer.Lines({params:{name:"lines", type:"mountain", yAxis:axis}})); renderer.removeAllSeries() .attachSeries("NOK", "#FFBE00") .attachSeries("SNE", "#FF9300") .ready(); - a
-
construct(config)
-
Default constructor for a renderer. Override this if desired.
Parameters:
Name Type Description configobject Configuration for the renderer
Properties
Name Type Argument Description callbackfunction <optional>
Callback function to perform activity post-drawing, for example, creating a legend. It will be called with a 'colors' argument, which will be an array of objects containing the colors used to draw the rendering. ( Example: cb(colors); ). See example for format.
idstring <optional>
Handle to access the rendering in the future. If not provided, one will be generated.
paramsobject <optional>
Parameters to control the renderer itself
Properties
Name Type Argument Description namestring <optional>
Name of the renderer. Default: 'Data'. This is used when displaying error message on screen
panelstring <optional>
The name of the panel to put the rendering on, defaults to "chart"
overChartboolean <optional>
If set to true, will draw the rendering on top of the chart rather than as an underlay. By default rendering will be as underlay.
yAxisboolean <optional>
Optional Y-axis object to use for the series.
opacitynumber <optional>
Opacity of the rendering as a whole. Can be overridden by an opacity set for a series. Valid values are 0.0-1.0. Default: 1
Example
stxx.addSeries("NOK", {display:"NOK",data:{useDefaultQuoteFeed:true},width:4}); stxx.addSeries("SNE", {display:"Sony",data:{useDefaultQuoteFeed:true},width:4}); var axis=new STXChart.YAxis(); axis.position="left"; axis.textStyle="#FFBE00"; renderer=stxx.setSeriesRenderer(new STX.Renderer.Lines({params:{name:"lines", type:"mountain", yAxis:axis}})); renderer.removeAllSeries() .attachSeries("NOK", "#FFBE00") .attachSeries("SNE", "#FF9300") .ready(); -
draw()
-
Perform drawing operations here.
-
performCalculations()
-
If your render manages a yAxis then the necessary calculations (high and low) should be made here
-
ready()
-
Call this to immediately render the visualization, at the end of a chain of commands.
Returns:
A copy of this for chaining
- Type
- STX.Renderer
-
removeAllSeries( [eraseData])
-
Removes all series from the renderer and the yAxis from the panel if it is not being used by any current renderers.
Parameters:
Name Type Argument Default Description eraseDataBoolean <optional>
false Set to true to erase the actual series data in the STXChart otherwise it will be retained
Returns:
A copy of this for chaining
- Type
- STX.Renderer
-
removeSeries(field [, preserveSeries])
-
Removes a series from the renderer and the yAxis from the panel if it is not being used by any current renderers.
Parameters:
Name Type Argument Default Description fieldString The field name of the series.
preserveSeriesBoolean <optional>
false Set to true to keep the series data in the STXChart object.
Returns:
A copy of this for chaining
- Type
- STX.Renderer