如何使用Chart.js更新折線圖時設置全局/特定屬性？

Question

這是我的情況http://jsfiddle.net/co3L0bdb/4/

感謝@potatopeelings幫助我現在能夠物業highlightFill設置爲我所有的datasets當我顯示/隱藏在圖中的一系列這部作品甚至。 我說：

currentChart.datasets[0].points[8].highlightStroke = "rgba(220,0,0,1)"; 
currentChart.datasets[1].points[8].highlightStroke = "rgba(0,255,0,1)"; 
currentChart.datasets[2].points[8].highlightStroke = "rgba(0,0,255,1)"; 

但我得到什麼，但我不想，就是當我躲在一個系列，經過2次迭代，它開始繪製隱藏數據，並停止刪除的創舉數據該系列。 我該如何設置即使是系列屬性，如highlightStroke，沒有描述的副作用？

Answer 1

而不是將數據集屬性設置爲空對象，根本不包括它在數據集中。所以

data = { 
    labels: chartlabel, 
    datasets: [SP, NC, SPA] 
}; 

變得

data = { 
    labels: chartlabel, 
    datasets: [] 
}; 

if (SP.label !== undefined) data.datasets.push(SP) 
if (NC.label !== undefined) data.datasets.push(NC) 
if (SPA.label !== undefined) data.datasets.push(SPA) 

在2個地方

---

更換數據插入，點屬性由環（3個數據集，而不是硬編碼）設置。所以

setInterval(function() { 
    currentChart.addData([randomScalingFactor(), randomScalingFactor(), randomScalingFactor()], ++latestLabel); 
currentChart.datasets[0].points[8].highlightStroke = "rgba(220,0,0,1)"; 
currentChart.datasets[1].points[8].highlightStroke = "rgba(0,255,0,1)"; 
currentChart.datasets[2].points[8].highlightStroke = "rgba(0,0,255,1)"; 

成爲

var d = [] 
currentChart.datasets.forEach(function(e) { 
    d.push(randomScalingFactor()) 
}) 
currentChart.addData(d, ++latestLabel); 
currentChart.datasets.forEach(function(dataset) { 
    dataset.points[8].highlightStroke = dataset.points[0].highlightStroke; 
}) 

的highlightStroke新點從highlightStroke複製爲同一系列的第一點。

---

小提琴 - http://jsfiddle.net/zs99pw4L/

Answer 2

currentChart2.datasets.forEach(function(e) { 
    e.points[e.points.length - 1].highlightFill=e.points[0].highlightFill; 
    e.points[e.points.length - 1].highlightStroke=e.points[0].highlightStroke; 
}); 

解決問題了。 http://jsfiddle.net/co3L0bdb/5/