Tengo un gráfico de diagrama de caja con una matriz de muchos valores y todo funciona bien, pero quiero resaltar un valor.
este es mi codigo
var ebitda_margin_plotly = { x: data.plotly_data.ebitda_margin, type: 'box', name: 'E-MARGIN', marker: { color: 'rgba(255, 202, 3, 0.7)', outliercolor: 'rgba(219, 64, 82, 0.6)', line: { outliercolor: 'rgba(219, 64, 82, 1.0)', outlierwidth: 2 } }, boxpoints: 'suspectedoutliers' }; var ebitda_margin_config = { responsive: true, modeBarButtonsToRemove: ['pan2d','select2d','lasso2d','resetScale2d'], displaylogo: false, autosizable: true } var layout_ebitda_margin = { title: ('EBITDA MARGIN: ' + data.data.ebitda_margin + "%") }; Plotly.newPlot('ebitda_margin_plotly', [ebitda_margin_plotly], layout_ebitda_margin,ebitda_margin_config);¿Cómo puedo agregar una línea como esta azul que representará mi valor personalizado? en este caso 11.7% tengo de backend
ok, encontré una solución, que en realidad es bastante simple
solo necesita agregar formas de diseño
var layout_ebitda_margin = { title: "EBITDA MARGIN", height: 320, xaxis: { rangeslider: {} }, yaxis: { showticklabels: false, fixedrange: true }, hovermode: 'y unified', shapes: [ { type: 'line', x0: data.data.ebitda_margin, y0: -1, x1: data.data.ebitda_margin, y1: 1, line:{ color: 'rgb(255, 0, 0)', width: 1, dash:'dot' }} ] };