EDataLabelSkipMode Customization is possible

Hi Arun

There are a number of skip modes built-in for datalabels which will automatically cull based on the number of points shown, iflabels are overlapping etc. Take a look at the DataLabel SkipModes and Culling documentation for more details.

However, if you wanted to write a custom skipping algorithm for datalabels, it might be easier to do something like this:

In the Getting Labels from Metadata documentation, we show how you can return strings from objects in metadata into the labels:

// Assuming metadata has been constructed in the dataseries and dataLabels enabled,
// you can format labels with metadata using dataLabelProvider.getText(dataLabelState)
sciChartSurface.renderableSeries.get(0).dataLabelProvider.getText = (dataLabelState) => {
    return `index=${dataLabelState.index}, 
    x,y=[${dataLabelState.xVal()}, ${dataLabelState.yVal()}], 
    metadata="${dataLabelState.getMetaData()?.text}"`;
};

You could include properties to show/hide labels here, e.g.

sciChartSurface.renderableSeries.get(0).dataLabelProvider.getText = (dataLabelState) => {
    return dataLabelState.getMetaData()?.showLabel ? `${dataLabelState.yVal()}` : ``;
};

Here’s a codepen demonstrating the concept. This only shows labels on point 0, 1, 5, and 10 by adding metadata values { showLabel: true } or { showLabel: true } to show and hide each label. See the codepen for more details on how I’ve implemented this.

Taking this a step further, if there is a programmatic rule when to show labels you may not need metadata at all. Instead, test if the xValue is divisible by 30 seconds for example

Hope this helps,

Best regards
Andrew