I want to know the function of changing the y value to pixels.

[JangCool]

I want to create a new type of high-performance scatter plot chart using double buffering.

So I would like to know how to change the y-values in the dataset to pixels.

Is there a way?

    class HamonicaChart extends ScatterController {

    }

    HamonicaChart.defaults = ScatterController.defaults;

    class HamonicaScatter extends HamonicaChart {

        initialize () {

            //@ts-ignore
            super.initialize(arguments);
        }

        draw() {

            const meta = this.getMeta();
            const xScale = meta.xScale;
            const yScale = meta.yScale;
            const arrData = this.chart.data.datasets[0].data;
            var chartArea = this.chart.chartArea;
            var scales = this.chart.scales;

            this.chart.data.datasets.forEach((dataset) => {

                const series:any = dataset;

            //     ctx.strokeStyle = series.borderColor;
            //     ctx.strokeStyle = series.borderColor
            //     ctx.lineWidth = series.borderWidth;
            //     ctx.fillStyle = series.backgroundColor;


                series.data.forEach((data) => {
                      
                          console.log(data.x, data.y);
                         //y value pixel transform
                });

           });
        }

        parse(start: number, count: number): void {
            super.parse(start, count);
        }

        update(mode: "resize" | "reset" | "none" | "hide" | "show" | "normal" | "active" | "quiet"): void {
            // super.update(mode);
        }

    }

    HamonicaScatter.id = 'txscatter';
    Chart.register(HamonicaScatter);

[JangCool]

I answer myself.

                    var scales = this.chart.scales

                    const xPixel = scales.x.getPixelForValue(data.x, index);
                    const yPixel = scales.y.getPixelForValue(data.y, index);