Angularjs angular-chart.js：折线图的pointHoverBorderColor属性存在问题

我正在使用输入颜色作为对象，但属性“pointHoverBorderColor”无法使用：

角度：1.5.3

chart.js:2.6.0

angular-chart.js:1.1.1

vm.colors = [ { backgroundColor: "rgba(159,204,0, 0.2)", 
pointBackgroundColor: "rgba(159,204,0, 1)", 
pointHoverBackgroundColor: "rgba(159,204,0, 0.8)", 
borderColor: "rgba(159,204,0, 1)", 
pointBorderColor: '#fff', 
pointHoverBorderColor: "rgba(159,204,0, 1)" },
"rgba(250,109,33,0.5)",
"#9a9a9a","rgb(233,177,69)" ];

为了

下图，悬停时该点保持黑色：

---

您为错误的控制器分配了数据集选项。您需要将其分配给

vm.datasetOverride

，而不是将其分配给

vm.colors

，如下所示

vm.datasetOverride = [{
   backgroundColor: "rgba(159,204,0, 0.2)",
   pointBackgroundColor: "rgba(159,204,0, 1)",
   pointHoverBackgroundColor: "rgba(159,204,0, 0.8)",
   borderColor: "rgba(159,204,0, 1)",
   pointBorderColor: '#fff',
   pointHoverBorderColor: "rgba(159,204,0, 1)",
   fill: false
}];

ᴡᴏʀᴋɪɴɢ ᴇxᴀᴍᴘʟᴇ ⧩

var-app=angular.module（'app'，['chart.js']）；
app.controller（“LineCtrl”[“$scope”，函数（vm）{
vm.labels=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”]；
vm.data=[
[65, 59, 80, 81, 56, 55]
];
vm.datasetOverride=[{
背景色：“rgba（159204,0,0.2）”，
pointBackgroundColor:“rgba（159204,0,1）”，
pointHoverBackgroundColor:“rgba（159204,0,0.8）”，
边框颜色：“rgba（159204,0,1）”，
pointBorderColor:“#fff”，
pointHoverBorderColor:“rgba（159204,0,1）”，
填充：假
}];
}]);
谢谢你，我真正的问题是我在vm.data中推送数据，而不是在vm.data[0]中推送数据。现在，它可以在不使用datasetOverride属性的情况下工作。你的工作榜样对我帮助很大！
vm.datasetOverride = [{
   backgroundColor: "rgba(159,204,0, 0.2)",
   pointBackgroundColor: "rgba(159,204,0, 1)",
   pointHoverBackgroundColor: "rgba(159,204,0, 0.8)",
   borderColor: "rgba(159,204,0, 1)",
   pointBorderColor: '#fff',
   pointHoverBorderColor: "rgba(159,204,0, 1)",
   fill: false
}];