Punkte in ChartJS LineGraph ausblenden

Ursprünglich habe ich die Füllfarbe für jeden Punkt so eingestellt, dass sie vollständig transparent ist. Wenn ich mit der Maus über das Diagramm fahre, erscheinen die Punkte. Ich möchte alle Punkte ausblenden, damit das Liniendiagramm glatt ist.

Sie können dies erreichen, indem Sie die Radiuseigenschaft des Punktes in den Konfigurationsoptionen wie folgt festlegen:

var chartConfig = {
            type: 'line',
            options: {
                elements: {
                    point:{
                        radius: 0
                    }
                }
            }
        }

Tooltips für die Punkte werden ebenfalls ausgeblendet.

Sie können die einstellen pointRadius bis Null.

var myChart = new Chart(
    ctx, {
        type: 'line',
        data: {
            labels: [...]
            datasets: [
              {
                data: [...],
                pointRadius: 0,  # <<< Here.
              }
            ]
        },
        options: {}
    })

Ich hatte das gleiche Problem, aber ich wollte die Hover-Option aktiv halten. Da ist meine Lösung:

const config = {
        type: 'line',
        data: {
            datasets:[{
                label: 'Température',
                borderColor: 'rgb(255, 99, 132)',
                data: tempE,
                pointStyle: 'rect',
            }]
        },
        options: {
            elements:{
                point:{
                    borderWidth: 0,
                    radius: 10,
                    backgroundColor: 'rgba(0,0,0,0)'
                }
            }
        }
    };