Hertz Graph

[glend1]

here is what i have at the moment. this uses a library that is able to generate the frequencies of musical pitches from a midi keyboard and iterates through them to create a graph of frequencies and their respective name.

  const midis = [];
    const labels = [];
    const vals = [];
    for (let i = 24; i <= 120; i++) {
        midis.push(Midi.midiToFreq(i))
        labels.push(Midi.midiToNoteName(i))
        vals.push(i)
    }

const chartData = {
                    labels: vals,
                    datasets: [{
                      label: 'Data',
                      backgroundColor: 'rgb(255, 99, 132)',
                      borderColor: 'rgb(255, 99, 132)',
                      data: midis,
                    }]
                  };
            var ctx = document.getElementById("audioGraph");
            new Chart.default(ctx, {
                type: 'line',
                data: chartData,
                options: {
                    responsive: true,
                    plugins: {
                        legend: {
                            display: false
                        }
                    },
                    scales: {
                        x: {
                        display: false,
                        grid: {
                                display: false
                            }
                        },
                        y: {
                            display: true,
                            type: 'logarithmic',
                            grid: {
                                // edit this?
                                    display: true
                                },
                            ticks: {
                                display: false
                            }
                        }
                        
                    }
                },
            })

<canvas id="audioGraph"></canvas>

this uses a logarithmic scale, because musical pitch expresses itself logarithmicly.

however I want to assign the Y axis the musical pitches by name (not the same as swapping x and y scales)

i've tried setting the callback of ticks to a custom function however ticks do not get all the values.
i have also looked at the scale format but i don't know how to create a custom one or how to pass anything to it
so i think i need to change the grid to accept an array of values to display them on the graph (so that i can then configure the ticks) but i don't know how to do this from reading the documentation since there is no callback for that.

any ideas how i can achieve this?

[glend1]

I could create a new scale type that extends logarithmic changing only the bits that modifys the grid