Skip to content
EliteChart

AxisPlusButtonStyle

Documentation


Documentation / @elitechart/core / AxisPlusButtonStyle

Defined in: renderer/axis-plus-button.ts:31

Visual style for the axis "+" badge. Override fields by spreading over DEFAULT_AXIS_PLUS_BUTTON_STYLE.

Example

code
const s: AxisPlusButtonStyle = {
  ...DEFAULT_AXIS_PLUS_BUTTON_STYLE,
  fill: 'rgba(255, 138, 0, 0.95)',
  size: 22,
};

Properties

border

code
readonly border: string;

Defined in: renderer/axis-plus-button.ts:34


fill

code
readonly fill: string;

Defined in: renderer/axis-plus-button.ts:32


hoverRadiusX

code
readonly hoverRadiusX: number;

Defined in: renderer/axis-plus-button.ts:44

Show the badge only while the cursor is within this horizontal distance of the plot-right edge. Avoids distraction when the user is working in the middle of the plot.


iconColor

code
readonly iconColor: string;

Defined in: renderer/axis-plus-button.ts:33


offsetX

code
readonly offsetX: number;

Defined in: renderer/axis-plus-button.ts:38

Horizontal offset from plot-right at which the badge centers.


size

code
readonly size: number;

Defined in: renderer/axis-plus-button.ts:36

Diameter in CSS pixels.