Suppose we have the following x-axis values on a chart.js (line) chart: `[0,1.9,2,3,4,5]`.

chart.js seems to chart this with the space between 0 and 1.9 being the same as the space between 1.9 and 2?

Is there a simple way to change the behavior (I assume manually setting the tick marks/grid lines would fix this, but perhaps there is an even simpler way?)

```
<!DOCTYPE html>
<head>
    <Title> Chart </Title>
    </head>
    <body>
        <p> Ex chart go</p>
        <div>
            <canvas id = "myChart"></canvas>
        </div>

        <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
        <script>
            const ctx = document.getElementById(`myChart`);
            const xval = [0,1.9,2,3,4,5];
            const yval = [10,8,6,4,2,0]
            const toPlot = {
                labels:xval,
                datasets: [{
                    label: "Ex chart",
                    data: yval,
                    fill: false
                }]
            };
            let myChart= new Chart(ctx, {
                type: `line`,
                data: toPlot,
                options: {

                }
            })
        </script>
    </body>
    </html>

```

**Edit: Let me try to restate my question**

* In the example above the horizontal values go from 0 to 5.
* Suppose the chart has a width of 100px
* since horizontal value of 2 is 2/5 of the total horizontal range, it should be (2/5)\*100px from the start of the horizontal axis
* similarly, since 1.9 is 1.9/5 of the total horizontal range, it should be (1.9/5)\*100px from the start of the horizontal axis
* **however, chart.js seems to be spacing all horizontal points evenly?**

Edit 2: Graphics to show what I am asking.

* I want gridlines as in the first picture: they are equally space (a fixed number of pixels of width is a fixed difference between gridlines). However, chart.js seems to do as in the second picture
* look at how the spacing between the red points is not even in the first picture (what I want), as compared to the second picture (chart.js)

[![what i want picture](https://i.stack.imgur.com/iNGFq.png)](https://i.stack.imgur.com/iNGFq.png)
[![chart.js picture](https://i.stack.imgur.com/Ab34R.png)](https://i.stack.imgur.com/Ab34R.png)