javascript - 是否可以在一列中更改 chartjs 行值？无过渡

Question

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

这就是它的样子。看看 06.03.2019 点上的第一条红线。

这就是我想要的。

谢谢大家的回复。

标签： javascriptangularchart.js

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>