Chart.jsの折れ線グラフの特定の点のサイズを変更する

Question

Chart.jsの折れ線グラフ上の特定の点のサイズを変更したいとします。私はthis answerでポイントの色を変更する方法を見たが、私はそのサイズを変更するための解決策を見つけることができません。何か案は？

// 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

折れ線グラフでドットのサイズを単に大きくすることは、ドキュメントChart.jsに従ってください。利用可能なカスタマイズ方法があります。

あなたはこれを試すことができます。

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 //フォントサイズを

Refrence1

Linechart