Estoy intentando trazar un gráfico de alarmas generadas por las máquinas a escala de series temporales y lo he podido hacer con éxito.

Lo que no puedo encontrar es cómo puedo tener un borde o cambiar el color de fondo del texto disperso que se ha trazado. ¿Hay alguna herramienta predefinida para ello? o hay alguna manera de lograrlo.

Aquí está mi código de trazado:

 function Plottheeventschart(labels, ploteventlist, randomList) { var trace1 = { showarrow: true, x: labels, y: randomList, type: 'scatter', mode: 'markers+text', text: ploteventlist, textposition: 'top', textfont: { family: 'sans-serif', size: 15, color: '#ff7f0e', automargin: true, }, marker: { size: 15, }, name: 'Events', }; var data = [trace1]; var layout = { autosize: true, height: 450, automargin: true, title: 'Events', xaxis: { showgrid: true, showspikes: true, spikedash: "solid", spikemode: "toaxis+marker", spikesnap: "data", spikethickness: 1, range: [labels[labels.length-15], labels[labels.length-1]], rangeselector: { bgcolor: "#201c1c", rangeslider: { range: [labels[0], labels[labels.length]], thickness:0.0175, }, }, yaxis: { visible: false, }, plot_bgcolor: "#201c1c", // inside paper_bgcolor: "#2e2e2e", font: { family: 'sans-serif ', size: 12, color: '#ffffff' }, showlegend: false, margin: { l: 20, r: 20, b: 50, t: 90 }, }; Plotly.newPlot('mydiv', data, layout, {responsive: true}); }

Y aquí está la imagen de la trama: Trama

Lo que estoy tratando de hacer es tener el color de fondo o los cuadros de texto para cada texto.