Javascript 在chart.js中更改折线图上特定点的大小

我想在chart.js中更改折线图上特定点的大小。我了解了如何更改点的颜色，但找不到更改其大小的解决方案。有什么想法吗

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

---

您只需按照的文档增加折线图中点的大小即可。有一种定制方法可用

您可以尝试以下方法：

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//字体大小（像素）

---

迟交的回答。但是这对那些正在寻找这个的人是有帮助的

用于在chart.js中的折线图中设置不同点大小的代码

var speedCanvas=document.getElementById（“speedChart”）；
var pointRadius=[]；
var dataFirst={
标签：“A车-速度（mph）”，
数据：[10,59,75,25,20,65,40]，
线张力：0.3，
填充：假，
边框颜色：“红色”，
背景色：“透明”，
pointBackgroundColor:'绿色'，
pointBorderColor:“绿色”，
点半径：点半径
};
var speedData={
标签：[“0s”、“10s”、“20s”、“30s”、“40s”、“50s”、“60s”]，
数据集：[数据优先]
};
var图表选项={
图例：{
显示：对，
位置：'顶部'，
标签：{
箱宽：80，
fontColor:'黑色'
}
}
};
var lineChart=新图表（speedCanvas{
键入：“行”，
数据：speedData，
选项：图表选项
});
对于（var i=0；i如何显示您完整的折线图代码也许这个答案可以帮助您：@JeroenBellemans-我在那里找不到任何有用的东西。请您更具体一点好吗？@Akhilessingh-我更新了我的问题。有没有一个公认的答案，包括增加圆点和标签大小的选项？您应该至少添加一点注释，为什么我会这样做s工作：某些点属性是“indexabe”（请参阅）。意思是：如果定义单个属性，如pointRadius=5。Chart.js不会为创建的每个点自动创建属性。因此，您不能只寻址Chart.data.dataset[0]。pointRadius[5]。您必须以数组的形式提供属性，或者通过回调（）或固定，如pointRadius=[1,2,3,4,5]