Unhandled Promise Ablehnung: this.getData ist keine Funktion

Question

Ich benutze Plotly mit Angular 2. Ich versuche getData() -Funktion von Funktion (eventdata) {} Funktion plotly aufrufen. Aber ich bekomme über den Fehler.

I bezeichnet this code

Mein Code ist:

<script> 
var trace1 = { 
x: ['2013-10-04 22:23:00', '2016-10-06 22:23:00', '2013-11-04 22:23:00', '2013-11-07 22:23:00','2013-12-04 22:23:00', '2013-12-08 22:23:00'], 
y: [1, 3, 6,9, 4, 5], 
fill: 'tozeroy', 
fillcolor: 'red', 
text: server1, 
hoverinfo: "x+y+text", 
name:"Server 1", 
type: 'scatter', 
mode:"markers", 
marker: 
{ 
    size:5, 
    color:"gray" 
}, 
uid:"c2e171" 
}; 
var layout = { 
margin: { 
    l: 20, 
    r: 40, 
    b: 40, 
    t: 10 
}, 
legend: { 
"orientation": "h" 
}, 
yaxis : {fixedrange: true}, 
}; 
var data = [trace1]; 
Plotly.newPlot('myDiv', data,layout); 

var plotDiv = document.getElementById('myDiv'); 
plotDiv.on('plotly_relayout', 
function(eventdata){ 
    this.minDate = new Date(eventdata['xaxis.range[0]']); 
    this.maxDate = new Date(eventdata['xaxis.range[1]']); 
    this.getData(); 
}); 

getData() { 
    console.log("getData() function"); 
} 

Answer 1

verwenden Sie den Code wie diese Sie

var plotDiv = document.getElementById('myDiv'); 
plotDiv.on('plotly_relayout', 
(eventdata) =>{ 
    this.minDate = new Date(eventdata['xaxis.range[0]']); 
    this.maxDate = new Date(eventdata['xaxis.range[1]']); 
    this.getData(); 
}); 

getData() { 
    console.log("getData() function"); 
}