Why is the "touchend" event gone?

[mariusbolik]

Can somebody please tell me, why the "touchend" event is gone? I really need this!
https://www.chartjs.org/docs/latest/api/interfaces/corechartoptions.html#events

[kurkle]

Those are only the defaults, you are free to configure the events you need.

[mariusbolik]

But how?

[kurkle]

oh, right. its missing from the types. You could just ignore that, or augment the types (did not check if its possible)

[mariusbolik]

The "touchend" event isn't working for me anymore. On Chart.js 2 it worked fine. I wrote a Plugin to display a line above the chart which listens to touch gestures. Since Chart.js 3, the line doesn't hide, if the touch move ends.

Chart.js 2 (line disappears after I release my finger):

Chart.js 3: (line stays after I release my finger):

Plugin Code:

{
  id: 'verticalSelector',
  afterDatasetsDraw: (chart: any) => {
    if (chart?.tooltip._active?.length) {
        var activePoint = chart.tooltip._active[0].element,
          ctx = chart.ctx,
          y_axis = chart.scales.y,
          x = activePoint.tooltipPosition().x,
          topY = y_axis.top,
          bottomY = y_axis.bottom;
        ctx.save();
        ctx.beginPath();
        ctx.moveTo(x, topY);
        ctx.lineTo(x, bottomY);
        ctx.lineWidth = 1;
        ctx.strokeStyle = 'rgba(255, 255, 255, 0.5)';
        ctx.stroke();
        ctx.restore();
      }
    }
}

Charts.js Events Config:

events: <any>['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove', 'touchend']

[alexooi]

@mariusbolik for my case using Ionic, this should be resolved by adding the event 'mouseup' to your options.events