Skip to main content

CyclicArcAnnotation

CyclicArcAnnotation📘 draws a cyclical arc guide from two points. It is useful when a cycle needs to be visualized as a curve instead of a line.

It inherits the shared multi-point editing and label behavior from scichart-financial-tools.

sciChartSurface.annotations.add(
    new CyclicArcAnnotation({
        isEditable: true, 
        isSelected: true,
        points: [
            { x: 2, y: 7 },
            { x: 3, y: 7 }
        ],
        stroke: "#111",
        fill: "#1115",
        strokeThickness: 2,
        isUpward: true
    }),
    new CyclicArcAnnotation({
        isEditable: true,
        points: [
            { x: 4, y: 4 },
            { x: 6, y: 4 }
        ],
        stroke: "#F97316",
        fill: "#F9731633",
        strokeThickness: 2,
        isUpward: false
    })
);
tip
  • fill controls the arc band color, while stroke and strokeThickness control the outline.
  • isUpward flips the arcs above or below the baseline without changing the repeated spacing logic.
  • Connector lines are intentionally disabled for this variant, so the arcs stay visually clean.

See Also​