Codesandbox link: https://codesandbox.io/p/sandbox/vertically-stacked-axes-forked-pd3h7g?file=%2Fsrc%2FApp.tsx%3A133%2C25
I put the first box annotation to be from -5 to 6 and the x-axis range is from 0 to 10, so that mean some portion of the first box annotation is out of the chart. And there is a click event on the box annotation and console log whenever it is clicked on, and when I click outside of the chart box/square and align it to the box annotation, it is registering the click.
- Nung Khual asked 10 months ago
- You must login to post comments
Hi
For now, use this CustomAnnotation which does a seriesViewRect check first:
class CustomBox extends BoxAnnotation {
protected checkIsClickedOnAnnotationInternal(x: number, y: number): boolean {
// coordinate parameters have already been transformed to be relative to the seriesViewRect
if (x < 0 || x > this.parentSurface.seriesViewRect.width) {
return false;
}
if (y < 0 || y > this.parentSurface.seriesViewRect.height) {
return false;
}
return super.checkIsClickedOnAnnotationInternal(x, y);
}
}
Updated codesandbox: https://codesandbox.io/p/sandbox/vertically-stacked-axes-forked-9y4w4h
We will discuss internally whether this is a bug or whether it needs to be an option on annotations.
Regards
David
- David Burleigh answered 10 months ago
-
Thank you.
- You must login to post comments
Please login first to submit.