@xchart/wafer NPM

@xchart/marker

Marker tool for XChart.

Usage

// 1. new Marker
const marker = new Marker({
    // wrapper box
    wrapper: boxRef,
    // closable
    closable: true,
    // close by right click
    closeByRightClick: false,
    // can move outside
    canMoveOutside: true,
});

marker.value!.addMark({
    // x position in wrapper(chart) box
    x: 10,
    // y position in wrapper(chart) box
    y: 10,
    // current index data, may contain multi line data
    data: [
        {
            // point color
            color: 'red',
            // point label
            label: 'Point',
            // point value
            value: 10,
        },
    ],
});