Ändern Sie die Größe eines bestimmten Punkts in einem Liniendiagramm in Chart.js

Question

Ich möchte die Größe eines bestimmten Punkts in einem Liniendiagramm in Chart.js ändern. Ich habe in this answer gesehen, wie man die Farbe eines Punktes ändert, aber ich kann keine Lösung finden, um seine Größe zu ändern. Irgendwelche Ideen?

// dataArray and labelsArray are hard-coded arrays of int values. 
var lineChartData = { 
    datasets: [{ 
     data: dataArray, 
     pointStrokeColor: "#fff", 
     fillColor: "rgba(220,220,220,0.5)", 
     pointColor: "rgba(220,220,220,1)", 
     strokeColor: "rgba(220,220,220,1)" 
    }], 
    labels: labelsArray 
}; 

// Changing color of point #5 
myLineChart.datasets[0].points[4].fillColor = "#FF0000"; 

// Changing point's size 
// TODO: 

Answer 1

Sie können einfach die Größe des Punktes im Liniendiagramm erhöhen, um die Dokumentation der Chart.js folgen. Es ist eine Customizing-Methode verfügbar.

Sie können dies versuchen:

var myLineChart = Chart.Line(ctx, { 
    pointDot: false, 
    pointLabelFontSize: 20 
}); 

lineChartData = { 
datasets: [{ 
    data: dataArray, 
    pointStrokeColor: "#fff", 
    fillColor: "rgba(220,220,220,0.5)", 
    pointColor: "rgba(220,220,220,1)", 
    strokeColor: "rgba(220,220,220,1)" 
}], 
labels: labelsArray 
}; 

// Changing color of point #5 
    myLineChart.datasets[0].points[4].fillColor = "#FF0000"; 

pointLabelFontSize: 20 // Schriftgröße in Pixel

Refrence1

Linechart