A container for a Highchart renderer object. Directly accesses the Highchart’s rendering layer to draw primitive shapes like circles, rectangles, paths or text directly. The renderer represents a wrapper object for SVG in modern browsers and VML in older versions of Microsoft Internet Explorer.
Table 4-34 lists actuate.report.HTML5Chart.Renderer functions.
Highchart element object. The Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. For reference material for highcharts, consult the BIRT Designer Professional help or access the highchart documentation at the following URL:
This example draws a 50-pixel wide half-circle arc, concave down, with a center 200 pixels from the left edge and 150 pixels from the top edge of the chart area:
Integer. The X position of the circle’s center, measured in pixels from the left edge of the rendering area.
Integer. The Y position of the circle’s center, measured in pixels from the top edge of the rendering area.
Highchart element object. The Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. For reference material for highcharts, consult the BIRT Designer Professional help.
This example draws a circle with a center 200 pixels from the left edge and 150 pixels from the top edge of the chart area:
Highchart element object. The Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. For reference material for highcharts, consult the BIRT Designer Professional help.
This example draws a 100-pixel-by-100-pixel rectangle 100 pixels from the left and top edges of chart area:
String. The name of the group. Used in the class name, which will be “highcharts-”+ name. Other Element objects are added to the group by using this group as the first parameter in .add( ) for the element wrappers.
Highchart element object. The Highchart.Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. For reference material for highcharts, consult the BIRT Designer Professional help.
Highchart element object. The Highchart.Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. For reference material for highcharts, consult the BIRT Designer Professional help.
This example adds the sun.png image to the chart 100 pixels from the left and top of the edge of the chart:
Adds a path to the renderer based on SVG’s path commands. In SVG-capable browsers, all path commands are supported, but in VML only a subset is supported, including the moveTo, lineTo, and curve commands.
Highchart element object. The Highchart.Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. For reference material for highcharts, consult the BIRT Designer Professional help.
This example draws a path from the upper left corner of the rendering area (0, 0) to the points (100, 100), (200, 50), and (300, 100), where the first number represents the distance from the left edge of the rendering area and the second number represents the distance from the top edge of the rendering area:
Highchart element object. The Highchart.Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. For reference material for highcharts, consult the BIRT Designer Professional help.
This example draws a 100-pixel-by-100-pixel rectangle 100 pixels from the left and top edges of chart area with 5-pixel-radius quarter-circles as edges:
Highchart element object. The Highchart.Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. For reference material for highcharts, consult the BIRT Designer Professional help.
This example adds a text graphic that reads “Series 1” 140 pixels from the left edge of the rendering area and 150 pixels from the top edge of the rendering area: