Performance issue related to rolloverModifier

I did what you asked and here are the results

1. I profiled using FF dev tools and i see the same as in chrome dev-tools. The most cosumable task is drawing line annotations I have attached a performance profile screenshot so you can see for yourself.
2. Here is cofiguration of RolloverModifier and DataSiries in out app

DataSeries

const { wasmContext, sciChartSurface } = chart;
    this.seriesData = new XyDataSeries(wasmContext); // All data series are configured this way
    this.series = new FastMountainRenderableSeries(wasmContext, { dataSeries: this.seriesData });
    this.series.rolloverModifierProps.width = 0;
    this.series.rolloverModifierProps.height = 0;
    sciChartSurface.renderableSeries.add(this.series);

RolloverModifier

const rolloverModifier = new RolloverModifier({
      ...colors.rolloverModifier,
      showRolloverLine: true,
      modifierGroup: this._groupId,
      rolloverLineStrokeThickness: 1,
    });

Chart performance begins to drop noticeably starts from 4 sub-charts each of which consists of 3 rendereble series in 268+ data points per each. Also with main chart which consist of 2 renderable series in 268+ data points per each chart line

Hi Sergey,

Have you profiled this? I would suspect the issue is not the rendering of tooltips in the DOM or SVG, but the Hit-Test algorithm used by the RolloverModifier to get the x,y point at mouse location. This is still un-optimised and a lot of potential for improvement.

Can you do two things?

1. profile the code using Performance Profiler in Firefox Developer edition. This provides very high detailed profiling results and will tell you line by line what code is using time

2. Send us code for how you’ve configured the RolloverModifier and setup the data in XyDataSeries. This matters as there are several modes & some use more CPU than others. For example. if your data is unsorted in X-direction (which can happen by mistake) then Rolllover must use a slower method to find X,Y points at a mouse coordinate.

3. Finally tell us some stats about number of data points in the chart & number of series

A full working sample in Codesandbox would be helpful but not necessary to reproduce this. Just some info as above

Best regards
Andrew