Изменить размер определенной точки на линейной диаграмме в 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