是否可以在一列中更改chartjs行值？没有过渡

Question

我有一个问题，也许图像可以更好地描述它。是否可以在不减少或增加行的情况下更改值？查看示例

这是它的外观。看看点06.03.2019上的第一条红线。

这就是我想要的。

感谢您的所有答复。

Answer 1

如果使用散点图，则可以完成。

请参见以下示例：

var scatterChart = new Chart(
    document.getElementById('c').getContext('2d'), 
    
    {
    type: 'scatter',
    data: {
        datasets: [{
            label: 'Scatter Dataset',
            data: [{
                x: 0,
                y: 0
            }, {
                x: 1,
                y: 1
            }, {
                x: 2,
                y: 2
            }, {
                x: 2,
                y: 1
            }, {
                x: 3,
                y: 1
            }
            ],
            tension: 0,
            showLine: true,
            fill:false
        }]
    },
    options: {
        scales: {
            xAxes: [{
                type: 'linear',
                position: 'top'
            }]
        }
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
<canvas id="c" width="200" height="200"></canvas>