Anchors and Lines

Each data point in a line/spline/area chart is represented by an anchor. Anchors help to identify the data point better in the chart. They also show a tooltip showing the data plot details when the mouse is hovered over them, and can be linked to other pages as well.

Given below are the attributes used to customize the appearance of anchors:

Attribute

Description

anchorSides

It specifies the number of sides the anchor will have, depending on the shape of the anchor you want to render. This attribute takes values between 3 and 20.

anchorRadius

It specifies the radius of the anchors(in pixels).

anchorBorderColor

It specifies the hex code of the color that will be used to render the anchor borders e.g. #00ffaa.

anchorBorderThickness

It specifies the thickness of the anchor borders(in pixels).

anchorBgColor

It specifies the hex code for the color that will be applied to the anchor background e.g. #00ffaa.

anchorBgAlpha

Sets the transparency of anchor background. Can take values from 0 (transparent) to 100 (opaque).

Customizing anchors for specific data points

FusionCharts Suite XT allows you to highlight a particular data point by customizing specific anchor points explicitly. To highlight a specific anchor, you need to customize the cosmetics for only that particular anchor. A line chart with anchors for specific data points customized looks as below: