myPlot.on('plotly_click', function (data) { var point = data.points[0], newAnnotation = { x: point.x, y: point.y, arrowhead: 7, ax: 0, ay: 80, bgcolor: 'rgba(255, 255, 255, 0.85)', arrowcolor: point.fullData.marker.color, font: { size: 12 }, bordercolor: point.fullData.marker.color, borderwidth: 2, text: ' | <b>Messung: </b> ' + vitSigTitle + ' |<br>' + '---- <br>'+ '<b>Zeitpunkt </b><br>' + (new Date(point.x)).toLocaleString('default')+ '<br>'+ '<i>Jahr: </i> ' + (new Date(point.x)).getFullYear() + '<br>' + '<i>Monat: </i> ' + (new Date(point.x)).toLocaleString('default', { month: 'long' }) + '<br>' + '<i>Tag: </i> ' + (new Date(point.x)).toLocaleDateString('default', { weekday: 'long' }) + '<br>' + '<i>Uhrzeit: </i> '+ (new Date(point.x)).toLocaleTimeString() + '<br>' + '<b>Messwert</b><br>' + (point.y) + vitSigUnit }, newIndex = (node.children[0].layout.annotations || []).length; // delete instead if clicked twice if (newIndex) { var foundCopy = false; node.children[0].layout.annotations.forEach(function (ann, sameIndex) { if (ann.text === newAnnotation.text) { Plotly.relayout(node.children[0], 'annotations[' + sameIndex + ']', 'remove'); foundCopy = true; } }); if (foundCopy) return; }